/* 
Цвета круглых маркеров: обводка = 1f8404, заливка = 3aff05
*/

html { background: gray; }

body { height: 100%;  
	margin: 0 auto;	padding: 0 15px 15px 15px;
	background: white;
	font-family: Tahoma, sans-serif; font-size: 11pt; /* 13px; */ }
	
INPUT { font-size: 11pt; }

#main_header { width: 100%; position: relative; margin: 0; padding: 0; }
#main_header .logo { position: absolute; top: 0px; left: 0px; width: 60px; }
#main_header .logo IMG { border: 0;  }
#main_header .login { position: absolute; top: 0px; left: 59px;
	padding: 0 10px; width: 587px; height: 20px;
	background: green; color: yellow; } 
#main_header .login A { color: yellow; }	
#main_header .dock { position: absolute; top: 20px; left: 54px; }
* html #main_header .dock { margin-left: -5px; }

.mh_100 { height: 100px; }
.mh_75 { height: 75px; }

#main_header .cart { position: absolute; top: 0px; left: 670px; width: 253px; height: 74px; 
	margin: 0; padding: 0 0 0 75px;  overflow: hidden; 
	border: 1px solid green; border-top: 0; background: #fefed8; }
.wo_number { color: green; font-weight: bold; }

.index_main_block { position: relative; margin-left: 100px; width: 580px; border-top: 1px solid green; } 

#main_header .cart #cart { border: 0; position: absolute; top: 0px; left: 0px; height: 74px;
	width: 74px; background: url('/img/cart.gif'); background-repeat: no-repeat;  }

#order_confirm, #order_ok_btn {  margin: 0;  
	line-height: 24px; height: 28px; cursor: pointer; cursor: hand;  }
#order_confirm { /* position: absolute; top: 79px; left: 670px; */ float: right;
	width: 256px; padding: 7px 10px 7px 62px; text-align: left;   }
#order_ok_btn { position: relative; width: 236px; padding: 7px 0px 7px 92px; float: right; } 	
#order_confirm IMG { position: absolute; left: 240px; top: 14px; }
#order_ok_btn IMG { position: absolute; left: 35px; top: 4px; }
#order_ok_btn SPAN { position: absolute; left: 90px; top: 8px; }

#ask_manager { position: relative; top: 79px; left: 0px; text-align: center;
padding: 2px 10px; border: 1px solid green; background: #fefed8; clear: both;  }

.print_only { display: none; }
.aux_visible { display: block; }
.aux_hidden { display: none; }

.restrict_h { height: 300px; overflow: scroll; }

@media print 
{ 
	body { width: auto; font-size: 8pt; }
	a { text-decoration: none; color: black; }
	#print_header { display: block; color: green; font-size: 14pt; margin-bottom: 10px; }
	#main_header { height: auto; }
	#main_header .cart { position: relative; top: auto; left: auto; 
		border: 1px solid green; }
	.noprint { display: none; }
	.print_only { display: block; }
	.aux_visible { display: none; }
	.restrict_h { height: auto; overflow: visible; }
} 

/* кнопки в главной верхней панели */
.icon_btn { background: #fefed8; margin: 0; padding: 0;
	border: 1px solid green; border-top: 0; 
	width: 152px; height: 54px; float: left; 
	position: relative; padding-left: 45px;  margin-left: 5px;  
	overflow: hidden; 
	color: green; font-size: 17px; text-align: center; cursor: pointer; cursor: hand; }
.icon_btn #icon {border: 0; position: absolute; top: 0px; left: 0px; margin: auto; }
.icon_btn A { color: green; }
.icon_btn TABLE { width: 100%; cursor: pointer; cursor: hand; }
.icon_btn TD { vertical-align: middle; text-align: center; }

.huge_btn, .photorep_big_h, .ap_huge_btn { background: #fefed8; margin: 0; padding: 0;
	border: 1px solid green; border-top: 0; 
	width: 605px; height: 54px; float: left; 
	position: relative; margin-left: 5px;  
	overflow: hidden; 
	color: green; font-size: 24px; text-align: center; }
.huge_btn TABLE, .photorep_big_h TABLE, .ap_huge_btn TABLE { width: 100%; height: 100%; }
.huge_btn TD, .photorep_big_h TD, .ap_huge_btn TD { vertical-align: middle; text-align: center; }
.huge_btn A { color: green; }

.logo_2 { position: absolute; width: 60px; }
.navibar { margin-left: 60px;  border: 1px solid green; border-top: 0;
	padding: 10px 50px;
	color: green; font-size: 20px; text-align: center; }
.navibar TABLE { width: 100%; height: 100%; }
.navibar TD { vertical-align: middle; text-align: center; }	
.navibar A { color: green; }
.login_2 { margin-left: 60px; padding: 0 10px; height: 20px; background: green; color: yellow; }
.login_2 A { color: yellow; }
.navibar_v3 { height: 40px; color: green; font-size: 20px; vertical-align: middle; text-align: center; border-bottom: 1px solid green; }
.navibar_v3 A { color: green; text-decoration: none; border-bottom: 1px solid; }
.navibar_v3_bottom { height: 30px; }
.navibar_v3_bottom A { text-decoration : none; border-bottom: 1px solid; }
.navibar_v3_user { height: 30px; font-size: 12px; }
.navibar_v3_tb { border-left: 1px solid green; border-right: 1px solid green; }
.logo_v3 { width: 60px; }
.navibar_ap { color: green; font-size: 20px; border-bottom: 1px solid green; }
.navibar_ap A { color: green; text-decoration: none; border-bottom: 1px solid green; }

.navibar_js { color: green; font-size: 20px; border-bottom: 1px solid green; }
.navibar_js A { color: green; text-decoration: none; border-bottom: 1px solid; }
.navibar_js_tb { border-left: 1px solid green; border-right: 1px solid green; }
.navibar_js_wuser { text-decoration: none; border-bottom: 1px solid; }

.photorep_big_h { width: 939px; }
.ap_huge_btn { width: 939px; }


H1 { color: green; font-size: 160%; font-weight: normal; margin: 0px 0 5px 0; }
H2, .h2 { color: green; font-size: 140%; font-weight: normal; margin: 10px 0 5px 0; }
H2 .a { background: green; color: yellow; font-size: 10pt; padding: 1px 5px 2px 5px; position:relative; top: -2px;}
H2.disabled { color: #aaa; }
H3 { color: green; font-size: 100%; font-weight: normal; margin: 10px 0 5px 0; }
@media print {
	H1 { font-size: 12pt; }
}


.headered { background: white; margin: 15px 0; padding: 0; border: 1px solid green; }
.headered H1, .headered .h1 { border-top: 1px solid green; border-bottom: 2px solid green; background: #e3fce3; color: green; margin: 0; padding: 8px 8px; font-size: 100%; font-weight: bold; }
.headered OL, .headered_gr OL { line-height: 1.5em; }
.headered P, .cart P { padding: 0px 8px 3px 8px; margin: 2px 0px 0px 0px; }
.headered H3, .headered_gr H3 { padding: 0px 8px 3px 8px; margin: 2px 0px 0px 0px; color: green; font-weight: bold; }
.disabled .headered { border: 1px solid #aaa; }
.headered #step03btn { margin: 10px; padding: 3px 10px; text-align: center; border: 1px solid green; background: green; color: white; cursor: default; cursor: pointer; } 

.headered_gr { background: #fefed8; margin: 15px 0; padding: 0; border: 1px solid #aaa; }
.headered_gr H1 { background: #aaa; color: white; margin: 0; padding: 4px 8px; font-size: 100%; font-weight: bold; }
.headered_gr P { color: #aaa; padding: 0px 8px 3px 8px; margin: 2px 0px 0px 0px; }
.headered_gr #step03btn { margin: 10px; padding: 3px 10px; text-align: center; border: 1px solid #aaa; background: #aaa; color: white; cursor: default; cursor: pointer; } 

.headered IMG.b1 { position:absolute; top: 4px; right: 2px; }
.headered IMG.b2 { position:absolute; top: 4px; right: 34px; }

.headered H1.special { border: 1px solid green; border-top: 2px solid green; }

.map_holder { position: relative; float: right; overflow: hidden; border: 1px solid green; width: 328px; height: 200px; }
.map_holder_nopic { position: relative; float: left; overflow: hidden; margin-left: 1px; border: 1px solid green; width: 324px; height: 200px;  }

DIV.error { border: 1px solid red; }
DIV.error H1 { color: yellow; background: red; border: 1px solid red;}


/* Таблица-невидимка для размещения полей простых форм ввода: имя - значение */
TABLE.form { margin: 0 8px; border-collapse: collapse; }
TABLE.form TD.r { text-align: right; }
TABLE.form TD { padding: 8px 5px 0px 5px; }
TABLE.form TR.error TD { color: red; background-color: white; font-weight: bold; padding-top: 0; padding-bottom: 10px; vertical-align: top; }

TD.r, TH.r { text-align: right; }
TD.c, TH.c { text-align: center; }
TABLE.classic { border-collapse: collapse; border: 1px solid green; empty-cells: show; }
/* .headered TABLE.classic { width: 100%; border 0; } */
TABLE.classic TH, TABLE.classic TD { border: 1px solid green; padding: 3px 8px; vertical-align: middle; }
TABLE.classic TH { font-weight: normal; text-align: left;}
TABLE.classic TD.nl { border-left: 0; }
TABLE.classic TD.nr { border-right: 0; }
TABLE.classic TD.nt { border-top: 0; }
TABLE.classic TD.nb { border-bottom: 0; }
TABLE.classic TD.nbс { border-bottom: 0; text-align: center;  }
TR.thick_over TD { border-top-width: 3px; }

/* TABLE.classic THEAD TD { background: #bbffbb; } */
TABLE.classic THEAD TR.caption TD { background: green; color: yellow; }
TABLE.classic TR { height: 22px; }
TABLE.classic TD.div { padding: 0; }

TABLE.classic TD.free, TABLE.classic TD.cart 
	{ text-align: right; height: 22px;  cursor: pointer; cursor: hand; }
TABLE.classic TD.na { text-align: right; height: 22px; background: #eee; color: gray; }
TABLE.classic TD.free, SPAN.free { background: #cfc; border: 1px solid green; }
TABLE.classic TD.cart, SPAN.cart { background: rgb(97, 191, 26); color: white; border: 1px solid #afa; }
TABLE.classic TD.cart A, SPAN.cart A { color: white; }
SPAN.cart, SPAN.free { padding: 1px 8px 2px 8px; }
SPAN.cart { border: 1px solid green; }
TABLE.classic TD.cart_u { cursor: pointer; cursor: hand;  background: green; color: white; border: 1px solid #aaffaa; text-align:right; padding: 2px 8px; } 

TABLE.classic TD.reserved { border: 1px solid green; text-align: center; color: #555555;  background: #777777; }
TABLE.classic TR.totals TD { text-align: right; }
TABLE.classic TR.header TD, TABLE.classic TH { background: #fefed8; }

TR.blue TD { background: #d8faf5; }

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

@media print { 
	TABLE.classic A { text-decoration: none; color: black; }
	TABLE.classic TR { page-break-inside: avoid; }
	TABLE.classic TD { page-break-inside: avoid; }
	TABLE.classic TD.cart { background: white; color: black; border: 1px solid green; }
    TABLE.classic TD.free NOBR { display: none;  }
}

TABLE.classic-gr { border-collapse: collapse; border: 1px solid gray; }
TABLE.classic-gr TD { border: 1px solid gray; padding: 4px 8px; }
TABLE.classic-gr THEAD TD { background: #dddddd; }
TABLE.classic-gr THEAD TR.caption TD { background: #777777; color: white; }

/* блок в ячейке заголовка таблицы, с указанием имени параметра и двумя стрелками сортировки */
TABLE.sort { border-collapse: collapse; border: 0; }
TABLE.sort TD { border: 0; text-align: center; padding: 3px; }

* html TABLE.fixed { table-layout: fixed; }

#big_table { height: 450px; overflow: scroll; padding: 1px; }

@media print { 
	#big_table { height: auto; overflow: visible; }
}

SPAN.w { color: white; }
SPAN.attn { color: white; background: red; padding: 1px 4px 2px 4px; }

#gmap { width: 735px; height: 550px; float: left; overflow: hidden; border: 1px solid green; }
#gmap2 { border: 1px solid green; }
#yamap { border: 1px solid green; }
#mini_gmap {width: 250px; height: 200px; overflow: hidden; float: right; }
#mini_gmap_holder {width: 250px; height: 270px; float: right; overflow: hidden; position: relative; }

.sort_mrk { color: rgb(210,210,210); font-size: 100%; text-decoration: none; !important }
.sort_active { color: rgb(0,220,0); font-size: 100%; text-decoration: none; }
.sort_active2 { color: #77ff77; font-size: 100%; text-decoration: none; }

FORM { margin: 0; }
IMG.icontext { position: relative; top: 3px; }

.help { display: none; border: 1px solid gray; padding: 7px 10px; margin-top: 7px; background: #eee; position: relative; }
.help .close, .help .close_w, .close_2 { background: gray; color: white; font-size: 13px; line-height: 13px; text-align: center; width: 15px; height: 15px;
	position: absolute; top: 0; right: 0px; cursor: pointer; cursor: hand; }
* html .help .close { right: 15px; }
.close_2 { background: green; }

IMG.q { position: relative; top: 2px; cursor: pointer; cursor: hand; }

.page { border: 1px solid green; padding: 2px 5px; margin: 1px; line-height: 27px; cursor: pointer; cursor: hand; }
.page A { text-decoration: none; color: black; }
.page_curr { border: 1px solid green; color: white; background: green; padding: 2px 5px; margin: 1px; }
.disabled .page_curr { border: 1px solid #aaa; background: #aaa; }

.side { border: 1px solid green;  background: #aaffaa; padding: 3px 7px; margin: 2px; cursor: pointer; cursor: hand; }
.side_selected { border: 1px solid green; color: white; background: green; padding: 3px 7px; margin: 2px; cursor: pointer; cursor: hand; }
.side_disabled { border: 1px solid #aaa; color: white; background: #aaa; padding: 3px 7px; margin: 2px; cursor: pointer; cursor: hand;}
.disabled .side_selected, .disabled .side { border: 1px solid #aaa; color: white; background: #aaa; padding: 3px 7px; margin: 2px; cursor: pointer; cursor: hand;}
.disabled { color: #aaa; }

.hint { width: 470px; float: right; border: 1px solid gray; padding: 0px 15px; margin-bottom: 15px; }
* html .hint { padding: 5px 15px; }

TABLE.filter_holder { position: relative; }
TABLE.filter_holder TD.r { text-align: right; }
TABLE.filter_holder TD.disabled { color: #aaa; }
TABLE.filter_holder TD.slider { margin: 0; padding: 0 0 30px 30px; }
* html TABLE.filter_holder TD.slider { margin: 0; padding: 0 0 10px 30px;  }
TABLE.filter_holder TD.slider DIV.s {position: relative; top: 0px; left: 0; width: 300px; height: 20px; margin: 0; padding: 0; }
* html TABLE.filter_holder TD.slider DIV.s {position: relative; top: -12px; left: 0; width: 300px; height: 20px; margin: 0; padding: 0; }

DIV.disabled TABLE.filter_holder { color: #aaa; }

.blocking_overlay{
    display: none; position: absolute; top: 0%; 
    height: 1000px; width: 700px;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.01;
    opacity:.01;
    filter: alpha(opacity=1);
}

.step { color: green; font-weight: bold; }

#step01ready, #step02ready, #step03btn, 
#region_tick, #name_tick { display: none; }
.step IMG { position: relative; top: 3px; }

#rq_edit_ok { width: 120px; float: left; font-size: 16px; font-weight: bold; }
#rq_edit_cancel { width: 120px; float: right; font-size: 16px; font-weight: bold; }

.green_btn, .red_btn, .yellow_btn, .gray_btn { 
	position: relative; padding: 9px 10px 10px 7px; margin: 8px;
	text-align: center; 
	border: 1px solid green; color: white; background: #49b90b;
	font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;  }
	
.red_btn { background: red; border: 1px solid red; }
.yellow_btn { background: yellow; border: 1px solid #ffce03; color: red; }
.gray_btn { background: gray; border: 1px solid black; }

.green { color: green; font-weight: bold; }

.filter_map_overlay {
	background-color: white; z-index:1001; -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50);
	height: 500px; width: 500px; border: 1px solid gray; 
	position:absolute; top: 0px; left: 0px;
}

#manager { margin-top: 0; overflow: hidden; background: white; }
#manager DIV.inner { padding: 0 5px 10px 5px; }
#manager TABLE { width: 100%; }
#manager TD.r { text-align: right; }
#manager TD { height: 20px; vertical-align: middle; }
#manager IMG.icq { position: relative; top: 3px; width: 18px; height: 18px; }
#manager SPAN.icq { position: relative; top: -2px; }

#block_about, #block_prices_note { width: 300px; float: right; clear: right; z-index: 1000; }
.big_list LI { margin-bottom: 1em; }

#grp_graph, #cost_graph { border: none; margin-right: 50px;  }
* html .filter_map_overlay { left: -502px; }

UL.tabset_h, UL.tabset_h_disabled 
{
	margin: 0px 0px 0px 0px; padding: 0px 0px 0 10px;
	height: 20px; width: 100%; 
	border-bottom: 5px solid green;
}

UL.tabset_h_disabled { border-bottom: 5px solid gray; }

UL.tabset_h LI, UL.tabset_h_disabled LI
{
	display: block; float: left;
	text-align:center;
	list-style-type: none;
	margin: -6px 2px; padding: 2px 8px 3px 8px; border: 1px solid green; border-bottom: 0px solid white; 
	background: #aaffaa; color: green; margin-bottom: -1px;
	cursor: hand; 
	vertical-align: middle; height: 20px; line-height: 20px;
}

* html UL.tabset_h LI { margin: 0px 2px; }
* html UL.tabset_h_disabled LI { margin: 0px 2px; }

UL.tabset_h LI.active
{
	color: yellow; background: green;
}

UL.tabset_h LI.active A { color: yellow; text-decoration: none; border-bottom: 1px solid yellow; }

UL.tabset_h A { color: green; text-decoration: none; border-bottom: 1px solid green; }


UL.tabset_h_disabled LI.active { color: white; background: gray; }
UL.tabset_h_disabled LI { background: #eee; }
UL.tabset_h_disabled A { color: gray; text-decoration: none; border-bottom: 1px solid gray; }
UL.tabset_h_disabled LI.active A { color: white; text-decoration: none; border-bottom: 1px solid white; }

#tree_legenda { float: right; clear: right; width: 300px; }
#tree_legenda TD { padding: 5px; } 

#make_rq_btn { width: 310px; margin-right: 0; float: right; font-size: 16px; }

/* для таблицы выбора менеджеров в персональном кабинете */
TD.free_m, TD.selected_m { cursor: pointer; cursor: hand; text-align: center; vertical-align: middle; }
TD.free_m { background: #aaffaa;}
TD.selected_m { background: green; }
TD.free_m IMG { display: none; }

	IMG.btn { cursor: default; cursor: hand; }
	TABLE.classic THEAD TABLE { width: 100%; border-collapse: collapse; border: 0; }
	TABLE.classic THEAD TABLE TD { border: 0; padding: 0; color: green; background: #fbfbb2; font-size: 120%; }
	TABLE.classic THEAD TABLE TD.tools { padding-left: 20px; text-align: right; }
	TABLE.classic THEAD TD { background: #fbfbb2; }
	
/* ===================================================================
	Статусы сторон и заказов из GMO
====================================================================== */
.gmo_booked { background: rgb(97, 191, 26); color: white; cursor: pointer; cursor: hand; }
.gmo_2nd_book { background: rgb(84, 219, 194); color: black; }
.gmo_precfm { background: rgb(247, 163, 10); }
.gmo_confirmed { background: rgb(247, 163, 10); }
.gmo_signed { background: rgb(247, 163, 10); }
.gmo_cancelled { background: rgb(245, 194, 219); cursor: pointer; cursor: hand; }
.gmo_plan { background: yellow; }
.gmo_proposed { background: rgb(204, 204, 227); }
.gmo_undefined { background: #ddd; } 

.status_date { font-size: 11px; }

.white_red { background: red; color: white; padding: 1px 3px; }

/* ==============================
    Презентации
================================ */
DIV.present { margin: 20px 0; clear: both; }
DIV.present P, DIV.present UL { font-size: 130%; }
DIV.l IMG { width: 600px; float: left; margin-right: 20px; }
DIV.r IMG { width: 600px; float: right; margin-left: 20px; }
DIV.x2 IMG { width: 500px; }
DIV.x2 IMG.i1 { float: left; }
DIV.x2 IMG.i2 { float: right; }

.exclm, .exclm_gr { color: white; background: red;
	width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; margin-right: 5px; }
.exclm_gr { background: #aaa; }

TR.dir_ok TD { background: #afa;}

.headered .b11, .headered .b12, .headered .b13  
	{ position: absolute; top: 2px; width: 28px; height: 28px; cursor: pointer; cursor: hand; } 
.headered .b11 { right: 2px; }
.headered .b12 { right: 30px; }
.headered .b13 { right: 58px; }

.btn { width: 28px; height: 28px; cursor: pointer; cursor: hand; }

/* =========================================================================================
    Иконки 28x28 с эффектом объема
============================================================================================ */
.icon_add { background: url('/img/icons.png') 0 0 no-repeat; }
.icon_add_pressed { background: url('/img/icons.png') 0 -28px no-repeat; }

.icon_add_add { background: url('/img/icons.png') -28px 0 no-repeat; }
.icon_add_add_pressed { background: url('/img/icons.png') -28px -28px no-repeat; }

.icon_shrink { width: 26px; height: 26px; background: url('/img/icons.png') -52px 0 no-repeat; }

.icon_delete { background: url('/img/icons.png') -112px 0 no-repeat; }
.icon_delete_pressed { background: url('/img/icons.png') -112px -28px no-repeat; } 
.icon_edit { background: url('/img/icons.png') -140px 0 no-repeat; }
.icon_edit_pressed { background: url('/img/icons.png') -140px -28px no-repeat; }
.icon_ok  { background: url('/img/icons.png') -168px 0 no-repeat; }
.icon_cancel { background: url('/img/icons.png') -196px 0 no-repeat; }
.icon_add_design_file { background: url('/img/icons.png') -224px 0 no-repeat; }

.i28 { width: 28px; height: 28px; cursor: pointer; cursor: hand;
	background: url('/img/icons.png'); background-repeat: no-repeat; 
	position: absolute; top: 0; left: 0; }
.i28_holder { position: relative; width: 28px; height: 28px; }

.i28_delete		 	{  background-position: -112px 	 0; }
.i28_excel_arrows 	{  background-position: -252px 	 0; }
.i28_access			{ background-position: 0px 	 -56px; }

/* =========================================================================================
    Иконки 48х48
============================================================================================ */
.i48 { width: 48px; height: 48px; cursor: pointer; cursor: hand;
	background: url('/img/icons48.png'); background-repeat: no-repeat; 
	position: absolute; top: 0; left: 0; }
.i48_holder { position: relative; width: 48px; height: 48px; }

.i48_folder_text 	{ background-position:      0 	 0; }
.i48_folder_pic 	{ background-position: 	-48px 	 0; }
.i48_folder_photo	{ background-position:  -96px 	 0; }
.i48_earth			{ background-position: -144px 	 0; }
.i48_tick			{ background-position: -192px    0; }
.i48_3pc			{ background-position: -240px 	 0; }
.i48_blocks			{ background-position: -288px 	 0; }
.i48_folders_earth	{ background-position: -336px 	 0; }
.i48_pic_earth		{ background-position: -384px 	 0; }
.i48_butterfly		{ background-position: -432px 	 0; }
.i48_excel			{ background-position: 	  0px  -48px; }
.i48_pdf			{ background-position: 	-48px  -48px; }
.i48_star			{ background-position: 	-96px  -48px; }
.i48_keys			{ background-position: -144px  -48px; }
.i48_users			{ background-position: -192px  -48px; }
.i48_earth2			{ background-position: -240px  -48px; }
.i48_folders2		{ background-position: -288px  -48px; }
.i48_excel2			{ background-position: -336px  -48px; }
.i48_folder_pics	{ background-position: -384px  -48px; }
.i48_opol2			{ background-position: -432px  -48px; }
.i48_access			{ background-position:    0px  -96px; }
.i48_mmo			{ background-position:  -48px  -96px; }
.i48_see			{ background-position:  -96px  -96px; }
.i48_folder_lens	{ background-position: -144px  -96px; }
.i48_3pics			{ background-position: -192px  -96px; }
.i48_tree			{ background-position: -240px  -96px; }
.i48_earth_film		{ background-position: -288px  -96px; }
.i48_a				{ background-position: -336px  -96px; }
.i48_drawer			{ background-position: -384px  -96px; }
.i48_2docs			{ background-position: -432px  -96px; }
.i48_floppy			{ background-position:    0px  -144px; }
.i48_gears			{ background-position:  -48px  -144px; }
.i48_text_magic		{ background-position:  -96px  -144px; }
.i48_folder			{ background-position: -144px  -144px; } 
.i48_address_book	{ background-position: -192px  -144px; }
.i48_2pc_earth		{ background-position: -240px  -144px; }
.i48_lens			{ background-position: -288px  -144px; }
.i48_notepad		{ background-position: -336px  -144px; }
.i48_calc			{ background-position: -384px  -144px; }
.i48_folder_star	{ background-position: -432px  -144px; }
.i48_aroma			{ background-position:    0px  -192px; }

.i16 { width: 16px; height: 16px; background: url('/img/icons16_2.png') !important;
	background-repeat: no-repeat !important; position: absolute; top: 0; left: 0; }
/* стиль для тулбаров -- без position: absolute; */
.i16_tb { background: url('/img/icons16_2.png') !important;
	background-repeat: no-repeat !important; 
	padding-left: 21px !important; }		
.i16_holder { position: relative; width: 16px; height: 16px; }

.i16_blank 			{ background-position: 0 0 !important; }
.i16_green			{ background-position: 0 -16px !important; }
.i16_red			{ background-position: 0 -32px !important; }
.i16_yellow			{ background-position: 0 -48px !important; }
.i16_red_crossed 	{ background-position: 0 -64px !important; }
.i16_excel_arrows 	{ background-position: 0 -80px !important; }
.i16_delete 		{ background-position: 0 -96px !important; }
.i16_add 			{ background-position: 0 -112px !important; }
.i16_earth 			{ background-position: 0 -128px !important; }
.i16_off 			{ background-position: 0 -144px !important; }
.i16_excel 			{ background-position: 0 -160px !important; }
.i16_zip 			{ background-position: 0 -176px !important; }
.i16_arrows 		{ background-position: 0 -192px !important; }
.i16_tick	 		{ background-position: 0 -208px !important; }
.i16_do		 		{ background-position: 0 -224px !important; }
.i16_cancel			{ background-position: 0 -240px !important; }
.i16_word			{ background-position: 0 -256px !important; }
.i16_lens			{ background-position: 0 -272px !important; }
.i16_excel_pie		{ background-position: 0 -288px !important; }
.i16_at				{ background-position: 0 -304px !important; }
.i16_edit			{ background-position: 0 -320px !important; }
.i16_gear			{ background-position: 0 -336px !important; }
.i16_w				{ background-position: 0 -352px !important; }
.i16_folder_text	{ background-position: 0 -368px !important; }
.i16_folder_photo	{ background-position: 0 -384px !important; }
.i16_folder_lens	{ background-position: 0 -400px !important; }
.i16_monik			{ background-position: 0 -416px !important; }
.i16_cube			{ background-position: 0 -432px !important; }
.i16_tree			{ background-position: 0 -448px !important; }
.i16_blocks			{ background-position: 0 -464px !important; }
.i16_star			{ background-position: 0 -480px !important; }
.i16_folder_green	{ background-position: 0 -496px !important; } /* +64 Hue */
.i16_folder_blue	{ background-position: 0 -512px !important; } /* -157 Hue */
.i16_earth2			{ background-position: 0 -528px !important; }
.i16_gears			{ background-position: 0 -544px !important; }
.i16_copy			{ background-position: 0 -560px !important; }
.i16_floppy			{ background-position: 0 -576px !important; }
.i16_drawer			{ background-position: 0 -592px !important; }
.i16_2docs			{ background-position: 0 -608px !important; }
.i16_3pics			{ background-position: 0 -624px !important; }
.i16_excel2			{ background-position: 0 -640px !important; }
.i16_mmo			{ background-position: 0 -656px !important; }
.i16_users			{ background-position: 0 -672px !important; }
.i16_butterfly		{ background-position: 0 -688px !important; }
.i16_3pc			{ background-position: 0 -704px !important; }
.i16_see			{ background-position: 0 -720px !important; }
.i16_a				{ background-position: 0 -736px !important; }
.i16_earth_film		{ background-position: 0 -752px !important; } /* найти исходник */
.i16_user			{ background-position: 0 -768px !important; }
.i16_paste			{ background-position: 0 -784px !important; }
.i16_address_book	{ background-position: 0 -800px !important; }
.i16_qmark			{ background-position: 0 -816px !important; }
.i16_2pc_earth		{ background-position: 0 -832px !important; }
.i16_folder			{ background-position: 0 -848px !important; }
.i16_tools			{ background-position: 0 -864px !important; }
.i16_brick			{ background-position: 0 -880px !important; }
.i16_calc			{ background-position: 0 -896px !important; }
.i16_green_up		{ background-position: 0 -912px !important; }
.i16_red_down		{ background-position: 0 -928px !important; }
.i16_phone			{ background-position: 0 -944px !important; }
.i16_phone_mob		{ background-position: 0 -960px !important; }
.i16_youtube		{ background-position: 0 -976px !important; }
.i16_aroma			{ background-position: 0 -992px !important; }

TABLE.ico_menu { width: 100%; }
TABLE.ico_menu TD.ico { padding: 10px 15px; }
TABLE.ico_menu TD.ico DIV { position: relative; width: 48px; height: 48px; }
TABLE.ico_menu TD.txt { padding: 5px 15px 5px 5px; font-size: 120%; }
TABLE.ico_menu TD.txt2 { padding: 5px 15px 5px 5px; font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif;
	font-size: 20px; }
TABLE.ico_menu TD.txt A { text-decoration: none; border-bottom: 1px solid; }	

.cp { clear: both; border-top: 3px double green; }
.cp_header { background: #e3fce3; color: green; padding: 5px 7px; border: 1px solid green; }
.form_holder { display: none; margin: 0; padding: 5px 10px; border-bottom: 1px solid green; }
.std_btn { width: 100px; height: 2em; }
.std_input { padding: 3px 5px; }

.lnk { text-decoration: none; border-bottom: 1px solid; }
SPAN.lnk {color: blue; cursor: pointer; cursor: hand;}
.lnk:hover { color : red; border-bottom-color: red; }
.multilnk { padding: 2px 5px;  }

.title2 { color: green; font-size: 16px; font-weight: bold; line-height: 40px; }
.title3 { color: green; font-size: 16px; font-weight: bold; line-height: 40px; padding: 0 20px; }
.red_strike { text-decoration: line-through; color: red; }
.mono_font { white-space: pre-wrap; font-family: monospace; }

.help_window OL { margin-left: 20px; list-style-type: decimal;  }
.help_window OL OL { margin-left: 20px; list-style-type: lower-latin; }
.help_window LI { margin-top: 7px; }

/* настройки стилей под адаптивный дизайн */
#login_form, #lost_password_form, .activation_header, .activation_notice {
	width: 400px; margin-left: auto; margin-right: auto; box-sizing: border-box;	
}
.activation_header { margin-bottom: 0; }
.activation_notice { padding : 7px 10px; margin-top: 0; }
#activation_ok { border: 1px solid green; border-top: 0px; }
#activation_failed_notice { border : 1px solid red; } 
#overall_title_full { display: block; margin: 10px 0; }
#overall_title_short { display: none; }

.reg_form_intro { font-size: 13pt;  }
.reg_form_intro .x-panel-body { height: auto !important; }
.reg_form .x-panel-body { height: auto !important; }
.reg_form .x-form-field { font-size: 11pt!important; }
.reg_form .x-form-item { font-size: 11pt!important; }
.reg_form .x-form-item-label { font-size: 11pt!important; }
.cityrep_form .x-form-field { font-size: 13pt!important; }
.cityrep_form_title {
	font		: bold 13pt Arial, Helvetica;
	background	: #afa;
	padding		: 7px;
	margin		: 0 auto;
}
.cityrep_form_text {
	font-size	: 12pt;
	margin		: 0 auto;
	padding		: 7px;
}
.cityrep_intro {
	font-size	: 12pt;
	margin		: 15px auto 10px auto;
	padding		: 7px;
}
.cityrep_form {
	margin		: 0 auto;
} 
.cityrep_form .x-form-item {
	vertical-align	: middle;
	border	: 1px solid white;
}
.cityrep_form .x-form-radio-group {	
	margin-top: 7px; margin-bottom: 7px;
}
.cityrep_form .x-form-radio {
	height	: 18px!important;
	width	: 18px!important;
}
.cityrep_form .x-form-cb-label {
	font-size: 13pt!important;
}


.cityrep_upload_btn {
	margin		: 0 auto;
}
.under {
	border-bottom: 1px solid;
}
.test_images_lightbox IMG {
	margin		: 0 10px 7px 0;
}

.btn_font .x-btn-text {
	font: bold 11pt Arial, Helvetica;
}

.reg_form_holder { width: 600px; margin: 0 auto; }

.modules_menu { float: left; width: 320px; margin: 15px 10px 0 10px; }

.monitoring_rq_main {
	width	: 800px; margin: 0 auto; padding: 10px; box-sizing: border-box;
}

.monitoring_rq_main .text_holder {
	font-size: 12pt;
	margin-left: 20px;	
}

.monitoring_rq_main .text_holder UL {
	margin-left: 30px; list-style-type: disc; line-height: 1.5em;	
}

.monitoring_rq_main .text_holder .col2 {
	font: bold 16pt Arial, Helvetica;
	width: 49.5%;
	text-align: center;
	float: left;
	box-sizing: border-box;
}
	
.monitoring_rq_main .text_holder .col4 {
	font-size: 12pt;
	font-weight: normal;
	width: 50%;
	text-align: center;
	padding: 3px 0;
	float: left;
	box-sizing: border-box;	
}

.monitoring_rq_main .text_holder .col4 IMG {
	display	: block;
	margin: 3px auto;
}
	
.img_example {
	display: block; margin: 0 auto; clear: left; 
}

@media all and (max-width:850px){
	.monitoring_rq_main {
		width	: 100%;
	}
	
	.monitoring_rq_main .text_holder {
		margin-left: 0px;	
	}	
	
	.monitoring_rq_main .text_holder .col2 {
		clear: both; width: 100%; 
	}	
}

@media all and (max-width:600px){
	.img_example {
		width	: 100%;
	}
}
	
@media all and (max-width:580px){
	.reg_form_holder { width : 100%; }
}

@media all and (max-width:450px){
	.img_example {
		width	: 100%;
	}
	.monitoring_rq_main .text_holder .col4 {
		clear: both; width: 100%; 
	}	
}

@media all and (max-width:370px){
	#login_form, #lost_password_form, .activation_header, .activation_notice {
		width	: 100%;
	}
	#overall_title_full { display: none; }
	#overall_title_short { display: block; }
	
	.modules_menu { width: 100%; margin: 15px 0 0 0; }
	
}