/* BASE SETTINGS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}
meter,progress,mark, time{display:inline;} 
ul {list-style: none;}
blockquote,q{quotes: none;}
img {border:0;vertical-align:middle;text-align:left;}
object{vertical-align:top;outline:none;}
table,table td{padding:0;border:none;border-collapse:collapse;font-size: 12px;}
input,select,textarea{line-height: 1em; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 12px; vertical-align:middle;font-weight:normal;margin:0;padding:0px;}
textarea{overflow:auto;}
* {margin: 0px; padding: 0px;}
body {line-height: 1.2em; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 12px;}

/* BASIC ELEMENTS */
html, body {height: 100%;}
body, #header_cont, #orders_table_head, .td_render_group_separator {background: #F2F2F2;  }
h5 {font-family: "Gabriola", Tahoma; font-size: 24px; font-weight: bold;}
h1, h3 {display: block; font-family: Times, "Time New Roman"; font-size: 28px; color: #333; font-weight: normal; padding: 10px 0px 20px 0px; text-shadow: 2px 2px 0px #bbb;}
h1 {text-align: center;}
h2 {color: #0170BF; font-size: 22px; font-weight: normal; margin: 15px 0px 20px 0px;}
p {padding: 6px; padding-left: 15px;}
pre {background: #ffffe0; overflow: auto; max-height: 150px;}

/* COLORS */
.white {color: #4D4D4D !important;}
.red {color: #ff0000 !important;}
.blue {color: #0070c0 !important;}
.grey {color: #606060 !important;}
.orange {color: #E36C0A !important;}
.thouts {color: #602020 !important;}
.dots {color: #1C5464 !important;}

/* POSITIONING */
.centr {width: 100%; text-align: center;}
.centred {margin: 0px auto;}
.centred_block {display: inline-block; margin: 0px auto;}
.inline {display: inline-block !important;}
.wfit {width: 100%;}
.wit_all {width: 100%; height: 100%;}
.fr {float: right;}
.fl {float: left;}
.clear {clear:both;}
table.vt>tbody>tr>td, table.vt>tbody>tr>th {vertical-align: top;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}
.ar {text-align: right;}
.al {text-align: left;}
.ac {text-align: center;}
.nw {white-space: nowrap;}
.dn {display: none;}
.rel {position: relative;}

/* SIZING */
.smaller, .smaller a {font-size: 10px;}
.small, .small a {font-size: 9px;}
.bold {font-weight: bold;}

/* PADDINGS */
.p3 {padding: 3px !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.pt3 {padding-top: 3px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 10px !important;}
.pr3 {padding-right: 3px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}

/* MARGINS */
.m3 {margin: 5px !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mt1 {margin-top: 1px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}

/* TABLES */
table.items {border-spacing: 2px; border-collapse: separate;}
table.items>tbody>tr>td {padding: 0px 3px;}
table.items>tbody>tr>th {padding: 2px 3px;   font-weight: bold;    color: #1C74a4;    background: #f3f3f3;    background-image: url('./themes/svg_gradient.php?from=ffffff&to=cccccc');    background-size: 100% 100%;    background: -webkit-gradient(linear, left top, left bottom, from('#ffffff'), to('#cccccc'));    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);    background: -o-linear-gradient(top,  #ffffff,  #cccccc);    }
table.titems {border-spacing: 0px; border-collapse: collapse; border-bottom: 3px solid #0071BC; }
table.titems>tbody>tr>td {padding: 3px; border: 1px solid #CEC8C8; font-size: 12px;}
table.titems>tbody>tr>th {padding: 5px 4px; border: 1px solid #CEC8C8;  font-weight: normal; color: white;  background: #006FB9; position: relative; }

.graph {border-collapse: collapse; text-shadow: none !important;}
.graph td { vertical-align:bottom;text-align:center;font-size:10px;color:#888; padding: 0px;}
.graph .keys {background:#777 !important; color: #fff !important; font-size: 10px; padding: 0px 2px !important; border-right: 2px solid #fff;}
.graph .bar { background:#999;width:96%;font-size:1px;line-height:1px;margin:0px auto; }
.graph .bar2 { background:#bbb;width:96%;font-size:1px;line-height:1px;margin:0px auto; }
.graph .bar3 { background:#777;font-size:1px;width:30px;line-height:1px;position:absolute;left:0px;bottom:0px; }
.graph .bar4 { background:#555;font-size:1px;width:30px;line-height:1px;position:absolute;left:0px;bottom:0px; }
.graph .bar_g { background:#9e6;width:96%;font-size:1px;line-height:1px;margin:0px auto; }
.graph .bar2_g { background:#9e6;width:96%;font-size:1px;line-height:1px;margin:0px auto; }
.graph .bar_r { background:#e99;width:96%;font-size:1px;line-height:1px;margin:0px auto; }
.graph .bar2_r { background:#e99;width:96%;font-size:1px;line-height:1px;margin:0px auto; }

.td_render_group_separator {min-width: 3px; border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; padding: 0px;}
.orders_sum_tr .td_render_group_separator {border-bottom: 3px solid transparent !important;}

/* BORDERS */
.br2black {border-right: 3px solid #aaa !important;}
.bl2black {border-left: 3px solid #aaa !important;}
.br5black {border-right: 3px solid #44a !important;}
.bl5black {border-left: 3px solid #44a !important;}

/* BLOCK DIVS */
#body {min-height: 100%; position: relative;}
#header_cont {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 500; }
#public-header_cont {position: relative; top: 0px; left: 0px; width: 100%; z-index: 500; background-color: #E6E6E6;}
#header h1 {color: white; text-shadow: 1px 1px 4px #555; font-family: "URW Gothic L", "Century Gothic", Arial, "Trebuchet MS"; font-size: 22px; font-weight: normal; display: block; padding: 170px 0px 30px 25px}
#public-header_cont #header h1 {padding: 110px 0px 30px 25px;}
#public-header_cont #auth_info {position: absolute; top: 15px; right: 20px;}
#logo {position: absolute; top: 20px; left: 25px; background: URL('/i/fplogo_light.png') center center; width: 216px; height: 123px}
#projects {position: absolute; right: 500px; top:15px;}
#projects a, #public-projects a {border-radius: 7px; padding: 10px 3px; }
#projects a:hover, #public-projects a:hover {box-shadow: 1px 1px 5px #bbb inset;}
#public-projects {position: absolute; right: 300px; top:15px;}
#navi {position: absolute; top: 70px; left: 265px; min-width: 500px;}
#navi a, #public-navi a {border-radius: 10px; margin-left: 3px; }
#navi .level_2 {padding-top: 25px;}
#public-navi {position: absolute; top: 85px; left: 265px; min-width: 500px;}
#public-navi a {font-size: 15px; padding: 10px 20px;}
#style_switcher {position: absolute; right: 400px; top:10px; color: #aaa;}
#style_switcher a {color: #aaa; text-decoration: none; }
#style_switcher a:hover {text-decoration: underline;}
#company_switcher {position: absolute; left: 105px; top:125px; }
#alt_support {position: absolute; top: 20px; left: 270px; color: #777; font-size: 12px; border-radius: 7px; padding: 7px; box-shadow: 1px 1px 5px #bbb inset;}
#currency_cont {position: absolute; right: 25px; top: 0px; background: white; border: 1px solid #CCCCCC; border-top: none; text-align: right; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
#currency_cont .title {color: #333; font-family: "URW Gothic L", "Century Gothic", Arial, "Trebuchet MS"; font-size: 20px; padding: 10px 10px 5px 10px;  text-align: right;}
#currency_cont .rate {text-align: right; background: #E6E6E6; padding: 5px 10px; margin-top: 5px; color: #0171BB; }
#currency_cont .rate_date {color: #555; padding: 10px 10px; text-align: right;}
#auth_info {padding: 0px 10px 10px 10px;}
#glob {padding: 0px 25px 50px 25px;}
#glob.public {padding: 35px 45px 100px 45px;}
#footer {position: absolute; bottom: 0px; color: #3A3A3A; padding: 10px;}
#footer a {color: #0071BD; text-decoration: none; border-bottom: dashed 1px #0071BD;}
#public-footer {position: absolute; bottom: 0px; width: 100%; color: #656565; padding: 10px 0px 10px 0px; text-align: center; background-color: #E6E6E6;}
#public-footer img {margin-bottom: 7px;}
#front_panel {display: none; position: absolute; top: 0px; left: 50%; width: 600px; margin-left: -300px; height: 600px; margin-top: 200px; z-index: 1565;}
#blanket {display: none; z-index: 1450;}
#spinner {display: none; position: absolute; z-index: 1551; width: 208px; height: 13px; top: 50%; left: 50%; margin-top: -7px; margin-left: -104px; background: URL('/i/loading_big.gif');}
#stat_out {display: none; position: absolute; z-index: 1552; width: 600px; top: 30px; left: 50%; margin-left: -300px;}
#debug_out {display: none; position: absolute; z-index: 1553; width: 900px; bottom: 0px; right: 0px;}
#hid, #charges_hid {display: none;}
#filter {position: fixed; top: 0px; z-index: 1455; min-height: 200px; left: -1500px;}
#filter fieldset {background: white !important;}
#filter .nshow_block {background: #E4EEFF; margin: 5px; padding: 5px; white-space: nowrap; overflow: auto;}
#filter .main_block {overflow: auto;}
#filter .filter_table td {padding: 3px;}
#filter .filter_table select {min-width: 350px; }
#filter .templ_select {min-width: 250px !important;}
#filter .invert_block {float: right; margin-left: 10px; color: red; font-size: 10px;}
#scroll_area {width: 100%; overflow: auto;}
#orders_table_head {position: absolute; z-index: 100; padding-bottom: 5px; padding-top: 1000px;}
#mass_upd {display: none;}
#f_dates {padding: 5px 3px; text-align: right;}
#fin_graph {height: 500px;}
#cl_rubcost, #cl_usdcost, #ex_rubcost, #ex_usdcost {padding: 5px 0px;}
#hidden_rates {display: none;}
#promo-buttons {width: 100%; box-shadow: 0px 6px 8px #ccc; text-align: center;}
#promo-buttons .top-line {width: 100%; height: 3px; background: URL('/i/pub-footer-top-line.png') center top no-repeat;}
#promo-buttons .bottom-line {width: 100%; height: 1px; background: URL('/i/pub-footer-bottom-line.png') center repeat-y #bfbfbf;}
#promo-buttons .try, #promo-buttons .buy, #promo-buttons .support {color: black; display: inline-block; margin: 20px 30px; cursor: pointer; text-align: center; text-transform: uppercase; font-family: Times, "Time New Roman"; font-size: 16px;}
#promo-buttons .try div, #promo-buttons .buy div, #promo-buttons .support div {width: 160px; height: 160px; margin-bottom: 15px; border-radius: 80px; box-shadow: 0px 0px 15px #444;}
#promo-buttons .try div {background: URL('/i/try-button.png') center center no-repeat white;}
#promo-buttons .buy div {background: URL('/i/buy-button.png') center center no-repeat white;}
#promo-buttons .support div {background: URL('/i/support-button.png') center center no-repeat white;}
#promo-buttons .try:hover, #promo-buttons .buy:hover, #promo-buttons .support:hover {color: #0071BA;}
#promo-buttons .try:hover div, #promo-buttons .buy:hover div, #promo-buttons .support:hover div {box-shadow: 0px 0px 20px #fff;}
#slider {width: 1200px; height: 450px; display: block; overflow: hidden; margin: 15px auto; box-shadow: 0px 0px 15px #444; position: relative;}
#slider #slide_changer {position: absolute; left: 550px; bottom: 10px;}
#slider #slide_changer .slide_change {display: inline-block; width: 16px; height: 16px; border-radius: 10px; background: white; box-shadow: 0px 0px 7px #666 inset; margin-left: 5px;}
#slider #slide_changer .slide_change:hover, #slider #slide_changer .slide_change.active {background: #3D96D0; box-shadow: none;}

/* BLOCK CLASSES */
fieldset {margin-top: 2px; border-radius:4px;  padding: 5px; border: #999 solid 1px; background: #e4e4e4; box-shadow: 1px 1px 2px #fff inset;}
fieldset fieldset {    margin:             3px;    background:#fff;    border:1px solid #99d;    background:none repeat scroll 0 0 #E8E8E8;}
fieldset legend { font-weight: bold; color: #555; padding:2px 10px; border-radius:4px;  background-color:   #fff; box-shadow: 1px 1px 4px #888;}
fieldset h2 {padding: 6px 0px 10px 10px; color: #0070c0; border-bottom: 1px solid #bbb; margin-bottom: 10px; }
fieldset .buttons, .dialog_cont .buttons {margin-top: 5px; padding: 6px; border-top: 1px solid #bbb; text-align: right;}
.dialog {display: inline-block; box-shadow: 0px 0px 15px 3px #777; background: #f0f0f0 !important; border-radius: 10px; padding: 0px;}
.dialog .ui-dialog-titlebar { display: block; white-space: nowrap; background-color: #0071BC; padding: 13px; color:#fff; font-family: "HeliosThin", HeliosThin, "URW Gothic L", "Century Gothic", Arial, "Trebuchet MS"; font-size: 26px;  font-weight:normal;  box-shadow: 0px 20px 30px  #6DAED9 inset; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.dialog .ui-dialog-titlebar .blue {color: white !important;}
.group {display: inline-block; }
.group-cnt {    padding: 0 0 0 0.5em;    display: inline-block;    width: 98%;}
.main_div {width: 1024px; margin: 0 auto; margin-top: 100px;}
.hov_icon {display: inline-block; width: 16px; height: 16px; padding: 2px;}
.hov_sml_icon {display: inline-block; width: 16px; height: 16px; padding: 0px; position: relative; top: 2px;}
.hov_link {display: inline-block; text-decoration: none;}
.hov_link:hover {border: 1px solid #fff; background: #fff; font-weight: normal; color: #1C7EBF; box-shadow: 0px 0px 8px 3px #ddd;}
.ed_buttons {display: inline-block; height: 24px;padding-left: 3px;}
.srt_ico {position: absolute; right: 2px; top: 0px; display: none;}
.wrap_ico {position: absolute; right: 22px; top: 0px; display: none;}
.check_volume {display: inline-block; width: 10px; height: 10px; background: none; margin: 3px; vertical-align: middle;}
.h35 {height: 35px !important;}
.marker{display: inline-block; width: 16px; height: 16px; border: 1px solid #666; background-color: white;}
.offwork{display: inline-block; width: 16px; height: 16px; background: url('/i/worker.png') center center no-repeat;}
.lang_pair {padding: 3px 0px;}
.render_group_cont, .render_head, .render_head_first {display: table-cell;}
.render_group_heads {background: #0071BC; padding: 4px 0px; border-radius: 10px; }
.render_head, .render_head_first {height: 30px; color: white; font-size: 10px; text-align: center; vertical-align: middle; padding: 0px 3px; position: relative; }
.render_head {border-left: 1px solid #3287C0;}
.render_head_first {padding-left: 4px;}
.render_group_2, .render_group_3, .render_group_4, .render_group_5 {padding-left: 10px;}
.render_group_title {height: 20px; color: #4D4D4D; font-family: "URW Gothic L", "Century Gothic", Arial, "Trebuchet MS"; font-size: 14px; width: 10px; overflow: hidden; white-space: nowrap; }
.ui-state-default, .ui-state-active, .ui-button {font-size: 13px; padding: 8px 12px; }
.ui-button {border-radius: 10px;}
.ui-button:hover {background: #E3E3E3;}
.ui-button-narrow {padding: 3px 10px !important; position: relative; top: 1px;}
.ui-datepicker-calendar .ui-state-default {box-shadow: none !important; background: #ddd !important;}
.filter_toggle {  padding: 6px 13px; border-radius: 16px !important; border: none; background: white; font-size: 15px; text-decoration: none; font-weight: normal; color: #1C7EBF; box-shadow: 0px 0px 10px 3px #bbb;}
.filter_toggle:hover {box-shadow: 0px 0px 8px 3px #ddd;}
.wider {display: block;}
.round_block {display: inline-block; padding: 0px; margin: 3px auto;}
.menu-sublink {display: inline-block; border-radius: 10px !important; padding: 5px 10px; margin: 0px 3px 0px 0px; color: white; font-size: 12px; border: 1px solid white; background: #0071BD; text-decoration: none; box-shadow: 0px 0px 12px 3px #777;}
.menu-sublink:hover {box-shadow: 0px 0px 12px 3px white;}
.white-bg-button {padding: 4px 10px !important; border: 1px solid #006FB9 !important; box-shadow: 0px 0px 0px 0px !important;}
.white-bg-button:hover {color: black;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid white; background: white; font-weight: normal; color: #1C7EBF; box-shadow: 0px 0px 10px 3px #bbb; }
.ui-state-hover, .ui-button, .ui-state-active, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #4D4D4D; 
	background: #DADADA; /* Для старых браузров */
    background: -moz-linear-gradient(top, #F9F9F9, #D3D3D3); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#F9F9F9), color-stop(100%,#D3D3D3));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #F9F9F9, #D3D3D3);
    background: -o-linear-gradient(top, #F9F9F9, #D3D3D3); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F9F9F9, #D3D3D3); /* IE10 */
    background: linear-gradient(top, #F9F9F9, #D3D3D3); /* CSS3 */  
	font-weight: normal; color: #4D4D4D; box-shadow: none; }
.info-block {font-family: Times, "Time New Roman"; font-size: 15px; color: #444; padding: 10px 0px 20px 0px; line-height: 1.2em;}
.form-table .title {color: #0272BE; padding: 15px 0px 10px 0px; font-size: 15px;}
.form-table input[type=text], .form-table input[type=password] {border: none; border-radius: 0px; box-shadow: 0px 0px 7px #666 inset; padding: 10px 12px; font-size: 14px; color: black;}
.form-table .hint {padding-left: 20px; color: #444; font-family: Times, "Time New Roman"; font-size: 14px;}
.form-table .error {color: red; padding-top: 5px; font-family: Times, "Time New Roman"; font-size: 14px;}
.main-content {font-size: 15px; line-height: 1.8em; color: #444;}
.main-content ul {margin-top: 10px; }
.main-content ul li {list-style: disc;}
.three-block {display: block; width: 1000px; margin: 0px auto;}
.three-block td {width: 270px; padding: 10px 50px; vertical-align: top;}
.three-block td:first-child {padding-left: 0px;}
.three-block td:last-child {padding-right: 0px;}
.three-block td.info {font-family: Times, "Time New Roman"; font-size: 15px; color: #444; line-height: 1.2em; text-align: justify;}
.level_2 .select2-container {width: 130px !important;}
.form-comments {background: #8cdffa; padding: 5px !important;}
.pay-comments {background: #faa6f9; padding: 5px !important;}

/* FORMS */
form { padding: 0px; margin: 0px; display: inline;}
input[type=text], input[type=password], textarea, select, .ui-autocomplete-input {line-height: 1.2em;	background: white; border: 1px solid #888; border-radius: 3px; color:#0071BC; padding:1px; margin:1px; }
textarea {padding: 3px;}
select:disabled, input:disabled, select.disabled, input.disabled {background: #ddd; border: 1px solid #aaa;}
.alerted {border: 1px solid #B80000 !important; background: #D95959 !important; color: white !important;}
.alerted_sel {border: 1px solid #B80000 !important; background: #D95959 !important;}
.alerted_auto {color: #B80000 !important; }
.order_state_multisel {}
.dialog_cont {background: #f0f0f0 !important;}
.rate_date {position: relative;}
.rate_date .show_hid_rates {position: absolute; top: 3px; left: 5px;}
.fin_rep_form {position: absolute; top: -14px; right: 15px; white-space: nowrap; color: black; font-size: 13px; font-weight: normal;}
.fin_rep_group {min-width: 1100px;}
input.light-button {cursor: pointer; border-radius: 8px; border: 1px solid white; background: white; font-weight: normal; color: #0272BE; box-shadow: 0px 0px 10px 3px #bbb; font-size: 14px; padding: 10px 15px;}
input.light-button:hover {box-shadow: 0px 0px 8px 3px #ddd;}
#firstLoginCont {margin: 0 auto;}
.jconfirm .jconfirm-content {
  overflow: visible !important;
}
.jconfirm .container {
  width: 800px;
  margin: 0 auto;
}
.staff_exec_label {
  display: inline-block;
  padding-left: 156px;
}
.staff_exec_inp {
  display: inline-block;
  padding-left: 6px;
}