.zagl
{
	display:block;
	padding-top:200px;
	text-align:center;
	font-size:24px;
}

body
{
	background: #14313b;
	font-family: Arial;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width:1200px;
    color:#ffffff;
}
a 
{
	color:#fff;
}
input
{
	font-family: Arial;
	font-size: 13px;
}
table td 
{
	vertical-align: top;
}
h1,h2
{
	padding:0;
	margin:0;
	font-weight: normal;
}
h1
{
	font-size: 21px;
}
h2
{
	font-size:17px;
}
textarea
{
	resize:none;
}
.yellow
{
	color:#FCEF02;
}
.white
{
	text-decoration: none;
	color:#ffffff;
}
.grey
{
	color:#889495;
}
.uppercase
{
	text-transform: uppercase;
}
.red
{
	color:#F31E20;
}
.green
{
	color:#52cf00;
}
.nonedec
{
	text-decoration: none;
}
.block
{
	display:block;
}
.bold
{
	font-weight: bold;
}
.all 
{
    background: none;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1200px;
    z-index: 1;
} 
#header
{
	display:block;
	position:relative;
	width:100%;
	height:162px;
	margin-bottom: 6px;
}
#logo
{
	display:block;
	position: absolute;
	top:60px;
	left:24px;
	width:141px;
	height:111px;
}
#name_logo
{
	display:block;
	position: absolute;
	top:24px;
	left:216px;
	font-size: 24px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
#dollar_euro_today
{
	display:block;
	position: absolute;
	top:10px;
	left:912px;
	opacity: 0.5;
	font-size:12px;
}
#date_today
{
	display:block;
	position: absolute;
	top:36px;
	text-transform: uppercase;
	left:912px;
}
#degree
{
	display:block;
	position: absolute;
	top:30px;
	left:1042px;
}
#degree img,#degree span
{
	display:block;
	float:left;
}
#degree span
{
	margin-top:4px;
	margin-left: 3px;
	margin-right:3px;
}
#ru 
{
	display:block;
	position: absolute;
	top:22px;
	right:0px;
	width:32px;
}
#en
{
	display:block;
	position: absolute;
	top:22px;
	right:43px;
	width:32px;
}
.bread_crumbs
{
	display:block;
	position:absolute;
	top:165px;
	left:199px;
}
.bread_crumbs_dubl, .bread_crumbs_dubl a
{
	color:#fff;
}
.bread_crumbs, .bread_crumbs a
{
	font-size: 9px;
	color:#c9c9c9;
}

#header_menu_block
{
	display:block;
	position: absolute;
	top:66px;
	left:192px;
	background:#14313b;
	width:998px;
	height:96px;
	padding-left:10px;
}
#menu a, #time
{
	display:block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	width:67px;
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
	margin-top: 12px;
}
#search
{
	display:block;
	position: relative;
	float: left;
	margin-left:43px;
	width:240px;
}
#search a
{
	display:block;
	position: absolute;
	top:24px;
	font-size: 11px;
	color:#8a989d;
	text-decoration: none;
}
#search a:hover
{
	text-decoration: underline;
}
#search input
{
	display: block;
	position: absolute;
	top:48px;
	width:210px;
	height:14px;
	background-color: #d3d4d6;
	background-image:url('/images/search.png');
	background-position:top right;
	background-repeat:no-repeat;
	border:1px solid #67787f;
	padding:3px 20px 3px 5px;
}
#finish 
{
	display:block;
	position: relative;
	float: right;
	margin-right:24px;
	margin-top: 12px;
	width:70px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
#finish span 
{
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
	display: block;
	text-transform: uppercase;
}
.left_colomn
{
	display:block;
	float:left;
	width:192px;
}
.right_colomn
{
	display:block;
	float:right;
	width:1008px;
	text-align: left;	
}
#departments
{
	margin-top: 15px;
	display:block;
	width:144px;
	padding:12px 24px;
	height:454px;
	background:rgba(20,49,59,0.55);
}
#departments span 
{
	display:block;
	text-align: center !important;
	padding: 0px;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:12px;
}
#departments a 
{
	display:block;
	float:left;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-size: 9px;
	margin-top: 12px;
	width:60px;
	padding: 0 5px;
}
#birthdays
{
	width:168px;
	padding:12px 12px;
	height:225px;
	background:#14313b;
	font-size: 8px;
	text-transform: uppercase;
}
#birthdays table
{
	margin-bottom:10px;
}
#birthdays table td:first-child
{
	text-align: right;
	color:#fff200;
	padding-right:10px;
}
#personal_menu
{
	display:block;
	position:relative;
	width:470px;
	float:left;
	height:105px;
	margin-top:15px;
	margin-left:7px;
	background:rgba(255,255,255,0.3);
}
#personal_menu a 
{
	display:block;
	width:74px;
	height:84px;
	color:#ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	float:left;
	margin-top: 10px;
	margin-right: 3px;
	border-left: 1px solid #ddd2bf;
	border-right: 1px solid #ddd2bf;
}
#personal_menu a:first-child
{
	border-left: none;
}
#personal_menu a:last-child
{
	border-right: none;
	margin-right: 0;
}
#personal_block
{
	display:block;
	position:relative;
	float:left;
	width:464px;
	height:582px;
	padding:7px 0 7px 7px;
	margin:7px 7px 0 7px;
	background:rgba(255,255,255,0.3);
}
#news_block, #staff_filter_div
{
	display:block;
	float:right;
	margin-top: 15px;
	background: rgba(20, 49, 59, 0.6);
}
#news_block
{
	height:711px;
	width:523px;
	position:relative;
}
 #staff_filter_div
 {
 	height:105px;
 	width:525px;
 }

.news_headline, .staff_filter_headline
{
	display:block;
	float:left;
	color:#fcef02;
	text-transform: uppercase;
	font-size:21px;
}
.news_headline
{
	margin:18px 10px 30px 0px;
	width:100px;
} 
.staff_filter_headline
{
	margin:18px 10px 10px 0px;
	width:400px;
}
.staff_filter
{
	display:block;
	color:#bcbcbc;
	width:500px;
}
.staff_filter span,.staff_filter a 
{
	display:block;
	float: left;
}
.staff_filter a,.staff_filter span.a
{
	position:relative;
	color:#fcef02;
	margin-left: 30px;
	cursor:pointer;
	text-decoration: underline;
}
.alphabet
{
	display:block;
	width:430px;
	float:left;
	margin:10px 0;
}
.alphabet a 
{
	color:#ffffff;
	text-decoration: none;
	margin-right:5px;
}
.headline_news_img, .staff_img
{
	display:block;
	float:left;
	margin:15px 10px 30px  20px;
}
.news_container
{
	display:block;
	background:rgba(20, 49, 59, 0.55);
	margin:10px;
	padding:20px;
	overflow: auto;
	max-height: 550px;
	position: relative;
}

.counter 
{
    list-style-type: none;
    padding-left: 0;
    /*float:right;
    margin:8px 21px;*/
    position:absolute;
    bottom:20px;
    right:10px;
}
.counter li:first-child a, .counter li:last-child a
{
	background: transparent;
	margin-top:-3px;
}
.counter li.unvisible 
{
    display: none;
}
.counter li 
{
    display: inline;
    float: left;
    height: 16px;
    padding: 2px 1px;
    position: relative;
    text-align: center;
}
.counter .current a 
{
    background: #fff200;
    color: #62767f;
}
.counter a 
{
    float: left !important;
    color:#ffffff;
    margin-left: 5px;
 	padding-top:4px;
 	padding-left:1px;
    text-decoration: none;
    text-align: center;
    background: #8d8d8e;
    border-radius:10px;
    width:20px;
    height:17px;
    font-size:11px;
}
.staff_item
{
	background: rgba(255, 255, 255, 0.3);
    display: block;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    position: relative;
    width: 470px;
	height:173px;
	padding:0;
}
.online_offline
{
	display:block;
	width:10px;
	height:10px;
	border-radius:5px;
}
.staff_right_colomn
{
	display:block;
	background: rgba(20, 49, 59, 0.6);
	float:right;
	width:45px;
	height:533px;
	margin:7px 0 0 7px;
}
.staff_pager
{
	display:block;
	background: rgba(20, 49, 59, 0.6);
	float:right;
	width:1000px;
	height:58px;
	margin:7px 0 0 7px;
}


/* ---------Chat---------------------------------------*/
.shadow
{
	background: rgba(20, 49, 59, 0.6);
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 6;
    display: none;
}
.chat_window
{
	background: #f6f6f6;
	background: linear-gradient(to top right, #cccccc, #ffffff);
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
    color: #646464;
    display: none;
    height: 630px;
    left: 50%; 
    margin-left: -463px;
    position: absolute;
    top: 150px;
    width: 922px;
    z-index: 1000;
}
.header_chat_window
{
	display:block;
	width:923px;
	height:79px;
	margin-top: -50px;
	background:url('/images/chat_top.png') left top no-repeat; 
	z-index: 1001;
	position:relative;
}
.close
{
	display:block;
	width:20px;
	height:20px;
	background:url('/images/close.png') left top no-repeat; 

}
.header_chat_window .close
{
	float:right;
	margin-top:45px;
	margin-right: 20px;
}
input[name=chat_search]
{
	display:block;
	width:178px;
	height:27px;
	margin:7px 14px;
	border:1px solid #d9d9d9;
	background: url('/images/chat_search.png') 8px 6px no-repeat;
	background-color: #fff;
	padding-left: 40px;
	border-radius: 3px;
}
.chat_contacts
{
	display:block;
	width:248px;
	float:left;
	position: relative;
}
.contacts_button, .last_button
{
	display:block;
	float:left;
	width:124px;
	height:36px;
	padding-top:16px;
	text-align:center;
	color:#ffffff;
	cursor:pointer;
}
.contacts_button
{
	background: #102d37; /* Для старых браузров */
      background: linear-gradient(to top, #6a7b81, #839ba4);
}
.last_button
{
	background: #6a7b81; /* Для старых браузров */
    background: linear-gradient(to top, #6a7b81, #839ba4);
}
.chat_button_selected
{
	background: linear-gradient(to top, #102d37, #37606e);
}
.contacts_list
{
	display:block;
	overflow: auto;
	margin:0;
	width:248px;
	height:504px;
	position: relative;
	font-size: 11px;
}
#contacts_list_full, #contacts_list_last
{
	padding:0;
}
.person_for_dialog
{
	display:block;
	position:relative;
	float:right;
	width:674px;
	height:107px;
	margin-top:-55px;
	background: #102d37; /* Для старых браузров */
    background: linear-gradient(to top, #102d37, #37606e);
    z-index: 1000;
}
.chat_messages
{
	display:block;
	position:relative;
	float:right;
	width:674px;
	height:400px;
	overflow: auto;
}
.mes_td_with_bottom_border
{
	border-bottom:1px solid #e5e4e4;
}
.messages_table
{
	width:638px;
	bottom:0;
}
.messages_table td 
{
	padding: 7px 0;
}
.messages_table td:first-child
{
	text-align:right;
	padding-right:20px;
	width:133px !important;
	padding-right: 10px;
}
.messages_table td:nth-child(2)
{
	width:455px;
	text-align: left;
}
.messages_table td:last-child
{
	width:60px;
	text-align:left;
}
.messages_table tr:last-child td:last-child,.messages_table tr:last-child td:nth-child(2)
{
	border-bottom:1px solid #cfcfcf;
}
#send_message_form textarea
{
	display:block;
	float:right;
	width:415px;
	padding:5px;
	height:65px;
	resize:none;
	border: 1px solid #e3e3e3;
	margin-top: 10px
}
#send_message_form input[type=submit],#absence_form input[type=submit]
{
	color:#ffffff;
	background: #102d37; /* Для старых браузров */
    background: linear-gradient(to top, #102d37, #38606e);
	border-radius: 5px;
	border:none;
	padding:3px 10px;
	height:25px;
	cursor:pointer;
	float:right;
	margin:10px 10px;
}
.item_service_desc
{
	display:block;
	width:67px;
	padding:5px;
	text-align: center;
	color:#fff;
	text-decoration: none;
	float:left;
	line-height: 11px;
}
.item_service_desc img
{
	margin-bottom: 3px;
}
.service_desc_type
{
	display:block;
	position: absolute;
	left:70px;
	top:80px;
	font-size: 16px;
	color:#fff200;
}
#service_desc_form table td:first-child
{
	padding-right:10px;
	text-align: right;
}
#service_desc_form input, #service_desc_form  select 
{
    background:#D3D4D6;
    border: none;
    display: block;
    height: 21px;
    margin-bottom: 8px;
    padding-left: 6px;
    width: 220px;
}
#service_desc_form textarea
{
	background:#D3D4D6;
	border: none;
	resize:none;
	width:270px;
	padding:6px;
	height:80px;
}
#service_desc_form input[type=submit]
{
	color:#14313b;
	background: #fff200; 
	border:none;
	padding:3px 10px;
	height:25px;
	cursor:pointer;
	width:90px;
}
/* ----------------------------------------------------*/
#presence_period
{
	display:block;
	float:left;
	margin-left: 7px;
    position: relative;
    width: 470px;
    height:40px;
}
#presence_period .next_prev
{
	margin:14px 0;
}
.presence_period_text
{
	display:block;
	float:left;
	font-size:15px;
	margin:12px 8px;
	text-transform:capitalize;
}
#presence_period a 
{
	display:block;
	float:left;
	text-decoration: underline;
}
#presence_period .type_periods
{
	display:block;
	float:left;
	color:#fff;
	font-size: 11px;
	margin:14px 20px;
}
#add_presence
{
	display: block;
    float: right;
    background: #fff200;
    font-size: 18px;
    color:#14313b;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    width: 525px;
    height:32px;
}
.inner
{
	display:block;
	position: relative;
	margin-top: 7px;
	margin-left: 7px;
	width:1001px; 
	background: rgba(255, 255, 255, 0.3);	
}
#all_presence
{
	display:block;
	position: relative;
	margin-top: 1px;
	margin-left: 7px;
	width:1001px;
	height:561px;
	background: rgba(255, 255, 255, 0.3);
}
#all_presence .user_list
{
	display:block;
	position:relative;
	float:left;
	background: #d3d4d6;
	width:166px;
	padding-top:35px;
}
#all_presence .user_list span
{
	display:block;
	position:relative;
	font-size: 10px;
	font-style: italic;
	text-decoration: underline;
	color:#14313b;
	padding:2px 0 0 20px;
	margin:0;
	height:14px;
}
#all_presence .user_list font
{
	display:block;
	position:relative;
	font-size: 7px;
	font-style: italic;
	color:#14313b;
	padding:0 0 2px 20px;
	height:10px;
	margin:0;
}
#all_presence .hours,#all_presence .days
{
	display:block;
	position:relative;
	float:left;
	text-align: center;
	color:#14313b;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: rgba(255,255,255,0.6);
}
#all_presence .hours
{
	width:75px;
	font-size:32px;
	height:35px;
}
#all_presence .days
{
	width:118px;
	font-size:14px;
	text-transform: uppercase;
	height:25px;
	padding-top:10px;
}
#all_presence .days font
{
}
#all_presence .hours font 
{
	display:block;
	float:right;
	text-align: left;
	font-size:14px;
	left:58px;
	width:24px;
	margin-top:3px; 
}
#all_presence .person_presence_line
{
	display:block;
	position:relative;
	float:right;
	width:835px;
	height:28px;
}
#all_presence .person_presence_line span
{
	display:block;
	position:relative;
	float:left;
	height:28px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: rgba(255,255,255,0.6);
	z-index:2;
}
#all_presence .person_presence_line span.hours
{
	width:75px;
}
#all_presence .person_presence_line span.days_small
{
	width:118px;
}
#all_presence .person_presence_line div
{
	display:block;
	position:absolute;
	top:0;
	height:28px;
	color:#14313b;
	font-size: 11px;
	z-index:1;
	overflow: hidden;
}
#all_presence .person_presence_line div font
{
	display:block;
	margin:1px 5px;
	line-height:12px; 
	z-index:3;
}
#all_presence .hours span
{
	display:block;
	float:left;
	text-align: right;
	font-size:30px;
	width:50px;
	margin-top:3px;
}
#add_absence_div 
{
    background: linear-gradient(to top, #e8e8e8, #ffffff);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #14313b;
    display: none;
    height: 480px;
    left: 50%;
    margin-left: -225px;
    position: absolute;
    top: 150px;
    width: 450px;
    z-index: 1000;
}
#add_absence_head,  #add_project_photos
{
	background: linear-gradient(to top, #15323c, #315563);
	border-radius: 10px;
	border:1px solid #728a94;
    display: block;
    height: 75px;
    font-size: 17px;
    margin-top: -10px;
    position: relative;
   	color:#fff200;
    z-index: 1001;
}
#add_absence_head
{
	 width: 450px;
}
#add_project_photos 
{
	width:880px;
}
#add_absence_head img,  #add_project_photos img
{
	display:block;
	float:left;
	margin:10px 10px;
}
#add_absence_head span,  #add_project_photos span
{
	display:block;
	float:left;
	margin:25px 20px;
}
#add_absence_head a,  #add_project_photos a
{
	float:right;
	margin:25px 20px;
}
#absence_form
{
	display:block;
	margin:0 auto;
	width:270px;
}
#absence_form span 
{
	display:block;
	margin:10px 5px;
	font-size:15px;
	color:#14313b;
}
#absence_form select[name=type], #absence_form textarea, #absence_form select[name=user],#absence_form input[type="text"]
{
	display:block;
	font-size:11px;
	font-family: Arial;
	resize:none;
	padding:5px;
	width:260px !important;
	background: #fff;
	border:1px solid #dedede;
	border-radius:3px;
}
#absence_form textarea
{
	height:25px;
}
#absence_form input[type="text"]
{
	width:90px !important;
}
#reason_absence, #date_absence
{
	display:none;
}
.search_by
{
	display:none;
	position:absolute;
	top:20px;
	left:0;
	background: #14313b;
	padding:20px;
	z-index: 10;
}
.search_by a 
{
	display:block;
	width:100%;
	margin:0;
	color:#fff;
	text-decoration: none;
	font-size: 12px;
}
.search_by a.selected
{
	color:#fff200;
}
.add_news
{
	padding:20px;
}
.add_news input[type=text]
{
	background:#d3d4d6;
    border: none;
    display: block;
    height: 21px;
}
.add_news .field_input    
{
margin-bottom: 8px;
    margin-top: 2px;
}
.add_news textarea
{
	background:#d3d4d6;
    border: none;
    display: block;
    width:100%;
}
#add_news_link {
    color: #fff;
    display: block;
    font-size: 11px;
    position: absolute;
    right: 17px;
    top: 90px;
}
.edit_news_link {
    color: #fff;
    display: block;
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 20px;
}
.edit_news_link a 
{
    color: #fff;
}
.strange_green_button
{
	display:block;
	float:right;
	color:#fff;
	font-size: 8px;
	background: #71a601; /* Для старых браузров */
    background: linear-gradient(to top, #71a601, #a0c406);
    padding: 2px 15px 2px;
    border: 4px solid #e2e2e2;
    border-radius: 14px;
    height: 28px;
}
#user_rights_file a 
{
	color:#fff;
}
#file_props_form
{
	float:left;
	margin-left: 20px;
}
#file_folder_properties .strange_green_button
{
	height:18px;
	text-decoration: none;
	padding: 4px 15px 0px;
	margin-right: 150px;
}
.request_table table td:first-child
{
	width:170px;
}
/*-----------------файловая структура----------------*/
#downloader
	{
		display:block;
		border-bottom:1px solid #fff;
		padding:5px 0;
	}
	#file_list
	{
		height:480px;
		display:block;
		overflow:auto;
		position:relative;
	}
	
	.fl_item
	{
		display:block;
		float:left;
		text-align:center;
		width:64px;
		color:#fff;
		text-decoration:none;
		margin:5px;
		font-size: 10px;
	}
	
	#file_properties
	{
		display:none;
		position:absolute;
		border:1px solid rgb(20, 49, 59);
		background:rgba(20, 49, 59,0.6);
		top:0;
		left:0;
	}
	
	#file_properties a
	{
		display:block;
		padding:3px;
		text-decoration:none;
		color:#fff;
	}
	#file_properties a:hover
	{
		background:rgba(200, 200, 200,0.6);
	}