html
{
	height: 100%;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 0.9em;
	line-height: 118%;
	color: #494752;
	background: url('gfx/bg.png') #727687;
}

iframe
{
	display: none;
	width: 1px;
	height: 1px;
	border: none;
}

/*** �������� ���������� ***/

#layout
{
	position: relative;
	height: 100%;
	min-width: 1000px;
	min-height: 100%;
}

#header
{
	position: relative;
	height: 170px;
	background: url('gfx/header-bg.png') #F0F1F4;
	z-index: 10;
}

#content
{
	position: absolute;
	top: 170px;
	left: 0;
	bottom: 40px;
	right: 180px;
	background: #FFFFFF;
	overflow-y: auto;
}

#menu
{
	position: absolute;
	width: 180px;
	top: 170px;
	bottom: 40px;
	right: 0;
	overflow-y: auto;
	background: url('gfx/menu-bg.png') #666B7C;
}

#footer
{
	position: absolute;
	width: 100%;
	height: 37px;
	bottom: 0;
	border-top: 3px solid #646B7E;
	background: url('gfx/header-bg.png') #F0F1F4;
	z-index: 10;
}

#foverlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background: url('gfx/overlay-bg.png');
	z-index: 30;
}

#upload
{
	position: absolute;
	width: 230px;
	height: 48px;
	top: 50%;
	left: 50%;
	margin: -33px 0 0 -155px;
	padding: 18px 0 0 80px;
	background: url('gfx/loader.gif') no-repeat;
}

#upload h2
{
	color: #DDDDDD !important;
}

#overlay
{
	position: absolute;
	width: 100%;
	top: 170px;
	bottom: 40px;
	overflow: hidden;
	z-index: 20;
}

#fader
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background: url('gfx/overlay-bg.png') 1px 0;
}

#loader
{
	position: absolute;
	width: 66px;
	height: 66px;
	top: 50%;
	left: 50%;
	margin: -33px 0 0 -33px;
	background: url('gfx/loader.gif') no-repeat;
}

#back
{
	position: absolute;
	width: 85px;
	height: 115px;
	top: 50%;
	left: 8px;
	margin-top: -57px;
	background: url('gfx/back.png') no-repeat;
}

#back.ovr
{
	background-position: -85px 0;
}

#panel
{
	position: absolute;
	left: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	background: url('gfx/panel-bg.png') repeat-x #EDEEF1;
}

#scroll
{
	position: absolute;
	top: 50px;
	left: 0;
	bottom: 0;
	right: 100px;
	/*padding: 0 30px;*/
	overflow-y: auto;
}

/*#scroll.item
{
	padding: 0 0 0 30px;
}*/

.window
{
	position: relative;
	width: 820px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -410px;
	background: #EDEEF1;
}

.window .content
{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 30px 0 30px;
}

.window .right
{
	float: right;
	width: 290px;
	height: 100%;
	margin-top: -30px;
	padding: 30px 0 0 30px;
	background: url('gfx/vr.png') repeat-y;
}

.window .btm
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
}

.window .btm .inf
{
	width: 520px;
	margin: 38px auto 13px auto;
	color: #EDEEF1;
	text-align: center;
	font-style: italic;
}

#alert
{
	height: 255px;
}

#jscontent, #jscontent2, #jsalert
{
	display: none;
}

/*** �������������� ***/

#logo
{
	float: left;
	margin: 16px 0 0 12px;
}

#label1, #label2
{
	position: absolute;
	height: 35px;
	bottom: 0;
	overflow-y: hidden;
}

#label1
{
	left: 6px;
}

#label1 div, #label2 div
{
	position: relative;
	float: left;
	height: 100%;
}

#label1 .l
{
	width: 5px;
	background: url('gfx/label1-l.png') no-repeat;
}

#label1 .c, #label2 .c
{
	padding: 9px 10px;
	font-size: 110%;
	color: #FFFFFF;
	background: #646B7E;
}

#label1 .r
{
	width: 26px;
	background: url('gfx/label1-r.png') no-repeat;
}

#label2
{
	right: 0;
}

#label2 .l
{
	width: 26px;
	background: url('gfx/label2-l.png') no-repeat;
}

#label2 .r
{
	width: 5px;
	background: url('gfx/label2-r.png') no-repeat;
}

#label1 .reset
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -2px -7px 0 10px;
	vertical-align: -5px;
	background: url('gfx/input/reset.png') no-repeat;
}

#label1 .reset:hover
{
	background-position: -20px 0;
}

#label1 .reset.dis:hover
{
	background-position: 0 0;
}

#label2 .arc
{
	margin-left: 15px;
}

#label2 .icon
{
	margin: 0 0 0 23px;
}

#label2 .first
{
	margin: 0 0 0 -3px;
}

#label2 a
{
	color: #FFADA5;
}

#label2 a:hover
{
	color: #EDEFF2;
}

#label2 a.dis
{
	color: #FFADA5 !important;
}

#user
{
	float: right;
	width: 395px;
}

#user .name
{
	width: 275px;
	font-size: 110%;
	margin-top: 37px;
}

#user .inf
{
	font-size: 79%;
	line-height: 120%;
}

#search
{
	margin: 0 480px 0 188px;
}

#search form
{
	display: inline-block;
	width: 100%;
	margin-top: 33px;
}

#search a
{
	display: inline-block;
	margin-top: 10px;
}

.copy
{
	margin: 10px 0 0 25px;
	font-size: 85%;
	color: #8C8F9F;
	display: none;
}

.copy a
{
	color: #F47B72;
}

/*** ���� ***/

.shd, .shd2, .shd3
{
	display: none;
}

.action, .action2
{
	position: relative;
	width: 151px;
	height: 151px;
	margin: 15px auto 0 auto;
}

.action2
{
	height: 43px;
}

/*** ��������� ***/

.title
{
	position: relative;
	height: 50px;
}

.title.t1, .title.t2, .title.t3
{
	background: #FF665A;
}

.title.t4
{
	background: #71B7C3;
}

.title.t5
{
	background: #A462BA;
}

.title img
{
	position: relative;
	top: 9px;
	left: 30px;
}

.title .btn
{
	position: absolute;
	width: 136px;
	height: 50px;
	right: 100px;
}

.alert
{
	padding: 2em 0 2.2em 0;
	text-align: center;
	background: #FF665A;
}

.alert h1
{
	margin: 0;
	font-size: 2em;
	color: #FFFFFF;
}

.alert h2
{
	margin: 0;
	font-size: 1.9em;
	color: #FFFFFF;
}

/*** FILTER ***/

#filter
{
	position: absolute;
	top: 170px;
	left: 0;
	right: 180px;
	/*padding: 0 25px;*/
	border-top: 3px solid #646B7E;
	border-bottom: 3px solid #646B7E;
	background: #EDEEF1;
	z-index: 5;
}

#filter .shd2
{
	display: block;
	position: fixed;
	top: 170px;
	height: 3px;
	width: 100%;
	right: 180px;
	z-index: 10;
}

#filter.full .shd2
{
	right: 0;
}

/*** ������ ***/

.block
{
	position: relative;
/*	width: 100%;*/
	margin: 22px 0 2px 0;
	padding: 0 0 0 30px;
}

.block.f
{
	margin: 0 0 2px 0;
}

.block.b
{
	margin-bottom: -22px;
}

/*.block table.form
{
	width: 100%;
	margin: 17px 30px 30px 0;
}*/

/*.block .label, .block .label-ta
{
	width: 160px;
}*/

/*** ��������� ����� ***/

div.head
{
	margin: 0 0 0 -30px;
	padding: 15px 0 15px 30px;
	background: #9FA4B3;
}

div.head .btn
{
	display: inline-block;
	float: right;
	margin: 1px 0 0 0 !important;
}

div.head span.user
{
	float: right;
	width: 35%;
}

/*** ������� ������ (��������, ����� � �.�.) ***/

table.item
{
	width: 100%;
	margin: 8px 0 0 0;
}

table.item td
{
	vertical-align: top;
}

table.item td.vr
{
	width: 30px;
	height: 100%;
}

div.user
{
	margin: -3px 30px -2px 0;
}

div.user .avatar
{
	margin: 0 15px 3px 0;
}

div.user .name
{
	margin-left: 65px;
}

.h-type
{
	width: 110px;
	color: #8C8F9F;
}

.h-info
{
	padding-right: 30px !important;
}

#h-user, #h-stat
{
	width: 35%;
}

#h-stat
{
	padding-right: 54px !important;
}

#h-stat .st
{
	margin-right: -39px;
}

#h-print
{
	width: 136px;
	height: 100%;
	padding: 0;
}

.cls
{
	color: #8C8F9F;
}

.itp
{
	margin: 6px 0 -1px 0;
	font-size: 1.55em;
	line-height: 113%;
}

/*** ����� �������������� � ������ �������������***/


#exec-list p
{
	margin: 24px 0 12px 0 !important;
}

#exec-list table, #user-list table
{
	width: 100%;
	margin-bottom: -21px;
	padding-right: 30px;
}

#exec-list td, #user-list td
{
	padding-top: 20px;
	vertical-align: top;
}

#user-list td
{
	background: none !important;
}

.col1
{
	width: 33%;
	background: url('gfx/hr.png') repeat-x;
}

.col2
{
	width: 34%;
	background: url('gfx/hr.png') repeat-x;
}

.exec
{
	position: relative;
	margin-bottom: 18px;
}

.assign
{
	margin: 18px 0 8px 0;
	/*color: #8C8F9F;*/
}

#exec div.user
{
	margin: 21px 30px -2px 0 !important;
}

/*#exec-list, #addcomment
{
	overflow: hidden;
}*/

/*** �������� ������ ***/

#closed div.user
{
	margin: 24px 30px 5px 0 !important;
}

#closed p
{
	margin: 16px 30px 8px 0;
}

/*** ����������� ***/

.comment
{
	position: relative;
	margin: 0px 30px 16px 0;
	padding-top: 26px;
	background: url('gfx/hr.png') repeat-x 0 6px;
}

.comment.f
{
	margin: 0px 28px 16px 0;
	background: none;
}

.comment p
{
	margin: 13px 0 8px 0 !important;
}

.comment .files
{
	margin: 16px 0 -12px 0px;
	font-size: 100%;
}

.comment .avatar, .exec .avatar
{
	margin: 0 12px 0 0;
}

.comment .name, .exec .name
{
	margin: 0 25px 0 0;
}

/*.comment .inf, .exec .inf
{
	margin: 0.05em 0;
	font-size: 85%;
	line-height: 140%;
}*/

.comment .date
{
	position: absolute;
	top: 28px;
	right: 0;
	margin: 0;
}

#addcomment-btn
{
	margin: 24px 0 21px 0;
}

#addinventory-btn
{
	margin: 24px 0 21px 0;
}

/*** ���� ***/

#plan
{
	padding: 0 30px;
}

#planimg
{
	margin: 0 30px 0 0;
}

#planname
{
	padding: 1.6em 0 0.6em 0;
	font-size: 1.25em;
}

.plan
{
	display: inline-block;
	position: relative;
}

.planhover, canvas
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** �������� ***/

hr
{
	display: none;
}

img, input.btn
{
	border: none;
	vertical-align: bottom;
}

img.pin
{
	display: block;
	margin: 2px 0 8px 0;

}

img.pin-b
{
	display: block;
	margin: 2px 0 8px 0;
}


img.lft
{
	float: left;
	margin: 0 25px 0 -5px;
}

a
{
	color: #F5665B;
	text-decoration: underline;
}

a:hover
{
	color: #DD483E;
}

a.icon
{
	position: relative;
	margin-right: 23px;
	padding-left: 26px;
}

a.dis
{
	opacity: 0.5;
	color: #F5665B !important;
	cursor: default !important;
}

h1
{
	font-family: 'ArialNarrow', Arial;
	margin: -4px 0 0.45em 0;
	font-size: 1.5em;
	line-height: 100%;
	font-weight: normal;
}

h2
{
	font-family: 'ArialNarrow', Arial;
	margin: 0;
	font-size: 1.6em;
	line-height: 100%;
	font-weight: normal;
	color: #979BAA;
}

p
{
	margin: 16px 0 8px 0;
}

p.sub
{
	margin: 10px 0 0 0;
}

p.f
{
	margin: -3px 0 0 0;
}

.item p
{
	margin: 16px 0 8px 0;
}

.nobr
{
	white-space: nowrap;
}

ul
{
	padding: 0;
	list-style: none;
}

ul.files
{
	margin: 16px 0 -4px 0;
}

li
{
	display: inline-block;
	margin: 0 20px 12px 0;
	list-style-type: none;
	white-space: nowrap;
}

label
{
	cursor: pointer;
}

div.head .btn, /*.print, .exec*/
{
	font-size: 85%;
	line-height: 118%;
}

.files a
{
	position: relative;
	padding-left: 26px;
}

.files a span
{
	top: -1px !important;
}

.line
{
	margin: 0 13px;
}

div.hr
{
	display: none;
}

div.clear
{
	clear: both;
	font-size: 0;
	height: 1px;
	margin-bottom: -1px;
	overflow: hidden;
}

div.wrapper
{
	font-size: 0; 
	height: 0px;
	margin-top: 30px; 
}

.inf
{
	font-size: 87%;
	line-height: 115%;
}

.gray, .inf
{
	color: #8C8F9F;
}

.head
{
	color: #FFFFFF;
}

.pl0 .inf
{
	margin: 0.15em 0 0.12em 0;
}

div.dis
{
	color: #323232;
}

.cnt
{
	text-align: center;
}

.rgt
{
	text-align: right;
}

.now
{
	color: #F5665B;
}

.head .now
{
	color: #FFFFFF;
}

.pnt
{
	cursor: pointer;
}

div.inf
{
	margin: 0.3em 0;
}

div.vm, div.vmf
{
	position: absolute;
	width: 600px; 
	top: 47%;
	left: 50%;
	margin-left: -300px;
	text-align: center;
}

div.vmf
{
	margin-left: -350px;
}

#panel div.dis
{
	color: #282828;
}

.full
{
	right: 0 !important;
}

.avatar
{
	float: left;
	margin: 32px 20px 0 0;
}

.avatar2
{
	float: left;
	margin: 25px 25px 0 30px;
}

.name
{
	margin-top: 19px;
}

.name2
{
	float: left;
	margin-top: 25px;
}

.service
{
	margin: 7px 0 0 0;
}

.print
{
	width: 100%;
	height: 100%;
	background: url('gfx/print.png') no-repeat #D9DBE1 50% 50%;
	cursor: pointer;
}

.print.ovr
{
	background: url('gfx/print-ovr.png') no-repeat #D9DBE1 50% 50%;
}

.close
{
	float: right;
	margin: 20px 25px;
}

.inline
{
	float: left;
	margin-right: 25px;
}

.hid
{
	display: none !important;
}

.mt19
{
	margin-top: 19px !important;
}

.mt20
{
	margin-top: 20px !important;
}

.mt30
{
	margin-top: 30px !important;
}

.form.mb
{
	margin-bottom: -2px !important;
}

.pr40
{
	padding-right: 40px !important;
}

.w160
{
	width: 160px !important;
}

.w500
{
	width: 500px !important;
}

.wauto
{
	width: auto !important;
}

.wauto td
{
	width: 300px;
}

/*** ������ ***/

.icon span, .files a span
{
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 0;
	background: url('gfx/icons.png') no-repeat;
}

@-moz-document url-prefix()
{
	.icon span, .files a span
		{
			top: 0px;
		}
}

.i1
{
	background-position: 0 0 !important;
}

.i2
{
	background-position: -20px 0 !important;
}

.i3
{
	background-position: -40px 0 !important;
}

.i4
{
	background-position: -60px 0 !important;
}

.i5
{
	background-position: -80px 0 !important;
}

.i6
{
	background-position: -100px 0 !important;
}

.i7
{
	background-position: -120px 0 !important;
}

.i8
{
	background-position: -140px 0 !important;
}

.i9
{
	background-position: -160px 0 !important;
}

.i10
{
	background-position: -180px 0 !important;
}

.i11
{
	background-position: -200px 0 !important;
}