/*--- CONTENT ---*/

.overlay {opacity: 0; visibility: hidden; position:fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 110; background: rgba(0,0,0,0.6);}
.dlg-modal {opacity: 0; visibility: hidden; text-align: center; position: fixed; left: 50%; top: 50%; z-index: 130; padding: 0px 0px; background: #FFFFFF; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.85); box-shadow: 0 0 20px rgba(0,0,0,0.85); filter: alpha(opacity=0);}

.dlg_new_account {width: 500px; height: 544px; margin-left: -250px; margin-top: -272px}
.dlg_edit_account {width: 500px; height: 720px; margin-left: -250px; margin-top: -360px}
.dlg_close_account {width: 500px; height: 220px; margin-left: -250px; margin-top: -110px}
.dlg_new_card {width: 500px; height: 610px; margin-left: -250px; margin-top: -305px}
.dlg_new_edit_fin_org {width: 500px; height: 220px; margin-left: -250px; margin-top: -110px}
.dlg_new_edit_contractor {width: 500px; height: 220px; margin-left: -250px; margin-top: -110px}

.dlg_new_language {width: 400px; height: 180px; margin-left: -200px;}
.dlg_new_user {width: 400px; height: 280px; margin-left: -200px;}
.dlg_edit_user {width: 400px; height: 290px; margin-left: -200px;}
.dlg_change_pwd_for_user {width: 440px; height: 280px; margin-left: -210px;}
.dlg_change_own_pwd {width: 420px; height: 180px; margin-left: -210px;}
.dlg_new_records_set {width: 570px; height: 700px; margin-left: -200px;}
.dlg_show_set_info {width: 500px; height: 550px; margin-left: -200px;}
.dlg_share {width: 500px; height: 190px; margin-left: -200px;}
.dlg_add_permissions {width: 540px; height: 280px; margin-left: -200px;}
.dlg_show_source_users_perms {width: 540px; height: 250px; margin-left: -200px;}
textarea.share_link {width: 450px; height: 40px;}

.modal-outer {width: 760px; min-height: 460px; position: fixed; left: 50%; z-index: 120; margin-left: -380px; padding: 80px 0; background: #18181a;}
	.modal-outer > div {display: none; opacity: 1; visibility: visible; position: static; margin: 0 auto;}

.closer {width: 30px; height: 30px; display: block; position: absolute; right: 5px; top: 5px; background: url('../images/cross.png') no-repeat; cursor: pointer;}
.closer:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* задаем относительное позиционирование контейнеру */
.hint-container{position:relative;}
/* Оформление скрытого элемента по умолчанию */ 
.hint-tip
{display: none;
white-space: normal;
position: absolute;
bottom: 130%;
left: 0px;
background-color: #FFFFFF;
background: #FFFFFF;
color: #3aaeda;
padding: 5px;
text-align: left;
opacity: 1;
width: 400px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
box-shadow: 0 1px 1px rgba(0,0,0,.16);
font-size: 11px;}

/* Появление скрытого элемента при наведении */
.hint-visible-icon:hover + .hint-tip{display: block;}

/* animation */
.fadeIn, .fadeOut, .slideInDown, .slideOutUp {-webkit-animation-duration: 0.3s; animation-duration: 0.3s; animation-timing-function: ease-out;}

@keyframes fadeIn {
	from {opacity: 0; visibility: hidden;}
	to {opacity:1; visibility: visible;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; visibility: visible;}

@keyframes fadeOut {
	from {opacity: 1; visibility: visible;}
	to {opacity:0; visibility: hidden;}
}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; opacity: 0; visibility: hidden;}

@keyframes slideInDown {
	from {top: -320px;}
	to {top: 180px;}
}
.slideInDown {-webkit-animation-name: slideInDown; animation-name: slideInDown; top: 180px;}

@keyframes slideOutUp {
	from {top: 180px;}
	to {top: -320px;}
}
.slideOutUp {-webkit-animation-name: slideOutUp; animation-name: slideOutUp; top: -320px;}

@media screen and (max-width: 800px) {
	.modal-outer {width: 620px; min-height: auto; margin-left: -310px; padding: 50px 0;}
		.modal-outer .dlg-modal {width: 420px;}
}

@media screen and (max-width: 640px) {
	.btn {height: 48px; line-height: 48px; padding: 0 36px;}
	.dlg-modal {width: 420px; margin-left: -210px;}
	.modal-outer {width: 480px; margin-left: -240px;}
		.modal-outer .dlg-modal {width: 300px; height: 150px;}
}

@media screen and (max-width: 480px) {
	.dlg-modal {width: 300px; margin-left: -150px;}
	.modal-outer {width: 320px; margin-left: -155px;}
		.modal-outer .dlg-modal {width: 290px; height: 150px;}
}

INPUT.form_text
{
  width: 275px;
}

TEXTAREA.form_select
{
  width: 276px;
  height: 50px;
  resize: none;
}

INPUT.search_text
{
  width: 150px;
}

SELECT.users_perms_list
{
  width: 158px;
}

DIV.search_user_autocomplete_container
{
  position: absolute;
  border: 1px solid #808080;
  display: none;
  z-index: 1;
  background: #EEEEEE;
  width: 155px;
  cursor: pointer
}

DIV.search_user_autocomplete_elem
{
  display: none;
  text-align: left;
  border-bottom: 1px solid #AAAAAA;
  padding: 4px
}

DIV.search_user_autocomplete_elem:hover
{
  background: #FFFFFF;
}

DIV.schedule_set
{
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 10px;
  margin: 10px;
}

DIV.schedule_set_selected
{
  box-shadow: 0 0 0 3px #000080;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 10px;
  margin: 10px;
}

SPAN.span_link
{
  color: #4169E1;
  cursor: pointer;
}

SPAN.span_link:hover
{
  color: #FF4500;
  cursor: pointer;
}

A
{
  cursor: pointer;
  color: #4169E1;
  text-decoration: underline
}

A:hover
{
  color: #FF4500;
  text-decoration: none
}

A.prev
{
  color: #808080;
  text-decoration: underline
}

A.prev:hover
{
  color: #FF4500;
  text-decoration: none
}

A.dot
{
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed #000080;
}

A.dot:hover
{
  cursor: pointer;
  color: #f00000;
}

a.menu_link
{
  color: #FFFFFF;
  text-decoration: none;
}

a.menu_link:hover
{
  color: #FA8072;
  text-decoration: none;
}

table.no_border
{
  border: 0px;
}

table.no_border tr
{
  border: 0px;
}

table.no_border td
{
  vertical-align: middle;
  text-align: center;
  padding: 5px 10px 5px 10px;
}

table.no_border_valign_middle
{
  border: 0px;
}

table.no_border_valign_middle td
{
  border: 0px;
}

table.no_border_valign_middle td
{
  vertical-align: middle;
  text-align: center;
  padding: 5px 10px 5px 10px;
}

tr.no_padding
{
  padding: 0px 0px 0px 0px;
}

tr.no_padding td
{
  padding: 0px 0px 0px 0px;
}

span.record_set
{
  border: 1px solid #808080;
}

table.no_border td.record_set
{
  border: 1px solid #808080;
}

td.align_vertical
{
  vertical-align: middle;
}

span.site_title_text
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: large;
}

textarea.translates
{
  width: 99%;
  height: 100px;
  resize: vertical;
}

input.translates
{
  width: 99%;
}

textarea.contact_message
{
  width: 50%;
  height: 100px;
}

input.radiobutton
{
  width: 10px;
  height: 10px;
}

body
{
  margin: 0px;
  font-size: small;
  font-family: verdana;
  text-align: center;
}

td
{
  vertical-align: top;
  font-size: small;
  font-family: verdana;
  padding: 10px;
}

table.bb_code td
{
  padding: 0px;
}

table.main_view_table
{
  width: 100%;
}

div.restrictions_map
{
  position: relative;
  width: 900px;
  height: 390px;
}

div.map_legenda
{
  text-align: left;
  font-size: x-small;
}

div.map_legend_color_example
{
  margin: 2px 0px 0px 0px;
  width: 10px;
  height: 10px;
}

table.acct_list
{
  margin: 0px 0px 20px 0px;
}

table.bordered
{
  border: 1px solid #808080;
}

table.bordered td
{
  vertical-align: middle;
  border: 1px solid #808080;
  text-align: center;
}

table.centered
{
  
}

table.centered td
{
  vertical-align: top;
  text-align: center;
}

td.form_field
{
  text-align: left;
  vertical-align: middle;
  padding: 2px 20px 2px 5px;
  white-space: nowrap;
}

td.form_field_chk
{
  text-align: left;
  vertical-align: middle;
  padding: 0px;
  white-space: nowrap;
}

td.form_field_title
{
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}

table
{
  border-collapse: collapse;
}

table.main
{
  width: 100%;
}

TR.title2 td
{
  background: #DCDCDC;
}

TR.title TD
{
  font-weight: bold;
  color: #000080;
  text-align: center;
  padding: 5px;
}

TD.title
{
  font-weight: bold;
  color: #000080;
  text-align: center;
  padding: 5px;
}

input.form_input 
{
  width: 230px
}

p.text_page_main_p
{
  text-align: justify;
  font-size: medium;
  line-height: 175%
}

div.mainarea 
{
  width: 100%;
  text-align: left;
	background-color: #FFFFFF;
}

div.text_page_mainarea 
{
  width: 75%;
  text-align: left;
	background-color: #FFFFFF;
}

table.site_title_area
{
  width: 100%;
  background-color: #4682B4;
}

table.site_menu_area
{
  border-collapse: collapse;
  width: 100%;
  background-color: #696969;
}

table.string_translates
{
  border-style: none;
  margin: 0px;
  padding: 0px;
}

table.string_translates td
{
  border-style: none;
  margin: 0px;
  padding: 3px;
}

table.no_padding
{
  padding: 0px;
}

table.no_padding tr
{
  padding: 0px;
}

table.no_padding td
{
  padding: 0px 0px 0px 0px;
}

td.menu_item
{
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

td.auth_menu_item
{
  color: #FFFFFF;
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-align: right;
}

td.auth_user_menu_item
{
  display:none;
}

td.menu_item:hover
{
  cursor: pointer;
}

div.footer
{
  text-align: center;
}

span.small_text
{
  font-size: x-small;
}

span.medium_text
{
  font-size: medium;
}

span.normal_text
{
  font-weight: normal;
}

span.bold_text
{
  font-weight: bold;
}

span.alphabet_item
{
  font-weight: bold;
  font-size: medium;
  color: #8B0000;
}

span.selected
{
  font-weight: bold;
  color: #000080;
}

span.selected_prev
{
  font-weight: bold;
}

span.warning
{
  font-size: x-small;
  font-weight: bold;
  color: #FF0000;
}

span.error_result
{
  font-weight: bold;
  color: #FF0000;
}

span.checking_values_manual
{
  font-weight: bold;
  color: #8B0000;
}

span.good_result
{
  font-weight: bold;
  color: #008000;
}

span.lang_status_active
{
  font-weight: bold;
  color: #008000;
}

span.lang_status_inactive
{
  font-weight: bold;
  color: #CD5C5C;
}

span.lang_status_test
{
  font-weight: bold;
  color: #000080;
}

div.section_title
{
  font-weight: bold;
  padding: 10px;
  font-size: medium;
}

div.last_news
{
  padding: 10px;
}

span.live_stat_item_red
{
  font-weight: bold;
  color: #FF0000;
  font-size: medium;
}

span.live_stat_item_green
{
  font-weight: bold;
  color: #008000;
  font-size: medium;
}

span.navigation_string
{
  font-weight: bold;
}