body {
    font-family:Arial, sans-serif;
    color:#3d3d3d;
    font-size:9pt;
    margin:0;
    padding:0;
    height:100%;
    background-color:#fff}

body.web-framework-object-list {overflow: auto}

*
{font-size:100%; /* inherit font size; ie doesn't support 'font-size: inherit' */}

legend {color: #000}/* override system color for NamedFrame title */

table{
  font-size:9pt; color:#000; font-family:Arial, sans-serif; text-align:left; }

a {color:#3d3d3d;  font-weight:bold;  display:inline-block; text-decoration:none; cursor:pointer;}

.MaxSize{width:100%;height:100%}

.dict-splitter         { background-color: #000; height: 2px; empty-cells:show}
.dict-caption1         { text-align: center; font-weight: bold; color: #000}
.dict-caption2         { background-color: #DDD; color: #000; text-align: left; font-weight: bold; padding-right: 10px; ; padding-left: 10px; display: block}
.dict-caption3         { background-color: #AAA; color: #fff; text-align: center; font-weight: bold}
.dict-caption4         { text-align: center; font-weight: bold; white-space: nowrap; width: 100%; background-color: #CCC }
.dict-label1           { }
.dict-link             { padding-left:3px; padding-right:3px}

a:link.dict-link       {
     color: #000; text-decoration: none; font-weight: normal; white-space: nowrap}
a:visited.dict-link    {
     color: #000; text-decoration: none; font-weight: normal; white-space: nowrap}
a:hover.dict-link      {
     color: #000; font-weight: normal; white-space: nowrap}

.toright           { text-align: right; padding-right: 10px; display: block}
.toleft                { text-align: left;  padding-left: 10px;  display: block}
::-ms-clear {
  display:none;}
::-ms-reveal {
  display:none;}

/* for reference view */
.reference             { text-decoration: none}
/* for links between entities (dba tables) */
.dict-entity           { color: #22D; text-decoration: none}
a:hover.dict-entity    { text-decoration: underline}

.dict-link3            { font-size: 10px}
a:link.dict-link3      { color: #0A0A0A; text-decoration: underline}
a:visited.dict-link3   { color: #0A0A0A; text-decoration: underline}
a:hover.dict-link3     { color: #000; text-decoration: underline}
.dict-link4            { font-size: 13px}
a:link.dict-link4      { color: #0A0A0A; text-decoration: underline}
a:visited.dict-link4   { color: #0A0A0A; text-decoration: underline}
a:hover.dict-link4     { color: #000; text-decoration: underline}
.dict-grid                 { border-style: solid; border-color: #CCC; border-width: 1px; border-spacing: 0px}
td.dict-grid-column table  { white-space: nowrap; font-size: 13px; font-family: verdana; font-weight: bold; color: #7A7A7A}
.dict-grid-column          { border-bottom-style: solid; border-bottom-color: #CCC; border-bottom-width: 1px; white-space: nowrap; font-size: 13px; font-family: verdana; font-weight: bold}

.tc-splitter           { background-color: #000; height: 2px}
.tc-properties         { padding: 10px}
.tc-properties-title   { background-color: #AAA; color: #fff; text-align: center; font-weight: bold}
.tc-properties-name    { background-color: #DDD; color: #000; text-align: right; font-weight: bold; padding-right: 10px; display: block}
.tc-properties-name2   { text-align: right; padding-right: 10px; display: block}
.tc-properties-name3   { text-align: right; padding-right: 10px; display: block}
.tc-properties-value   { text-align: left; font-weight: bold; padding-right: 10px; display: block}
.tc-main-menu          { background-color: #AAA; color: #fff; text-align: center}
.tc-link               { color: #000; background-color: #DFF; border: 1px solid #688; display: block; padding: 0.1em 1em; text-decoration: none; font-weight: bold; width: 60px;}
.tc-link-button        { color: #C9C7BA; background-color:  #F5F4EA; border: 1px solid #C9C7BA}
a:hover.tc-link        { border: 1px solid #66D; background-color: #FFE}
a:active.tc-link       { border: 1px solid #F00 }
a:focus.tc-link        { border: 1px solid #F80 }
table.tc-main-menu     { padding: 3px}
a:link.tc-main-menu    { color: #fff; text-decoration: none; font-weight: bold}
a:visited.tc-main-menu { color: #fff; text-decoration: none; font-weight: bold}
a:hover.tc-main-menu   { color: #fff; text-decoration: underline; font-weight: bold}

/* container for data grid */
td.tc-grid {padding-left:0px}
/* data grid */
table.tc-grid { empty-cells: show; border-collapse: collapse; width:100%}
table.tc-grid td.tc-grid-column { border: 1px solid #CFCFCF}

/* data grid cell style  */
.tc-grid-column {
  padding-left  :3px;
  padding-right  :3px;
  border     :1px solid #CFCFCF;
  /* white-space  :nowrap; */
  /* font-weight  :bold; */
  }

div.tc-grid-column {
    /* white-space: nowrap; */
    font-size:9pt;
    font-family:Arial;
    /*font-weight: bold;*/
    }

/* click'able cell data */
td.tc-grid-column div a
, td.tc-grid-column a   {
    font-weight: normal;
  font-family:Arial}

td.tc-grid-column table {
    /* white-space: nowrap; */
    font-size:9pt;
    font-family:Arial;
    /*font-weight: bold;*/
    color:#000}


.tc-grid-column a:link    {
    color: #000;
    text-decoration: none;
  font-size:9pt;
    /*font-weight: bold;*/
    }
.tc-grid-column a:visited {
    color: #000;
    text-decoration: none;
    /* font-weight: bold; */
    }
.tc-grid-column a:hover   {
    color: #000;
    text-decoration: underline;
    /* font-weight: bold; */
    }

.tc-grid-column2       { border-bottom-style: solid; border-bottom-color: #CCC; border-bottom-width: 1px; /* white-space: nowrap; */ width: 100%}
.tc-grid-title        { font-weight: bold; text-align: center; /* white-space: nowrap; */ }
.tc-grid-row          { color: #000; vertical-align: middle}
a:link.tc-grid-row    { color: #000; text-decoration: none}
a:visited.tc-grid-row { color: #000; text-decoration: none}
a:hover.tc-grid-row   { color: #000; text-decoration: underline}

.design-splitter          { background-color: #0000FF; height: 2px; padding: 0px}
.design-command           { }
a:link.design-command     { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.design-command  { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.design-command    { color: #0000FF; text-decoration: underline; font-weight: bold}
.design-props-title       { text-align: center; white-space: nowrap}
.design-props-name       {background-color:#EAECF2;border-top:1px solid #fff;border-bottom:1px solid grey;text-align:right;color:#3d3d3d;
              padding-right:4px;font-size:8pt;width: 1%; white-space: nowrap}
.design-props-name2      {background-color:#EAECF2;border-top:1px solid #fff;border-bottom:1px solid grey;text-align:right;color:#3d3d3d;
              padding-right:4px;font-size:8pt; white-space: nowrap}
.design-props-name3      {background-color:#EAECF2;border-top:1px solid #fff;border-bottom:1px solid grey;text-align:left;color:#3d3d3d;
              padding-left:4px;font-size:8pt; white-space: nowrap}
.design-props-value       { }
a:link.design-props-value    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.design-props-value { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.design-props-value    { color: #0000FF; text-decoration: underline; font-weight: bold}
.design-props-value2      { width: 100%}
.design-props-input       { width: 100%}
.design-props-input2      { width: 100%}
.design-props-enum          { font-size: 75%; color: #000; font-weight: normal; text-decoration: none}
.design-props-table-head    { padding-right: 5px; padding-left: 5px; background-color: #00A0FF; color: #fff; white-space: nowrap}
.design-props-button        { vertical-align: middle }
a:link.design-props-enum    { font-size: 75%; font-weight: normal}
a:visited.design-props-enum { }
a:hover.design-props-enum   { }
.design-props-enum-sel          { font-size: 75%; color: #000; background-color: #eef; font-weight: normal; text-decoration: none}
a:link.design-props-enum-sel    { }
a:visited.design-props-enum-sel { }
a:hover.design-props-enum-sel   { }

.dba-menu              { background-color: #0000FF; text-align: center; color: aqua; font-weight: bold}
table.dba-menu         { padding: 3px}
a:link.dba-menu        { color: #fff; text-decoration: none; font-weight: bold}
a:visited.dba-menu     { color: #fff; text-decoration: none; font-weight: bold}
a:hover.dba-menu       { color: #fff; text-decoration: underline; font-weight: bold}
.dba-splitter          { background-color: #0000FF; height:2px; empty-cells: show}
.dba-grid              { }
.dba-grid-title        { font-weight: bold; text-align: center; white-space: nowrap; }
.dba-grid-row          { color: #000; vertical-align: middle}
a:link.dba-grid-row    { color: #0000FF; text-decoration: none}
a:visited.dba-grid-row { color: #0000FF; text-decoration: none}
a:hover.dba-grid-row   { color: #0000FF; text-decoration: underline}
img.dba-grid-row       { }
.dba-grid-column       { border-bottom: solid 1px #00F; border-right: solid 0.5em white}
.dba-command           { }
a:link.dba-command     { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.dba-command  { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.dba-command    { color: #0000FF; text-decoration: underline; font-weight: bold}
.dba-props-title       { font-weight: bold; text-align: center; white-space: nowrap}
.dba-props-name        { text-align: right; padding-right: 5px; padding-left: 5px; background-color: #00A0FF; color: #fff; width: 100%; white-space: nowrap}
.dba-props-value       { }
.dba-props-input       { width: 100%}

/* anything highlightable in 'tr' tag*/
tr:hover.highlightable-row  { background-color: #FFD }
tr:active.highlightable-row { background-color: #FEA }

/* odd highlightable raw*/
tr.highlightable-row-odd { background-color:#FFF}
tr:hover.highlightable-row-odd  { background-color: #E1E1E1 }
tr:active.highlightable-row-odd { background-color: #C3C3C3 }

/* even highlightable raw*/
tr.highlightable-row-even { background-color: #F1F1F1 }
tr:hover.highlightable-row-even { background-color: #E1E1E1 }
tr:active.highlightable-row-even { background-color: #C3C3C3 }

tr.picked-row { background-color: #FEE78E }
td.notice-background { color: #f8740d }
table.notice-background { color: #f8740d }

/*for ie6*/
.hoverhighlightable-row  { background-color: #F1F1F1 }
.activehighlightable-row { background-color: #C3C3C3 }
.dbalisthoverhighlightable-row  { background-color: #E1E1E1 }

.admin-grid               { border-style: solid; border-color: #CCC; border-width: 1px; border-spacing: 0px}
.admin-grid-column        { border-bottom-style: solid; border-bottom-color: #CCC; border-bottom-width: 1px; /* white-space: nowrap; */ }

.main-menu          { background-color: #0000FF; color: aqua; text-align: center; font-weight: bold}
.main-menu .system-title    { font-size: 120%}
table.main-menu     { padding: 3px}
.current-rendering-mode a.main-menu    {border: thin solid #FA0}
a.main-menu         { color: #fff; text-decoration: none; display: block; border: thin solid #00F; font-weight: bold; padding: 0.1em}
a:link.main-menu    { }
a:visited.main-menu { }
a:hover.main-menu   { background-color: #00F; border-color: #FFF }

/* horizontal menu is like main menu, but doesn't wrap */
.horizontal-menu
{text-align:center; font-weight: bold;  font-size:8pt; font-weight:bold; color:#F95C0A; text-decoration:underline; white-space: nowrap}
/*.mainMenu{background: url(../images/header.gif) repeat-x bottom}*/
.horizontal-menu .title
{font-size:120%; white-space: nowrap}
table.horizontal-menu{padding: 0px; margin: 0px}
a.horizontal-menu
{
    color:              #126;
    background-color:   #FED;
    display:            block;
    border:             1px solid #721 ;
    padding:            0em 0.5em}
a:link.horizontal-menu      { text-decoration: none}
a:visited.horizontal-menu   { text-decoration: none}
a:hover.horizontal-menu     { border-color: #D42; background-color: #FDB}

.common-list-header   { background-color: #fff; color: #CCC; font-weight: bold}
.common-list-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.common-list-splitter { background-color: #CCC}
.common-list          { background-color: #fff; color: #0000FF}
a:link.common-list    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.common-list { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.common-list   { color: #0000FF; text-decoration: underline; font-weight: bold}

.page-properties-header   { background-color: #fff; color: #CCC; font-weight: bold}
.page-properties-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.page-properties-splitter { background-color: #CCC}
.page-properties-title    { background-color: #fff; color: #0000FF; font-weight: bold}
.page-properties-value    { background-color: #fff; color: #0000FF}
.page-properties-input    { background-color: #fff; color: #0000FF; width: 100%; border-style: solid; border-width: 1px}
.page-properties          { background-color: #fff; color: #0000FF}
a:link.page-properties    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.page-properties { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.page-properties   { color: #0000FF; text-decoration: underline; font-weight: bold}

/* actually the same as .content-list */
.page-list-header   { background-color: #fff; color: #CCC; font-weight: bold}
.page-list-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.page-list-splitter { background-color: #CCC}
.page-list          { background-color: #fff; color: #0000FF}
a:link.page-list    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.page-list { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.page-list   { color: #0000FF; text-decoration: underline; font-weight: bold}
/* for obsolete features in content list */
.page-list-old          { font-size: 75%; color: #88F}
a:link.page-list-old    { font-size: 75%; color: #88F}
a:visited.page-list-old { font-size: 75%; color: #88F}
a:hover.page-list-old   { font-size: 75%; color: #88F}

.properties-header   { background-color: #fff; color: #CCC; font-weight: bold}
.properties-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.properties-splitter { background-color: #CCC; empty-cells:show}
.properties-title    { background-color: #fff; color: #AAAAFF; vertical-align: top}
.properties-value    { background-color: #fff; color: #0000FF; width: 100%}
.properties-value2   { background-color: #fff; color: #000;font-size:9pt;font-weight:bold}
.properties-input    { background-color: #fff; color: #0000FF; width: 100%; border-style: solid; border-width: 1px}
.properties          { background-color: #fff; color: #0000FF}
a:link.properties    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.properties { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.properties   { color: #0000FF; text-decoration: underline; font-weight: bold}

.list                { background-color: #fff; color: #000}
a:link.list          { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.list       { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.list         { color: #0000FF; text-decoration: underline; font-weight: bold}

.region-list-header   { background-color: #fff; color: #CCC; font-weight: bold}
.region-list-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.region-list-splitter { background-color: #CCC}
.region-list          { background-color: #fff; color: #0000FF}
a:link.region-list    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.region-list { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.region-list   { color: #0000FF; text-decoration: underline; font-weight: bold}

.content-properties-header   { background-color: #fff; color: #CCC; font-weight: bold}
.content-properties-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.content-properties-splitter { background-color: #CCC}
.content-properties-title    { background-color: #fff; color: #0000FF; font-weight: bold}
.content-properties-value    { background-color: #fff; color: #0000FF}
.content-properties-input    { background-color: #fff; color: #0000FF; width: 100%; border-style: solid; border-width: 1px}
.content-properties          { background-color: #fff; color: #0000FF}
a:link.content-properties    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.content-properties { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.content-properties   { color: #0000FF; text-decoration: underline; font-weight: bold}

/* actually the same as .page-list */
.content-list-header   { background-color: #fff; color: #CCC; font-weight: bold}
.content-list-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.content-list-splitter { background-color: #CCC}
.content-list-value    { padding-right: 0.5em}
.content-list          { background-color: #fff; color: #0000FF}
a:link.content-list    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.content-list { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.content-list   { color: #0000FF; text-decoration: underline; font-weight: bold}
/* for obsolete features in content list */
.content-list-old           { font-size: 75%; color: #88F}
a:link.content-list-old     { font-size: 75%; color: #88F}
a:visited.content-list-old  { font-size: 75%; color: #88F}
a:hover.content-list-old    { font-size: 75%; color: #88F}

.form-list-header   { background-color: #fff; color: #CCC; font-weight: bold}
.form-list-footer   { background-color: #fff; color: #CCC; font-weight: bold}
.form-list-splitter { background-color: #CCC}
.form-list          { background-color: #fff; color: #0000FF}
a:link.form-list    { color: #0000FF; text-decoration: none; font-weight: bold}
a:visited.form-list { color: #0000FF; text-decoration: none; font-weight: bold}
a:hover.form-list   { color: #0000FF; text-decoration: underline; font-weight: bold}

.region-header { background-color: #fff; color: #000}
a:link.region-header { color: #0000FF; text-decoration: none}
a:visited.region-header { color: #0000FF; text-decoration: none}
a:hover.region-header { color: #0000FF; text-decoration: underline}

.page-header { background-color: #0000FF; color: #000}
a:link.page-header { color: #fff; text-decoration: none}
a:visited.page-header { color: #fff; text-decoration: none}
a:hover.page-header { color: #fff; text-decoration: underline}
#a:active.page-header { color: #fff; text-decoration: underline}
#a:focus.page-header { color: #fff; text-decoration: underline}
table.simple-region { border-style: solid; border-width: 1px; border-color: #0000FF}
.simple-region-title { background-color: #fff; color: #0000FF; border-bottom-width: 1px; border-bottom-style: solid; font-weight: bold; font-size: 12px}
table.tabbed-region { border-style: solid; border-width: 1px; border-color: #0000FF}
.tabbed-region-title { background-color: #0000FF; color: #fff}
.tabbed-region-title-selected { background-color: #fff; color: #0000FF}
.tabbed-region-title-unselected { background-color: #CCCCFF; color: #fff}
a:link.tabbed-region-title-unselected { background-color: #CCCCFF; color: #fff; text-decoration: none}
a:hover.tabbed-region-title-unselected { background-color: #CCCCFF; color: #fff; text-decoration: none}
a:visited.tabbed-region-title-unselected { background-color: #CCCCFF; color: #fff; text-decoration: none}
.wizard-region-title { background-color: #0000FF; color: #fff}
a:link.wizard-region-title { background-color: #CCCCFF; color: #fff; text-decoration: none}
a:hover.wizard-region-title { background-color: #CCCCFF; color: #fff; text-decoration: none}
a:visited.wizard-region-title { background-color: #CCCCFF; color: #fff; text-decoration: none}

.error-text         { color: #FF0000}

/* framework's buttons */
img.action-button       {border-width: 0; width: 1em; height: 1em; font-size: small}
img.action-button-small    {border-width: 0; width: 0.6em; height: 0.6em; font-size: small; margin: 0.1em}

/* for layout tables (zero width) */
.layout                     {border-width: 0; border-spacing: 0; margin: 0; padding: 0; empty-cells: hide}
.layout > tbody > tr > td   {border-width: 0; border-spacing: 0; margin: 0; padding: 0}

/* general control styles */
.control-panel              { background-color: #DEF; padding: 0px 0.5em}

/* for 'not available' stubs (for example 'null' properties values) */
.na-note                    { font-size: 75%}

/* info, helper labels (use when there is something more important nearby) */
.not-very-important-label   { color: #777}

/* command style for any text */
a.item-command          {color: #000}
a:link.item-command     {text-decoration: none}
a:visited.item-command    {text-decoration: none}
a:hover.item-command    {text-decoration: underline}

/* link control */
.link-border                {border-width: 0; border-spacing: 0; margin: 0; padding: 0; display: inline} /* must be before .menu .link-border */

/* menu control styles */
.menu                       {}
.submenu                    {border-collapse: collapse; padding: 0; border: 0 none #fff; width: 100%}
.menu-caption               {border-width: 0; border-spacing: 0; margin: 0; padding: 0}
.menu .link-border          {border-width: 0; border-spacing: 0; margin: 0; padding: 0; display: table; width: 100%} /* must be after .link-border */
.menu-caption .link         {text-align: center; color: #000055; font-size: 110%; font-weight: bold}
.menu td.menu-item          {border-width: 0; margin: 0; padding: 0}
.menu a.link                {display: block; text-decoration: none; padding: 0em 0.2em}
.menu a:hover.link          {color:#F95C0A;text-decoration:none; font-weight: bold}
.menu a:active.link         {text-decoration:underline;color:#F95C0A; font-weight: bold}
.menu-vertical-submenu-tab  {margin-top: 0.4em; margin-left: 0.5em; height: 0.5em; width: 1em}
.menu-vertical-item-space   {height: 0.1em}
.menu-horizontal-break      {width: 0.3em; padding: 0}

/* for debug props output */
.debug                      {font-size: small; color: #888}

/* content editor */
.ceditor                { padding: 0px; margin: 0px; border-style: solid; border-color: #126}
table.ceditor           { table-layout: fixed; border-spacing: 0px; border-width: 1px}
tr.ceditor, td.ceditor  { border: 1px none #8AC}
span:hover.ce-action    { color: #000; cursor: pointer}
span.ce-action           { font-size:100%;background-color:#AAA; color:#FFF }
div:hover.ce-action     { color: #000; cursor: pointer}
div.ce-action           { font-size:100%;background-color:#AAA; color:#FFF }
.ce-insets {background-color:#EAECF2; border-left:1px solid #fff; border-right:1px solid #9D9DA1; cursor:pointer; font-size:8pt; font-weight:bold; padding-left:5px; padding-right:5px; width:40px}
.ce-insetsTable {border-left:1px solid #9D9DA1; border-top:1px solid #fff}
.ce-bgTopMenu {background-color:#EAECF2; height:20px}

/* general tips, description, usage notes */
.help-note    {font-size: 70%; font-family: monospace}

/* layout's auxiliary markup in edit mode */
.edited-layout  {border: 1px solid #AAA; padding: 5px}
.edited-layout-unframed  {border: 1px solid #AAA;padding:0}
.edited-flow-layout-element  {border: 1px solid #AAA; padding: 5px; float:left}
.editor-markup  {color: #AAA}

/* layout's cells layer for scrolls */
.scroll_cell_view_style{overflow: auto;   height:100%; width:100%; display:block; padding:0; margin:0}
.scroll_cell_edit_style{overflow: scroll; height:100%; width:100%; display:block; padding:0; margin:0}

/* belonging viewer table style */
.bw-tableCheckboxMode {border:2px solid #888}
.bw-table {padding:4px;background-color:#F9F9FB;border:1px solid #AFB1A7}
.bw-selectGroup {width:280px}
.bw-silverTop {border-top:1px solid silver}
.bw-silverBott{border-bottom:1px solid silver}

.bw-top {padding:0px 3px}
.bw-pad {padding-right:15px;padding-left:15px}
/* belonging viewer title style */
.bw-title {font-weight:bold;font-size:10pt;padding:5px 15px}

/* belonging viewer group style */
.bw-group {border-right-width:2px; padding:0; margin:0; border-top-width:0;border-bottom-width:0}


/* belonging viewer element style */
.bw-element {color:#F95C0A;text-align: right}
.bw-elementCheckboxMode {border-right-width:2px; padding:0; margin:0; border-right-color: #888; border-top-width:0; border-bottom-width:0;  font-weight: bold; background-color: #888; color : white;  text-align: center}
/* belonging viewer selected style */
.bw-selected {padding:0; margin:0; border-right-color: #888; border-top-width:0; border-bottom-width:0;  font-weight: bold; background-color: #888; color : white;  text-align: center}

/* belonging viewer button's style */
.bw-button {margin:0px; padding:0px; border:0px;float:left;width:100%; text-align:center; height:25px;}
.bw-buttPartL {background:url('../images/button_left.gif') no-repeat; width:6px; height:25px;}
.bw-buttPartR {background:url('../images/button_right.gif') no-repeat; width:6px; height:25px;}
.bw-submit    {COLOR: #3d3d3d; font-weight:bold; background:url('../images/button_fon.gif') repeat-x; height:25px;}
.bw-submitOver { COLOR:#3d3d3d; font-weight:bold;background:url('../images/button_fon_over.gif') repeat-x; cursor:pointer; height:25px;}
.bw-submitOver_left{background:url('../images/button_left_over.gif') no-repeat; width:6px; height:25px;}
.bw-submitOver_left{background:url('../images/button_right_over.gif') no-repeat; width:6px; height:25px;}
.bw-butDiv {margin:0px;padding:0px;border:0px;float:left}
.bw-butRegion {float:right;padding:0px 0px}
.bw-submit a {text-decoration: none}
.bw-submitOver a{text-decoration: none}
/* To hide form's empty space */
form {margin: 0; padding: 0}

.form2 {
    border: 1px solid #AFB1A7;
    padding:0px;
    background-color: #F9F9FB;
  margin-top:10px}

/* tooltip */
#tooltip
{
    background:#fff;
    border:1px solid #666;
    color:#333;
    font:menu;
    margin:0px;
    padding:3px 5px;
    position:absolute;
    visibility:hidden
}

/* messagebox */
#messagebox_background
{
    background-color:   #000;
    /* opacity:         0.1; set in Messagebox.prepare() */
    z-index:            1000;
    -ms-transition-property: opacity, -ms-transform; /* ie10 */
    opacity: 0.07;
}

#messagebox_shadow
{
    border:             1px solid #fd9441;
    background-color:   #000;
    /* opacity:         0.2; set in Messagebox.prepare() */
    z-index:            1001;
    -ms-transition-property: opacity, -ms-transform; /* ie10 */
    opacity: 0.2;
}

#messagebox
{
    border:    1px solid #fd9441;
    background-color:  #fff;
    padding:            1em;
    text-align:         center;
    width:              30em;
    z-index:            1002}

#messagebox .buttons
{
    padding-top:    1em;
    cursor:pointer;
    border-collapse:collapse}


#messagebox .buttons input
{
    width:  6em}
.hideMsgBox{position: absolute}

/* --------- New Design =) ----------- */
/* left menu */
.lightLineLeftMenu{border:none; background-color:#f5f5f5}
.grayLineLeftMenu {border:none; background-color:#f5f5f5}
.sepLeftMenuRight{background:url('../images/sepBottomLeftMenu.gif');background-repeat:no-repeat;background-position:bottom}
.bgSepLeftMenuAndFunc{background-color:#AFB1A7; background:url('../images/separator_bg.gif'); background-repeat:repeat-y}
.leftMenu { background-color:#f5f5f5;width:225px}
.leftMenu a {text-decoration:none;outline-style:none}
a.leftMenu {text-decoration:none}
.titleGroupLeftMenu {color:#1d1a1a;font-weight:bold; font-family: Sans-serif;/*width:80%*/;margin-bottom:6px; margin-top:6px; margin-left:1px; text-align:left; font-size:15px; line-height:12px; text-decoration:none; width:220px}
.itemsLeftMenu {padding-left:4px;font-weight:bold}
.selectingItemLeftMenu {border-bottom:1px solid #FECD14;height:12px}

/* main menu */
.noUnderline a{text-decoration: none;outline-style:none}
.projectTitle  {height:63px}
.copyrighteg   {font-size:11px;height:16px; padding-left:10px}
/*.insetBody     {padding:0px;font-weight:bold;text-align:center; background-color:#f8740d; color:#FFF}*/
.selectInsetBody {
  padding:0px;
  padding-left:2px;
  padding-right:2px;
  margin:0;
  color:#111212;
  font-family:Arial;
  font-weight:normal;
  text-decoration:none;
  font-size:13px;
  background:url('../images/menu_activ_fon.gif');
  background-repeat:repeat-x;
  white-space:nowrap}
.linkMainMenu {padding:0; margin:0px;font-weight:bold;cursor:pointer}
.linkLeftMenu {
  cursor:pointer;
  font-family: Tahoma;
  font-size:12px;
  color:#000}
.selectLink {margin:0px;padding:0px;font-weight:bold;border-bottom:1px solid #FECD14;height:12px}
.selectNoUnderlineLink {color:#007236;margin:0px;padding:0px;font-weight:bold;font-size:12px; font-family:Arial; cursor:pointer}
.underlineLink{color:#007236; font-weight:bold}

/* Headers */
.header1{font-size: 24pt; font-weight: bold}
.header2{font-size: 18pt; font-weight: bold}
.header3{font-size: 14pt; font-weight: bold}
.header4{font-size: 12pt; font-weight: bold}
.header5{font-size: 10pt; font-weight: bold}
.header6{font-size: 8pt; font-weight: bold}

/*How html text will be showed in content-editor (show-html-in-content-editor.tag) */
.html-show{display : block; border: 4px double black}


/* styles for form's input fields and  ReferenceEdit control */
.selectInput {border:1px solid #f87710; background-color:#FFF;}
.unSelectInput {border:1px solid #ffa03b; background-color:#FFF}
.unSelectInput2 {width: 100%; background-color: #FFFFFF; border: 1px solid #FFA03B; display: inline-block; overflow: hidden;}
.unSelectInput2 select {width: 100%; display: block; margin: -1px;}
.comboBox {border:1px solid #ffa03b; background-color:#FFF; width:100%}

.unSelectEdit      { border:1px solid #ffa03b; background-color:#FFF; padding-right:0px; padding-left:0px; }
.disabledEdit      { border:1px solid #a0a0a0; background-color:#FFF; }
.unSelectMultiEdit { border:1px solid #ffa03b; background-color:#FFF; padding-right:0px; padding-left:0px; }
.disabledMultiEdit { border:1px solid #a0a0a0; background-color:#FFF; }
.unSelectLink      {}
.disabledLink      {}
.unSelectCheckbox  {}
.disabledCheckbox  {}
.unSelectListbox   {}
.disabledListbox   {}
.unSelectCombobox  { border:1px solid #ffa03b; background-color:#FFF; }
.disabledCombobox  { border:1px solid #a0a0a0; background-color:#FFF; width:100%}
.unSelectCalendar  { border:1px solid #ffa03b; background-color:#FFF; padding-right:0px; padding-left:0px; }
.disabledCalendar  { border:1px solid #a0a0a0; background-color:#FFF; }

/* --------- New Design Content Editor ----------- */
/* HorizontalTopMenu */

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none}

.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left}

.horizontalcssmenu ul li a{
display: block;
width: 120px;
padding: 2px 8px;
border-left-width: 0;
text-decoration: none;
background: url("../images/content-editor/sepListTableButtonAndArrow.gif") right center no-repeat;
color: black;
font: 9pt Arial}

.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100}

.horizontalcssmenu ul li ul li{
display: inline;
border:1px solid #C0C0C0;
border-top:0px solid transparent}


.horizontalcssmenu ul li ul li a{
width: 182px;
font-weight: normal;
padding: 2px 5px;
background: url("../images/content-editor/topMenuInsetBG.gif") ;
border-width: 0 1px 1px 1px;
vertical-align: top;
cursor:pointer}

.horizontalcssmenu ul li a:hover{
background: url("../images/content-editor/sepListTableButtonAndArrow.gif") right center no-repeat;
color:#FB5C0B;
vertical-align: top}

.horizontalcssmenu ul li ul li a:hover{
background: #fff}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url("../images/content-editor/menuarrow.gif") no-repeat center left}

.horizontalcssmenu .hotKeys{font-size:8pt;text-align: right}
.horizontalcssmenu .imgInsetSubMenu{width:15px;padding-left:3;padding-right:3}

* html p#iepara{
padding-top: 1em}


* html .horizontalcssmenu ul li { float: left; height: 1%}
* html .horizontalcssmenu ul li a { height: 1%; font-family: verdana}
.picMenu{background-color:#EAECF2;font-size:7pt;border-bottom:2px groove;height:20px;display:block}
.topMenuContainer{background: url("../images/content-editor/buttonBG.gif") bottom repeat-x;border-bottom:1px solid #9D9DA1;border-top:2px groove}
.topMenu {font-size:8pt;color:#77787E;font-weight:bold;text-decoration:underline;white-space: nowrap}
.topMenuDisabledItems table{color: #C9C7BA}


/* left menu */

.menuPanel{background-color:#EAECF2}
.mainTitle{font-size:10pt;font-weight:bold;color:#F95C0A}
.arrowSection td{text-align:center;width:15px;height:15px;margin:1px}
.selElLeftMenu{background-color:#F6F6F1;border:1px solid #CECEC3;margin:0px}
.unSelElLeftMenu{border:1px solid #EAECF2;margin:0px}
.menuPanelEl{text-align:center}
.menuPanelEl td{height:25px}
.insets{cursor:pointer;background-color:#EAECF2;width:40px;font-weight:bold;padding-left:5px;padding-right:5px;border-right:1px solid #9D9DA1;font-size:8pt;border-left:1px solid #fff}

/* properties */
.tabSubMenuAttr{width:100%;border:1px solid silver}
.attributeMenu {border-bottom:1px solid grey;background-color:#F6F6F6;cursor:pointer}
.attributeMenu select {font-size:8pt;padding-right:3px;border-right:1px solid silver}
.attributeMenu select {font-size:8pt;padding-right:3px;border-right:1px solid silver}
.contour {padding:2px;border:2px groove;margin-left:3px;margin-right:3px;margin-top:3px;margin-bottom:3px}
.contour legend{font-size:8pt}
.innerAtrsTable{padding-left:15px}
.linkInnerContr {color:#F95C0A;font-size:9pt;font-weight:bold}

.radiobutton-table td {
    padding-left: 20px;
    padding-rigth: 20px;
}

/*
    document edit panels
*/
.document-panel{
  background-color:#F9F9FB;
  border:1px solid #c6c9c9;
  padding:0px;
  margin:0px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  max-width:98%}

.document-panel1 {
  background-color:#F9F9FB;
  border:1px solid #AFB1A7;
  border-collapse:collapse}

.left-right {
  border-color:white}

.document-panel1 a {
  font-weight:normal;
  font-family:Arial;
  font-size: 14px;
  text-decoration:none}
.documentPanelTab {
  height: 30px;
  text-align:center;
  border-collapse:collapse}

.documentPanelTab a:active{
  color:#ff6f05}
.document-panel_header{
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  height:33px;
  empty-cells:show;
  background:url("../images/top_panel.gif") repeat-x}

.activTab {
  color:#007236;
  border-top:3px solid #fb8126;
  border-left:1px solid #AFB1A7;
  border-right:1px solid #AFB1A7;
  border-bottom:1px solid #F9F9FB}
.activTab a {color:#ff6f05}

.disableTab {
background-color:#ebebeb;
  color:#ff6f05;
  border-top:1px solid #AFB1A7;
  border-left:1px solid #AFB1A7;
  border-right:1px solid #AFB1A7;
  border-bottom:1px solid #AFB1A7}

.document-title {
  font-size:10pt;
  font-weight:bold;
  padding:5px 15px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000}
.document-splitter {
  height: 4px;
    background: url("../images/split2.gif") repeat-x;
    empty-cells: show}

.document-error {
  border: 1px solid #999;
  margin-left:10px;
  margin-right:10px;
  padding:2px}

.document-title2 {
  font-size:10pt;
  font-weight:bold;
  font-family:Verdana;
  padding-left:10px}

.document-title3 {
  font-size:12pt;
  font-weight:bold;
  font-family:Verdana;
  color:#FFF}
.document-title-left-aligned {
  font-size:10pt;
  font-weight:bold;
  padding:5px 15px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  color:#000;
  white-space: nowrap;
}

/* docuemnt docflow state name */
.document-docflow-state {font-weight:bold; color:#F95C0A}

/* document's docflow description  */
.document-docflow-desc { font-size:7pt}


.document-panel-spliter {
  height:1px;
  background-color: silver;
  padding-left:10px;
  padding-right:10px}

/* field name label */
.document-label {
  text-align:right;
  white-space: nowrap;
  padding-left: 10px;
  display: inline-block;
  color:#1b1b1b}

.documrnt-chkbx-label {
  font-weight:bold;
  text-align:left;
  white-space: nowrap;
  padding-left: 0px;
  display: inline-block}

.document-fieldset {
  margin-left:10px;
  margin-right:10px;
  padding:2px;
  border-color:#ccc;
  border-width:1px;
  border-style:solid;
  color:#333}
.legend_name{
  font-size:12px;
  font-weight:bold;
  color:#000}

/* save/cancesl buttons button central part */
.document-button {
  background:transparent url(../images/buttFPartB.jpg) repeat-x top;
  color:#3D3D3D;
  font-weight:bold;
  height:19px;
  padding:0px;
  text-decoration: none;
  white-space: nowrap; /*text in buttons should be on single line*/
  }

.document-button_new {
    background: transparent url(../images/buttPartB.gif) repeat-x top;
    color:#666;
    font-size:13px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    white-space: nowrap;
}
 .enter-button {
  background:transparent url(../images/login/button_enter_center.gif) repeat-x top;
  color:#3D3D3D;
  font-weight:bold;
  height:30px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  text-decoration: none;
  white-space: nowrap; /*text in buttons should be on single line*/
  }
/* button left part */
.document-button-left {
  background:transparent url(../images/buttFPartL.gif) no-repeat scroll right top;
  height:19px;
  width:3px;
  padding: 0px;
  empty-cells: show}
.enter-button-left {
  background:transparent url(../images/login/button_enter_left.png) no-repeat scroll right top;
  height:30px;
  width:9px;
  padding:0px;
  empty-cells: show}
/* button right part */
.document-button-right{
  background:transparent url(../images/buttFPartR.gif) no-repeat scroll left top;
  height:19px;
  width:3px;
  padding: 0px;
  empty-cells: show}
.enter-button-right{
  background:transparent url(../images/login/button_enter_right.png) no-repeat scroll left top;
  height:30px;
  width:9px;
  padding: 0px;
  empty-cells: show}

.stateText{color:#F95C0A}

/*   end of document edit panels   */

.filter-caption {
  font-weight:bold;
  color:#FF6600;
  font-size:12px;
  padding-left:16px;
  width:100%}
.filter-caption-apply {
  font-weight:bold;
  color:#fc7c27}
.body_filter {
    max-width:700px;
    min-width:120px;
    padding:10px;
  padding-bottom:0;
  padding-top:0;
  background-color:#fafafa;
 font-family:Arial;
  font-size:12px;
  line-height:16px;
  border:1px solid #dcdcdc
}
.filter_conteiner {
    color #333333;
    float:left;
    font:11px arial;
    margin:0;
    padding:0;
	padding-right:15px;
}
.draggable_filter_container {
    color #333333;
    float:left;
    font:11px arial;
    margin:0;
    padding:0;
    position: fixed;
    display: none;
}
.header_filter {
   height: 36px;
}
.header_filter ul {
    height: 36px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.header_filter li {
    background: url("../images/top_filter_l.gif") no-repeat scroll left top transparent;
    float: left;
    margin:0;
    width: 100%;
  height: 36px;
}
.header_filter a{
  background: url("../images/top_filter_r.gif") no-repeat scroll right top transparent;
  color: #060;
  display: block;
  padding: 15px 15px 0 10px;
  text-decoration: none}
.header_filter a:hover {
    color: #333333;
    text-decoration: none}

.filter-box {
  padding:0;
  margin:0;
}
.filter-box-show-hide_up{
  background: url("../images/triangleUp.gif") top right no-repeat;
  display:block;
  color:#000;
    font-family:Arial;
  font-size:13px;
    text-decoration:none;
  padding:0;
  margin:0;
  }
.filter-box-show-hide_down{
  background: url("../images/triangleDown.gif") top right no-repeat;
  display:block;
  color:#000;
    font-family:Arial;
  font-size:13px;
    text-decoration:none;
  padding:0;
  margin:0
}

.filter-box-header {
  font-weight:bold;
  color:#323232;
  font-size:15px;
  padding:0;
  margin:0}

.filter-box-field {
  color:#666;
  font-size:13px;
  font-weight:normal;
  margin-left:2px;
}

.filter-box-value {
  color:#292929;
  font-size:13px;
  font-weight:bold;
 }
.filter-box-apply {
  color:#C00;
 font-size:11px;
  text-decoration:none
}
.table-with-filter {
border: 1px solid #ed9022;
}
.button-off{
  background: url(../images/fon_button-off.gif) top left repeat-x;
  height:26px;
  margin:0;
  margin-bottom:10px;
  margin-top:10px;
  padding:0;
  text-decoration:none;
  border:1px #d2d2d2 solid;
  border-bottom: 1px #bebebe solid;
  border-top: 1px #e0e0e0 solid
}
.button-off2{
  background: url(../images/cancelFilter_2.gif) no-repeat 10px 8px;
  display:block;
  padding-left:3px;
  padding-right:6px;
  padding-top:5px;
  margin:0;
  text-indent:20px;
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
  color:#cc0209
}

/*.filter-box span {font-weight:normal;
}*/

.filter-box-show-hide {
  color:#2d2d2d;
  font-size:12px;
  padding-left:16px;
  width:100%}

.filter-box-header {
  font-weight:bold;
  color:#404040;
  font-size:12px;
  padding-left:16px;
  padding-bottom:5px;
  width:100%}

.filter-box-field {
  color:#5d5d5d;
  font-size:11px;
  font-weight:normal;
  margin-left:2px}

.filter-box-value {
  color:#292929;
  font-size:11px;
  font-weight:bold;
  }
.filter-box-apply {
 color:#4b4b4b;
 font-size:11px;
 text-decoration:underline}

.bgUseFilter{background-color:#f3f3f3}
.useFilter td{padding-left:4px;padding-right:2px;font-size:8pt}

.autoFilterHeader {
  background-color:#EEF0F4;
  color:black;
  width:100%;
  font-weight:bold;
  white-space:nowrap;
  padding-bottom:5px;
  padding-top:5px;
  border:0px}

.autoFilterTitle {
  border:0px;
  padding:2px;
  color:black}
.autoFilterPosition {
  position:absolute;
  left:-100px;
  top:20px}

.autoFilterTab {
  font-family:Arial;
   background-color:#EEF0F4;
   border: 1px solid #c3c3c3;
   vertical-align: middle;
   padding: 10px 15px;
   width:100%
}
/*                  Dba data grid design            */

/* contaner for data grid  */
.data-grid-table {
    /*border-left:1px solid #9D9DA1;
    border-top:1px solid #9D9DA1;*/
    font-size:8pt}

/* title row table's header  */
.data-grid-title-bar{
    padding:10px;
  padding-bottom:0;
    text-align:left;
    color:#000;
    font-size:14px;
    font-weight:bold;
    padding-left:16px;
  font-family:Arial}

/* no additional padding inside grid */
.tc-grid .data-grid-title-bar {
    padding-left: 1px;}

.data-grid-title-bar-function {
  text-align:left;
  color:#000;
  font-size:14px;
  font-family:Arial;
  font-weight:bold;
  background:url(../images/filling_tabl-top.jpg);
  border-bottom:#FFF 1px solid;
  height:32px;
  margin-top:5px;
  width:100%
}
.toolbar_link a{
  background:url(../images/master_but-fon.jpg) repeat-x;
  border:1px solid #8b9e9c;
  padding:0 5px 0 5px;
  text-decoration:none;
  font:normal 12px/18px Arial;
  color:#2b2b2b;
  margin-right:5px}
.toolbar_link a:visted{ text-decoration:none; color:#333}
.toolbar_link a:hover{background:url(../images/master_but-fon_hover.jpg) repeat-x; border:1px solid #8b9e9c;}
/* data grid columnt text */
.grid-column-text {
  font-family:Tahoma, Geneva, sans-serif;
    font-weight:bold;
  font-size:8pt;
    color:#2b2b2b;
    text-decoration:none}
.grid-column-sort-table {
    border-spacing: 0px;
    height:100%;
}

/* table for autofilter, title, sort sign */
.grid-column-position {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px}

.data-grid-column-title{
  vertical-align:middle;
  background: url(../images/dba/table-column.gif)
  bottom repeat-x;height:21px;
  background-color:#e1e1e1;
  border-left:1px solid #fff;
  font-weight:bold}
/* toolbar's cell text */
.grid-toolbar-text {
  font-weight:bold;
  color:black;
  text-decoration:none}

.grid-sort-text-active {
  background: url(../images/sort_button_act.gif) repeat-x;
  height:26px;
  padding-left:5px;
  padding-right:5px;
  border:1px #bfbfbf solid;
  text-decoration:none;
  width:150px
  }
.grid-sort-text{
text-decoration:none;
 color:#de7901;
  font-size:13px;
  font-weight:normal;
  line-height:26px;
  white-space:nowrap}

.grid-sort-text-active_2 {
  padding-left:5px;
  padding-right:5px;
  color:#de7901;
  font-size:13px;
  font-weight:normal;
  line-height:26px;
  white-space:nowrap;
  text-decoration:none
  }
.grid-sort-text-inactive {
  background: url(../images/fon_button-off.gif) repeat-x;
  height:26px;
  padding-left:5px;
  padding-right:5px;
  border:1px #bfbfbf solid;
  text-decoration:none;
  width:150px
  }
 .grid-sort-text-inactive_2 {
  padding-left:5px;
  padding-right:5px;
  line-height:26px;
  color:#666;
  font-size:13px;
  font-weight:normal;
  width:150px;
  white-space:nowrap;
  text-decoration:none;  }
.inputsort{
  border:#CCC 1px solid;
  font-size:14px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size-adjuct: none;
  font-stretch: normal;
  height: 26px;
  margin: 0px 0px 0px 10px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  }
/* end of            data grid design            */


/* user login */
  /*label's*/
.ul-enterSystemText {color:#fff;font-weight:bold;height:20px}
.enterSystemText{color:#fff; font-weight:bold; padding-left:22px; line-height:25px;}
.ul-loginPassLabel {text-align:right; color:#FFF}
  /*button's*/
.ul-submit    {COLOR: #3d3d3d;font-weight:bold; background:url('../images/buttFPartB.jpg'); background-repeat:repeat-x}
.ul-submitOver { COLOR: #3d3d3d; font-weight:bold;background:url('../images/buttFPartBOver.jpg');cursor:pointer}
.ul-submit a {text-decoration: none}
.ul-submitOver a{text-decoration: none}
.ul-buttPartR{background:url('../images/buttFPartR.gif');background-repeat:no-repeat;width:3px;height:18px}
.ul-buttPartL{background:url('../images/buttFPartL.gif');background-repeat:no-repeat;background-position:right;width:3px;height:18px}
.ul-buttDiv {margin:0px;padding:0px;border:0px;float:left}
.ul-smButt {height:18px;width:18}

.ul-body{font-family:Verdana;font-size:8pt;margin:0;padding:0px;background-color:#fff; empty-cells:show}
.ul-table{font-size:8pt;color:#3d3d3d;font-family:Verdana}
.ul-input{background-color:#FFF; border:1px solid #fc9823; width:300px; color:#4d4d4f}
/*head*/
.ul-headerLogin{text-align:center;vertical-align:top}
.ul-empty { empty-cells:show; height:100%}

/*login*/
.ul-lightLine{background-color:#AFB1A7;border-right:1px solid #fff}
.ul-grayLine{background-color:#D0D1DE;border-right:1px solid #AFB1A7}
.ul-headerBott{border-bottom:2px ridge}
.ul-innerTabLoginPass {width:100%;height:280px}
.ul-innerTabLoginPassTbl{padding:0px; padding-top:5px}
.ul-innerTabLoginPassAct {padding:3px; padding-left:10px; padding-right:10px; background-color:#fb8d17}
.ul-bgSepLeftMenuAndFunc{background-color:#AFB1A7}
.ul-sepLeftMenuRight{background:url('../images/sepBottomLeftMenu.gif');background-repeat:no-repeat;background-position:bottom}
.ul-cancelPaddingTab td{padding:0px}

/*subscrib's*/
.ul-copyrighteg{font-size:9px;border-bottom:#fc7c27 solid 1px; empty-cells:show}
.ul-top { border-top:#fc7c27 solid 1px;empty-cells:show}
.ul-left-corner{ background:url(../images/login/ul_corner_topLeft.gif) no-repeat top left; empty-cells:show; border-top: #fc7c27 1px solid; border-left: #fc7c27 1px solid; width:2px}
.ul-left{background:url(../images/login/ul_corner_middleLeft.gif) repeat-y left; empty-cells: show}
.ul-right{ background:url(../images/login/ul_corner_middleRight.gif) repeat-y right; empty-cells:show}
.ul-shadow { width:4px; background:url(../images/login/login_shadow.gif) repeat-y center}
.ul-left-bg { background-color:#f5f5f5}
.ul-client { background:url(../images/login/ul_client_bg.gif) repeat-x top}
.ul-bottom { background:url(../images/login/ul_corner_middleBottom.gif) repeat-x bottom}
/*end of user login*/

.pagesTable{background-color:#EAECF2;border-top:1px solid #fff}
.pagesTable a:link{background-color:#EAECF2}
.pagesTable td{border:0px; font-size:8pt; color:#2b2b2b; font-weight:bold; font-family:Tahoma, Geneva, sans-serif}
.pageListTable td{border:0px;font-size:8pt;font-weight:bold; padding-right: 4px; padding-left: 4px}
.selectedPage{color:#f86b03;font-weight:bold}
a.link.unselectedPage{text-decoration: underline; font-weight: normal}
.unselectedPage a {text-decoration: underline; font-weight: normal}
a.unselectedPage {text-decoration: underline; font-weight: normal}
.unselectedPage a:link {text-decoration: underline; font-weight: normal}
.pageListTable a:link {text-decoration: underline; font-weight: normal}
.realButtonLinkClass{text-decoration: none;}

/* setting action to validator */
.activeValidatorAction1 #type0 span{display:none}
.activeValidatorAction1 #type1 span{display:inline;font-weight: bold}
.activeValidatorAction1 #type2 span{display:none}
.activeValidatorAction1 #type0 a{display:inline;text-decoration:none;font-weight: lighter}
.activeValidatorAction1 #type1 a{display:none}
.activeValidatorAction1 #type2 a{display:inline;text-decoration:none;font-weight: lighter}

.activeValidatorAction0 #type0 span{display:inline;font-weight: bold}
.activeValidatorAction0 #type1 span{display:none}
.activeValidatorAction0 #type2 span{display:none}
.activeValidatorAction0 #type0 a{display:none}
.activeValidatorAction0 #type1 a{display:inline;text-decoration:none;font-weight: lighter}
.activeValidatorAction0 #type2 a{display:inline;text-decoration:none;font-weight: lighter}

.activeValidatorAction2 #type0 span{display:none}
.activeValidatorAction2 #type1 span{display:none}
.activeValidatorAction2 #type2 span{display:inline;font-weight: bold}
.activeValidatorAction2 #type0 a{display:inline;text-decoration:none;font-weight: lighter}
.activeValidatorAction2 #type1 a{display:inline;text-decoration:none;font-weight: lighter}
.activeValidatorAction2 #type2 a{display:none}

.activeValidatorAction #type0 span{display:inline;font-weight: bold}
.activeValidatorAction #type1 span{display:none}
.activeValidatorAction #type2 span{display:none}
.activeValidatorAction #type0 a{display:none}
.activeValidatorAction #type1 a{display:inline;text-decoration:none;font-weight: lighter}
.activeValidatorAction #type2 a{display:inline;text-decoration:none;font-weight: lighter}

/* end setting action to validator */

/*file-field-edit*/

  .file {
    position:relative; top:0px; left:0px;
    padding:0px; margin:0px;
    text-align:left;
    cursor: pointer;
    height:20px; overflow:hidden}

    .file input {
    height:20px;
    z-index: 2;
    position:absolute;
    right:0px;
    opacity: 0; filter: alpha(opacity=0)}
/*end file-field-edit*/

.mainTable {height: 100%; width: 100%; margin: 0px; padding: 0px}
.errStyle{color: red}
.errStyle2{
    border: 1px solid #AFB1A7;
    padding: 4px;
    background-color: #F9F9FB;
    color: red}
.redBold{color: red; font-weight: bold}
.panelCell {padding-top: 0px; padding-bottom: 0px; width: 100%}
.fontBold {font-weight:bold; font-family:Arial}
.rightPadding {text-align:right;padding-right:10px}
.paddingLR10 {padding-left:10px; padding-right:10px}
.paddingRB10 {padding-right:10px;padding-bottom:10px}
.outerTable {width: 100%; height: 100%}
.msgBoxButton {  border: 0px none; width:50px; text-align: center}
.msgBoxBorder {  border: 0px none}
.brdCollapce {border-collapse:collapse}
.toolbarBtn{padding-right: 3px; padding-left: 3px}
.yaopusFilter{padding-left:4px;display:none;border:1px solid #FF9900;background-color:#eeeeee; width:940px;}
.helpElement {border: 1px solid black; width: 15px; height: 15px}

/* message box*/
.popup_transparent_bg {
  background-color:   #000;
  z-index:            1000;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  -ms-transition-property: opacity, -ms-transform; /* ie10 */
  opacity: 0.07;
}

.popup_box_container {
  position: absolute;
  left: 50%;
  padding: 10px;
  border:        1px solid #F95C0A;
  background-color:  #Fff;
  padding:            1em;
  text-align:         center;
  width:              30em;
  z-index:            1002}

.popup_box_window {
    left: 50%;
    padding: 1em;
    border: 1px solid #F95C0A;
    background-color: #FFF;
    text-align: center;
    width: 30em;
    z-index: 1002
}

.left_menu { background-color:#f5f5f5}
.main {background: url('../images/corner.gif') no-repeat top left}
/*.left_menu_separator {border-top: 1px solid #ccccce}*/
ul.menuFirstLevel  li  div.showMenu table tbody tr td.imgTD img {background:url(../images/marker_minus.gif) no-repeat; width:13px; height:13px; cursor: pointer}
ul.menuFirstLevel li div.hideMenu table tbody tr td.imgTD img {background:url(../images/marker_plus.gif) no-repeat; width:13px; height:13px; cursor: pointer}
ul.menuFirstLevel {width:195px}
.edited-dyn-menu  {border: 1px solid #AAA; padding: 0.5em; float:left}
.edited-dyn-side-menu  {border: 1px solid #AAA; padding: 0.5em; float:left}
.edited-dyn-top-menu  {border: 1px solid #AAA; padding: 0.5em; float:left}
ul.highSideMenu {width:205px; list-style: none; padding-left:0px; margin:0px; margin-top:7px}
ul.sideMenu {width:250px; list-style: none; padding-left:7px; padding-top:3px; margin:0px}
li.sideMenuNode div.showMenu table tbody tr td.imgTD img {background:url(../images/marker_minus.gif) no-repeat;width:13px; height:13px;cursor: pointer}
li.sideMenuNode div.hideMenu table tbody tr td.imgTD img {background:url(../images/marker_plus.gif) no-repeat;width:13px; height:13px;cursor: pointer}
a.topMenuElement{cursor: pointer; text-decoration:none; font-family:Arial; white-space:nowrap}
.punkt{padding-right:5px; text-align:center; color:#FFF; font-size:13px; font-family:Arial; white-space:nowrap}
.sideMenuNodeText {
  color:#363435;
  display:inline-block;
  font-size:12px;
  cursor: pointer;
  font-weight:bold;
  padding-bottom:5px;
  text-decoration:underline;
  font-family:Tahoma;
  width:250px}

.selectedSideMenuLeafText{
  color:#f56008;
  margin:0px;
  padding:0px;
  font-weight:bold;
  font-size:12px;
  font-family:Tahoma;
  text-decoration:underline;
  width:210px;
  margin-left:5px}

li.menuLeaf {background:url('../images/yFirefly.gif') no-repeat 0 0; padding-left:8px;cursor:pointer;padding-bottom:9px; width:140px; line-height:13px}
li.hightMenuLeaf { background:url('../images/yFirefly.gif') no-repeat 0 0; padding-left:13px; padding-bottom:7px; cursor:pointer; width:220px}

.sideMenuLeafText{
  cursor:pointer;
  font-family:Tahoma;
  font-size:12px;
  color:#363435;
  font-weight:bold;
  width:210px;
  margin-left:5px;
  text-decoration:underline}

.sideHighMenuText{
  color:#363435;
  display:inline-block;
  font-size:12px;
  cursor: pointer;
  font-weight:bold;
  padding-top:1px;
  padding-bottom:4px;
  text-decoration:underline;
  font-family:Tahoma;
  width: 100%}

.selectedSideHighMenuText{
  color:#f86b03;
  display: inline-block;
  font-size:12px;
  cursor: pointer;
  font-weight:bold;
  padding-top:1px;
  padding-bottom:2px;
  text-decoration:underline;
  font-family:Tahoma;
  width: 100%}

.ulMenu {
    list-style: none;
    padding: 0px;
    margin: 0px}
.liMenu {
  font-size: 0;
  float:left;
  display:table;
  height:0}

ul.menuSecondLevel li {
  background:url('../images/yFirefly.gif') no-repeat 0 50%}
ul.menuSecondLevel  {
  padding-left:15px}

.linkMenuFirstLevel{
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  margin-left:9px;
  text-decoration:none;
  font-family:Tahoma;
  color: #000;
  width:200px;
  padding-top: 3px}

.titleMenuFirstLevel{
  color:#000;
  display: inline-block;
  font-size:12px;
  text-transform:uppercase;
  cursor: pointer;
  font-weight:bold;
  padding-top:1px;
  padding-bottom:2px;
  text-decoration:none;
  font-family:Tahoma;
  width: 1%}
.showMenu ul{
  display : block; width:100%}

.hideMenu ul{
  display: none}

.ul-select-list {
  width: 279px;
  height: 22px;
  color: #fff}

hr {
  border:0px;
  background-color: #fff}

.titleGroup {
  width:220px;
  height: 40px;
  vertical-align: middle;
  color:#000;
  font-weight:bold;
  margin-bottom:6px;
  margin-top:6px;
  text-align:center;
  font-size:16px;
  text-decoration:none;
  text-transform:uppercase}

.showMenu {
  display : block;
  width:100%}

.title {
  border-bottom: 1px solid #ff6f05; color:#424242; font-size:9pt;}


li ul {width: 120px}
.instruction {padding: 7px 0 0 0}
.instruction_tr {border: 1px dashed #FF9900}
.instruction_1-1 {border-bottom: 1px dashed #FF9900; border-top: 1px dashed #FF9900}
.instruction_1-2 {border-bottom: 1px dashed #FF9900; border-top: 1px dashed #FF9900;  border-right: 1px dashed #FF9900}
.instruction_2-1 {border-bottom: 1px dashed #FF9900}
.instruction_2-2 {border-bottom: 1px dashed #FF9900;  border-right: 1px dashed #FF9900}
a.instruction_link:link {color:#4b4b4b; font-family: Tahoma; font-size:11px; text-decoration: underline}
a.instruction_link:visited {color:#4b4b4b; font-family: Tahoma; font-size:11px; text-decoration: underline}
a.instruction_link:hover {color:#f58b01; font-family: Tahoma; font-size:11px; text-decoration: underline}
.instruction_head {color:#fff; font-size:14px; font-weight:bold; padding:5px}
.unSelectInput_preview {border:1px solid #fc8e30; color:#828484; background-color:#fff; font-weight:bold; height:20px}
.selectInput_preview {border:1px solid #fc8e30; color:#FF6600; background-color:#f9f9fb; font-weight:bold}

/* provided docs*/
.chooseDiv {
            width:100%;
            background-color: white;
            border: 1px solid #CCC}
.chooseDiv ul {
      width:95%;
            list-style: none;
            margin: 5px;
            padding-left: 20px}
.chooseDiv ul li ul {
            margin: 0px;
            padding: 0 0 0 10px}
.chooseDiv ul li {
            font-weight: bold}
.chooseDiv ul li ul {
            font-weight: normal}
/*loan purposes*/
.purposesDiv {
            width:100%;
            background-color: white;
            border: 1px solid #CCC}
.purposesDiv ul{
            list-style: none;
            padding-left: 0px;
            margin-left: 5px;
            margin-bottom: 5px}

.cropt
{
  table-layout: fixed;
  width: 100%}

.cropd
{
  width: 100%;
  white-space: nowrap;
  overflow: hidden}

div.autoCompleteContainer{
  border: solid 1px #55A6C8;
  color: white;
  position: absolute;
  z-index: 2;
  background-color: yellow;
  width:50%}
div.autoCompleteItem{
  padding: 0;
  margin: 0 4px 4px;
  text-align: left;
  white-space: nowrap;
  cursor: pointer}
div.autoCompleteItemSelected{
  display: block;
  background-color: #BFBFBD;
  color: #3D3D3D;
  padding: 0;
  margin: 0 4px 4px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap}

div.autoComplete{
  border: solid 1px #55A6C8;
  color: #3D3D3D;
  position: absolute;
  z-index: 2;
  background-color: white}

input.autoCompleteMark{
  border: solid 1px #FF0000}

div.autoCompleteLoader{
  background:transparent url(../images/autocomplete-loader.gif) no-repeat scroll left;
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px}

div.autoStatusOk{
  text-align: left;
  font-weight: bold;
  color: #00CC00}

div.autoOkIcon{
  background:transparent url(../images/autocomplete-ok.png) no-repeat scroll left;
  width: 16px;
  height: 16px}

div.autoStatusWarn{
  text-align: left;
  font-weight: bold;
  color: #FF7700}

div.autoStatusClarify{
  text-align: left;
  font-weight: bold;
  color: #AAA}
div.autoCheckIcon{
  background:transparent url(../images/autocomplete-loader.gif) no-repeat scroll left;
  width: 24px;
  height: 24px}

input.autoChooseIcon{
  background: #fff url(../images/autocomplete-search.png) no-repeat scroll right;
  width: 24px;
  height: 24px}
div.autoStatusCheck{text-align: left; font-weight: bold; color: #AAA}
div.autoWarnIcon{background:transparent url(../images/autocomplete-warn.png) no-repeat scroll left; width: 24px; height: 24px}
div.autoIndexHelp{text-align: left; font-weight: bold; color: #AAA}
a.addressSaveDisable span{color: #AAA}
/*??? ????? ?????*/
.fon_top-right{background: url(../images/top_right.jpg) repeat-x left}
.fon_left{background: url(../images/fon_lev-col.jpg) repeat-y top}
.fon_page{background: url(../images/fon_page.jpg) repeat-y top left}
.login_text  {font-size:12px; line-height:14px}
.top_login{background: url(../images/login/top_filling.jpg) repeat-x left}
.futter_login{background: url(../images/login/footer_fon.jpg) repeat-x left}
.page_end{background: url(../images/page_end.gif) repeat-y top}
.user{padding-left:20px;color:#474646}
.spisok{margin-left:10px}
.mail{color:#fb7711;font-weight:bold;font-size:14px}
.footer_fill{border-top-color:#abaaa9; border-top-style:dashed; border-width:1px}
a.comp_link{color:#fc8f1b;font-size:11px}
.select{padding-left:2px; padding-right:2px; font-weight:bold; white-space:nowrap}
.name{padding-top:5px; font-weight:bold; font-size:8pt; color:#585656; font-family:Verdana}
.orange_h{color:#f97310; font-weight:bold; font-family:Verdana; font-size:8pt; padding-bottom:5px}
.help{padding-right:10px}
.black_border{border:#3c3e3e solid 10px}
a.pay:link{color:#4b4b4b; font-family: Tahoma; text-decoration: underline}
a.pay:visited{color:#4b4b4b; font-family: Tahoma; text-decoration: underline}
a.pay:hover{color:#ee6a03; font-family: Tahoma; text-decoration: underline}
/* ??????? */
.retail-extract td {padding: 2px 0}
/* ?????? ???????? ? ???????? */
.retail-operations th {background-color: #ddd}
.retail-operations td.amount{text-align:right}
.retail-operations tr.total{font-weight:bold}
.retail-operations {border-collapse:collapse; width: 100%}
.retail-operations,.retail-operations td,.retail-operations th {border: 1px solid black}
.retail-extract .retail-operations td, .retail-extract .retail-operations th {padding: 3px 4px}
/*?????? ????? ??????*/
.edit-pswd-info-label-success {color: #ef6d05; font-weight: bold; font-style:italic; padding-left:10px}
.edit-pswd-info-label-error {color: red; font-weight: bold; font-style:italic; padding-left:10px}

/*????????? ?????*/
.infoOk
{
    color: 16c034;
    font-weight: bold;
    font-size: 11pt;
}
.infoBad
{
    color: c01634;
    font-weight: bold;
    font-size: 11pt;
}

.infoDef
{
    font-weight: bold;
    font-size: 11pt;
}

a:link.grid    { text-decoration: none; }
a:visited.grid { text-decoration: none; }
a:hover.grid   { text-decoration: underline; }

/* ????????? ?????????????? ?????? */
.info-panel-header-body {background: url("../images/info-panel-header-body.gif") repeat-x bottom; height: 35px;}
.info-panel-header-title {font-weight: bold; font-size: 12pt;}

/* save/cancesl buttons button central part */
.base-button {
  background:transparent url(../images/base_butt_bg.gif) repeat-x top;
    color: #3D3D3D;
  height:30px;
  padding:0px 4px 7px 4px;
    text-decoration: none;
    white-space: nowrap;
}
/* button left part */
.base-button-left {
  background:transparent url(../images/base_butt_l.gif) no-repeat scroll right top;
  height:30px;
  width:7px;
  padding:2px;
  empty-cells: show}
/* button right part */
.base-button-right {
  background:transparent url(../images/base_butt_r.gif) no-repeat scroll left top;
  height:30px;
  width:7px;
  padding:2px;
  empty-cells: show}

/* disable button */
.disable .base-button {
  background: url(../images/base_butt_bg_dis.gif) repeat-x top;
  color:#999;
  cursor:text;
}
.disable .base-button-left{
  background: url(../images/base_butt_l_dis.gif) no-repeat scroll right top;
  height:25px;
  width:7px;
  empty-cells:show;}
.disable .base-button-right{
  background: url(../images/base_butt_r_dis.gif) no-repeat scroll left top;
  height:25px;
  width:7px;
  empty-cells:show;}

/* brief news list in sidebar */
dl.newslist {padding: 6px 0; margin: 0 2em 0 0;}
dl.newslist a {font-weight: normal;text-decoration: none;display:block}
dl.newslist .date {font-weight: bold; color:#ee6900; font-size:9pt; margin: 6px 0 0 0; }
dl.newslist .title {border: none; color:#020202; font-size:9pt;}
dl.newslist .title a {font-weight: bold;}
dl.newslist dd {border-bottom: 1px solid #b8b8b8; color:#020202; font-size:9pt; font-weight: bold; padding: 6px 6px;margin: 0}
dl.newslist dt {padding: 0 6px;  color:#020202; font-size:9pt;font-weight: bold;}
.news_all{color:#ee6900; text-decoration:underline; float:right; padding-right:20px;}

.pannel{background: url(../images/pannel_fon.jpg) repeat-x left; height:50px}
/* settings_grid */
.conent_grid{
background-color:#f3f3f4;
border:1px solid #ababab;
border-top:none;
padding:5px 10px 5px 10px;
}
.conent_grid_2{
background-color:#f3f3f4;
border:1px solid #d5d5d5;
border-top:none;
}
.grid_setting{
float:left;overflow:hidden;
font:normal 11px arial, sans-serif;
white-space: nowrap;
height:24px}
.grid_setting ul{
margin:0;
padding:2px 10px 1px 10px;
list-style:none;
height:23px}
.grid_setting li{
float:left;
background:url(../images/ug_l.gif) no-repeat left top;
margin:0;
height:23px;
padding:0 0 0 5px}
.grid_setting a{
background:url(../images/ug_r.gif) no-repeat right top;
padding:5px 10px 7px 5px;
margin:0;
height:24px;
text-decoration:none;
color:#000}
.grid_setting a:hover{
color:#515151;
text-decoration:underline}
li.select_tab{
float:left;
background:url(../images/ug_l-act.gif) no-repeat left top;
margin:0;
padding:0 0 0 5px}
.select_tab a{
background-image:url(../images/ug_r-act.gif) no-repeat;
color:#fe7105;
height:24px;
margin-right:3px;
padding:5px 10px 7px 5px;
text-decoration:none}
.select_tab a:visited{
text-decoration:none;
color:#fe7105;
}
.select_tab a:hover{
text-decoration:none;
color:#fe7105;}
.punkt_setting{
background:url(../images/ug_r.gif) no-repeat right top;
float:left;
padding-right:0;
height:24px;
margin:0;
margin-right:3px;
text-decoration:none;
font:normal 11px arial, sans-serif;}
.punkt_setting {}
.punkt_setting a {padding-right:4px; padding-top:0;}
.punkt_setting a img {width:10px; height:10px; margin-top:6px; margin-right:5px;}
.grid_setting .punkt_setting a {background:none;}
.h_master{
padding:0px 4px 2px 5px;
line-height:18px;
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#1e1e1e}
.common_tab{background-color:#FFF; border:1px solid #b7b8b9; width:100%;}
.top_tab{border:1px solid #b7b8b9; width:800px; background-color:#F5F5F5; border-collapse:collapse; margin-top:5px; margin-bottom:5px; padding-bottom:5px; padding-right:15px}
.top_tab a{font:normal 12px/14px Arial; text-decoration:underline; color:#02637b}
.top_tab td{
border: 1px solid #cecece; padding:2px 7px 2px 7px}
.top_tab th{text-align: center; background:#e1e3e5; border:1px solid #bcc0c9; color:#1b1b1b; padding:4px 5px 4px 5px}
.filter_row_selected { background:#D0D0D0; }
.master_panel{background-color:#f5f5f5; width:800px; border:1px solid #c7c8c8; padding-left:5px; padding-right:20px}
a.master_link{
  background:url(../images/master_but-fon.jpg) repeat-x;
  border:1px solid #8b8b8b;
  padding:0 5px 0 5px;
  text-decoration:none;
  font:normal 12px/20px Arial;
  color:#333;
  margin-right:5px}
a.master_link:visted{text-decoration:none; color:#333}
a.master_link:hover{background:url(../images/master_but-fon_hover.jpg) repeat-x; border:1px solid #aeaeae;}
.separator{background:#bebebe;}
a.set{text-decoration:underline; color:#02637b; font-family:Arial; font-size:12px; white-space:nowrap}
a.reset{text-decoration:underline;color:#f8740d; font-family:Arial; font-size:12px; white-space:nowrap}
.button_master-act{padding:2px; border:1px dashed #9da6a8; color:#025b80; background:#cfd4d5; text-decoration:underline}
.button_master{padding:2px; border:1px solid #bbcace; color:#027a94; background:#e8eced; text-decoration:underline}
/*acquistion images*/
#track {
    width: 200px;
    background-image: url('../images/scaler_slider_track.gif');
    background-repeat: repeat-x;
    background-position: center left;
    height:18px;
    margin: 4px 0 0 10px;
}
#handle {
    position: relative;
    background-image: url('../images/scaler_slider.gif');
    height:18px;
    width:8px;
}
.gcon {
    border: 1px solid #CCCCCC;
    vertical-align: top;
    margin: 10px;
    width: 114px;
}
.extract-table td {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-align: left;
    vertical-align: bottom;
    padding: 0.5mm;
}
/*��� ������*/

.header-top-table{
  width:100%;
  background-color:#d9e5e4;
  border:1px solid #b5c6c3;
  border-top:none;
  text-align:left;
  color:#000;
  font-size:14px;
  font-family:Arial;
  font-weight:bold;
  height:32px
}
.header-top-table_2 {
    text-align: left;
  color:#2c2c2c;
    font-size:13px;
  font-family:Arial;
    background: url(../images/header_table_bg.gif) repeat-x;
    width: 100%;
    height:33px;
  margin-top:7px}

.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }

.messageFrame{
   border-top: 3px solid red;
   border-bottom: 3px solid red;
   border-left: 3px solid red;
   border-right: 3px solid red;
}

.bigMessage{
   color: red;
   font-weight: bold;
   font-size: 12pt;
}

.isHiddenElement{
  visibility: hidden;
}

.isVisibleElement{
  visibility: visible ;
}

.grayReferenceFieldEditInput input{
  background-color: #F2F2F2;
  color: #505050;
}

.grayMultiEdit{
  background-color: #F2F2F2;
  color: #505050;
}

.smbProjectButton{
    border:1px solid #AFB1A7;
    border-collapse:collapse;
    text-align:center;
    cursor:pointer;
    background:url("../images/top_panel.gif") repeat-x;
}

.smbProjectActiveButton{
    border:1px solid #AFB1A7;
    border-collapse:collapse;
    text-align:center;
    cursor:pointer;
    background:url("../images/top_panel_inv.gif") repeat-x;
}

.smbActiveButtonFont {
    font-weight:bold;
    font-family:Arial;
    color : #f8740d;
}

.aboveprime-blackout-fon {
    background:url("../images/aboveprime/fon.png");
}
.aboveprime-footer-bg {
    background: url("../images/aboveprime/footerbg.jpg") left top repeat-x;
}
.aboveprime-header-bg {
    background: url("../images/aboveprime/headerbg.jpg") left bottom repeat-x;
}
.aboveprime-ankler-bg {
    background: #505050 left bottom repeat-x;
}

.col_left_top{
  background:url("../images/top_left.jpg") no-repeat;
  display:block;
  width:329px;
  height:28px}
.col_left_bot{
  background:url("../images/izgib.gif") center bottom no-repeat;
  background-size: 100% 100%;
  width:329px;
  height:42px}
.logo{
  background:url("../images/logotyp.jpg") no-repeat;
  width:69px;
  height:67px}
.logotyp{
  background:url("../images/logo.gif") no-repeat;
  width:265px;
  height:74px;
  display:block
}

.aboveprime-image-fon-center {
    background: url("../images/aboveprime/content_bg_right.jpg") left top repeat-x;
}
/*
 ??? ????
*/
.menuFon1 {
    background: url("../images/aboveprime/menu1.gif") left top no-repeat;
}
.menuFon2 {
    background: url("../images/aboveprime/menu2.gif") left top no-repeat;
}
.menuFon3 {
    background: url("../images/aboveprime/menu3.gif") left top no-repeat;
}
.menuFon4 {
    background: url("../images/aboveprime/menu4.gif") left top no-repeat;
}
.menuFon5 {
    background: url("../images/aboveprime/menu5.gif") left top no-repeat;
}
.menuFon6 {
    background: url("../images/aboveprime/menu6.gif") left top no-repeat;
}
.menuFon7 {
    background: url("../images/aboveprime/menu7.gif") left top no-repeat;
}

.aboveprime-h1 {
    color:#fa7c01;
    font-size:12px;
    font-weight: bold;
    font-family:Verdana;
    text-transform: uppercase;
}

.aboveprime-h2 {
    color:#2d2d2d;
    font-family:Arial;
    font-weight:normal;
    font-size:15px;
    padding-left:5px;
}

.loan-office-label-text {
    font-family:Arial;
    font-weight:normal;
    color:#2d2d2d;
    font-size:13px;
}

.loan-office-label-text a {
    text-decoration: underline;
}

.loan-enter-label {
    font-family:Arial;
    font-weight:normal;
    color:#fff;
    font-size:13px;
}

.loan-office-label-text-2 {
    font-family:Arial;
    font-weight: normal;
    color: #333333;
    font-size: 10pt;
}

.aboveprime-button-font {
    color:#4d4d4d;
    font-size:12px;
    font-family:Arial;
    font-weight: bold;
    height:30px;
    padding-top:5px;
    text-decoration: none;
}

.aboveprime-link-text {
    font-family:Arial;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color:#fff;
    cursor: pointer;
}

.aboveprime-copyright-text {
    font-weight: normal;
    color: #898989;
    font-size: 8pt;
}

.aboveprime-designer-text {
    background: url("../images/aboveprime/defa_pic.png") no-repeat scroll right center transparent;
    color: #B2B2B2;
    font-size: 11px;
    padding-right: 101px;
    padding-bottom: 2px;
    height: 24px;
}

.aboveprime-passpolicy-text {
    font-size: 11px;
    color: #a0a0a0;
}

.aboveprime-input .unSelectInput {
    font-family:Arial;
    background-color: #FFFFFF;
    border: 1px solid #FFA03B;
    color: #333333;
    font-size: 12px;
    overflow-y: hidden;
}

.aboveprime-document-panel {
    padding:0;
    margin:0;
}

.aboveprime-link-panel {
    border: 1px solid #c6c9c9;
    border-bottom: none;
    border-top: none;
    background: url("../images/aboveprime/fon_button_aboveprime.gif") repeat-x;
    color: #333;
    font-size: 14px;
    width: 250px;
    height: 75px;
}

.aboveprime-content-bg {
    background: url(../images/aboveprime/content_head_bg2.png) left top repeat-x;
}

.aboveprime-btn-bg {
    background: url(../images/aboveprime/above_prime_btn_bgrnd.gif) left top repeat-x;
}

.aboveprime-btn2-bg {
    background: url(../images/aboveprime/above_prime_btn2_bgrnd.gif) left top repeat-x;
}

.aboveprime-menu .showMenu {
    width: 180px;
    vertical-align: middle;
}

.aboveprime-menu .showMenu ul {
    width: 180px;
}
.aboveprime-menu .showMenu .titleGroupLeftMenu {
    width: 180px;
}

.aboveprime-menu .showMenu ul.highSideMenu {
    padding: 0px;
    margin: 0px;
}

.aboveprime-menu .showMenu ul.highSideMenu li{
    padding: 0px;
    margin: 0px;
}

.aboveprime-menu .showMenu .highSideMenu LI.hightMenuLeaf {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left:13px;
    padding-right: 0px;
    margin: 0px;
    cursor:pointer;
    width:160px;
    height: 36px;
    background: url('') no-repeat 0 0;
}

.aboveprime-menu .showMenu .highSideMenu li.hightMenuLeaf a {
    display: block;
    height: 100%;
    cursor: pointer;
    font-size:13px;
    font-family:Tahoma;
    width: 170px;
    height: 90%;
    margin: 0px;
    margin-left: -13px;
    padding: 0px;
    padding-left: 10px;
    font-weight: normal;
}


.aboveprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.selectedSideHighMenuText {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    padding-top: 8px;
    background: url(../images/aboveprime/menu_left_item_bg.gif);
 }

.aboveprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.selectedSideHighMenuText:hover {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #e31f88;
    font-size: 16px;
    padding-top: 8px;
    background: url(../images/aboveprime/menu_left_item_bg.gif);
}

.aboveprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.sideHighMenuText {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    padding-top: 8px;
}

.aboveprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.sideHighMenuText:hover {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #e31f88;
    font-size: 16px;
    padding-top: 8px;
    text-decoration:none;
}

.aboveprime-menu .menuImitation {
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 160px;
    height: 36px;
    background: url('') no-repeat 0 0;
}

.aboveprime-menu .menuImitation .sideMenuText {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
    padding-top: 8px;
    text-decoration: underline;
}

.aboveprime-menu .menuImitation:hover .sideMenuText {
    font-family: LucidaGrandeRegular, sans-serif;
    font-weight: bold;
    color: #e31f88;
    font-size: 16px;
    padding-top: 8px;
    text-decoration:none;
}

.aboveprime-design-props-enum {
    font-size: 13px;
    color:#FFF;
    font-weight: normal;
    text-decoration:none;
    padding-left:5px;
}

.light-table-aboveprime-header {
    background: url(../images/aboveprime/aboveprime-table-header.png) repeat-x;
    font-family: Arial, Helvetica, serif;
    font-size: 11px;
    color: #666666;
    padding: 8px 20px 10px 10px;
    border: solid 1px #666666;
    border-left-color: #FFFFFF;
}

.light-table-aboveprime-header td:hover {
    background: url(../images/aboveprime/aboveprime-table-header-hover.png) repeat-x;
}

.light-table-aboveprime-header-cells {
    border: 1px solid #DEDEDE;
    border-left-color: #FFFFFF;
}

.light-table-aboveprime-odd-cells {
    background-color: #F7F7F7;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}

.light-table-aboveprime-even-cells {
    background-color: #FAFAFA;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}

.aboveprime-unselected-tab {
    background-color: #A0B0B4;
    border: 1px solid #CBCBCB;
    border-bottom: none;
    color: #FFFFFF;
    font-family: LucidaGrandeRegular, sans-serif;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 250px;
}

.aboveprime-tab td:hover, .aboveprime-selected-tab {
    background-color: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-bottom: none;
    color: #333333;
    font-family: LucidaGrandeRegular, sans-serif;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 250px;
}

.aboveprime-loan-details-table {
    background: #FAFAFA;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 35px;
    overflow: hidden;
}

.aboveprime-loan-details-table td {
    border-top: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
}

.aboveprime-h3 {
    color: #D4047F;
    font-family: InterFaceCyrBold,serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.aboveprime-radiobutton-label {
    color: #333333;
    display: inline-block;
    font-family: LucidaGrandeRegular, sans-serif;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-right: 25px;
}

.aboveprime-btn-3 .btn-left {
    background: url(../images/aboveprime/aboveprime-btn-3-left.png) right;
}

.aboveprime-btn-3 .btn-right {
    background: url(../images/aboveprime/aboveprime-btn-3-right.png) left;
}

.aboveprime-btn-3 .btn-bg {
    background: url(../images/aboveprime/aboveprime-btn-3-bg.png) repeat-x;
}

.aboveprime-btn-3:hover .btn-left {
    background: url(../images/aboveprime/aboveprime-btn-3-left-hover.png) right;
}

.aboveprime-btn-3:hover .btn-right {
    background: url(../images/aboveprime/aboveprime-btn-3-right-hover.png) left;
}

.aboveprime-btn-3:hover .btn-bg {
    background: url(../images/aboveprime/aboveprime-btn-3-bg-hover.png) repeat-x;
}

.aboveprime-btn-3-button-font {
    font-family: 'InterFaceCyrRegular',sans-serif;
    font-size: 13px;
}

.aboveprime-category-font {
    font-family: 'InterFaceCyrRegular',sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: white;
}

.newLineIndent {
    padding: 0;
    margin: 0;
    text-indent: 23px;
}

.subprime-document-splitter {
    height: 4px;
    background: url("../images/subprime/split3.gif") repeat-x;
    empty-cells: show}

.subprime-registration-border{
    border:#E5C2A6 solid 1px
}

.subprime-input .unSelectInput {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    border-right-color: #f0f0f0;
    border-bottom-color: #f0f0f0;
}

.subprime-button-bg {
    background: url(../images/subprime/subprime_button_center.png) left top repeat-x;
}

.subprime-button-font {
    color:#3D3D3D;
    font-size:14px;
    font-family:Arial;
}

.subprime-button-font-disabled {
    color: #c6c6c6;
    font-size: 14px;
    font-family:Arial;
}

.subprime-label-font {
    color: #044882;
    font-size: 18px;
    font-family: "Trebuchet MS", serif;
}

.subprime-passpolicy-text {
    font-size: 11px;
    color: #ffffff;
}

.subprime-fon {
    background:#1368b0;
}

.subprime-border {
    border:#1368b0 solid 10px
}

.subprime-center-bottom {
    background: url(../images/subprime/subprime-center-bottom.gif) left top repeat-x;
}

.subprime-bottom-left-corner {
    background: url(../images/subprime/subprime-bottom-left-corner.gif) left top no-repeat;
}

.subprime-bottom-right-corner {
    background: url(../images/subprime/subprime-bottom-right-corner.gif) right top no-repeat;
}

.subprime-content-left-top {
    background: url(../images/subprime/subprime-content-left-top.gif) bottom right no-repeat;
    min-width: 20px;
}

.subprime-content-right-top {
    background: url(../images/subprime/subprime-content-right-top.gif) bottom left no-repeat;
    min-width: 190px;
}

.subprime-content-middle-top {
    background: url(../images/subprime/subprime-content-middle-top.gif) bottom repeat-x;
}

.subprime-footer {
    color:#ffffff;
    font: 13px/18px "Trebuchet MS";
}

.subprime-percent-label {
    color:#fefefe;
    font-family: "Trebuchet MS", serif;
    font-size: 18px;
}

.subprime-footer-strong {
    color:#ffffff;
    font: bold 14px/19px "Trebuchet MS";
}

.subprime-footer-link {
    color:#d3d3d3;
    font:13px/17px "Trebuchet MS";
    text-decoration:underline;
}

.subprime-footer-link:hover {
    color:#d3d3d3;
    font:13px/17px "Trebuchet MS";
    text-decoration:none;
}

.subprime-menu {
    width: 180px;
    vertical-align: middle;
}

.subprime-menu .showMenu {
    width: 180px;
    vertical-align: middle;
}

.subprime-menu .showMenu ul {
    width: 180px;
}

.subprime-menu .showMenu .titleGroupLeftMenu {
    width: 180px;
}

.subprime-menu .showMenu ul.highSideMenu {
    padding: 0px;
    margin: 0px;
}

.subprime-menu .showMenu ul.highSideMenu li{
    padding: 0px;
    margin: 0px;
}

.subprime-menu .showMenu .highSideMenu LI.hightMenuLeaf {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left:13px;
    padding-right: 0px;
    margin: 0px;
    cursor:pointer;
    width:160px;
    height: 50px;
    background: url('') no-repeat 0 0;
}

.subprime-menu .showMenu .highSideMenu li.hightMenuLeaf a {
    display: block;
    height: 100%;
    cursor: pointer;
    font-size:13px;
    font-family:"Trebuchet MS";
    width: 170px;
    height: 90%;
    margin: 0px;
    margin-left: -13px;
    padding: 0px;
    padding-left: 10px;
    font-weight: normal;
}

.subprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.selectedSideHighMenuText:hover {
    color: #ef6d05;
    text-decoration: none;
    padding-top: 12px;
    background: url(../images/subprime/subprime-left-menu.gif) no-repeat;
    font-size:14px;
    font-style:bold;
}

.subprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.selectedSideHighMenuText {
    color:#ffffff;
    text-decoration: none;
    padding-top: 10px;
    background: url(../images/subprime/subprime-left-menu.gif) no-repeat;
    font-size:14px;
    font-style:bold;
}

.subprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.sideHighMenuText {
    color:#ffffff;
    padding-top: 12px;
    text-decoration:underline;
}

.subprime-menu .showMenu .highSideMenu li.hightMenuLeaf a.sideHighMenuText:hover {
    color: #ef6d05;
    padding-top: 10px;
    text-decoration:none;
    font-size:14px;
    font-style:bold;
}

.subprime-label-text {
    font-weight: normal;
    font-family:"Trebuchet MS",serif;
    color: #0578c4;
    font-size: 13pt;
}

.subprime-label-text-2 {
    display:block;
    margin:0 20px;
    font-size:14px;
    line-height:1.3em;
    font-family:Arial;
    font-style:normal;
    font-weight:normal;
    color:#fff;
}

.subprime-label-text-3 {
    margin:0 20px;
    font-size:14px;
    line-height:1.3em;
    font-family:"Trebuchet MS";
    font-style:normal;
    font-weight:normal;
    color:#044882;
}

.subprime-legend-label-text {
    font-size:18px;
    line-height:1.5em;
    font-family:"Trebuchet MS",serif;
    font-style:bold;
    font-weight:normal;
    color:#0578c4;
    margin:0 20px;
}

.subprime-table-text {
    font-family: Tahoma,serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 37px;
}

.subprime-radiobutton-text {
    font-weight: normal;
    font-size:14px;
    font-family:"Trebuchet MS";
    color:#044882;
}

.subprime-button-next {
    font-size:24px;
    line-height:34px;
    font-family:"Trebuchet MS",serif;
    font-style:normal;
    font-weight:normal;
    color:#0578c4;
    height:34px;
    padding-right:40px;
    background:url(../images/subprime/subprime-next.png) no-repeat scroll right center;
    display:block;
    float:right;
    margin-bottom:30px;
}

.subprime-button-next:link {
    color:#0578c4;
    text-decoration:underline;
}

.subprime-button-next:visited {
    color:#0578c4;
    text-decoration:underline;
}

.subprime-button-next:hover {
    color:#0578c4;
    text-decoration:none;
}

.subprime-design-props-enum {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #044882;
    font-family: "Trebuchet MS", serif;
}

.subprime-input-h2 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    font-family: Arial;
}

.subprime-link-label {
    color: #ef6d05;
    font-size:18px;
    font-weight: bold;
    font-family: "Trebuchet MS", serif;
}

.subprime-step-header {
    background:#f0f0f0;
    font-family: "Trebuchet MS", serif;
    font-size:18px;
}

.subprime-input1 .unSelectInput {
    background-color: #ffffff;
    border-top: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.light-table-header {
    background-color: #F0F0F0;
    font-family: Tahoma, serif;
    font-size: 12px;
    font-weight: bold;
}

.light-table-cells {
    border-bottom: 1px solid #D0D0D0;
}

.light-table-subprime-header {
    background-color: #F0F0F0;
    font-family: Tahoma,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 37px;
}

.mwmask {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  /* this hack is so it works in IE
   * I find setting the color in the css gives me more flexibility
   * than the PNG solution.
   */
  background-color: transparent !important;
  background-color: #333333;
  /* this hack is for opera support
   * you can uncomment the background-image if you don't care about opera.
   * this gives you the flexibility to use any bg color that you want, instead of the png
   */
  background-image/**/: url("../images/maskBG.png") !important; // For browsers Moz, Opera, etc.
  background-image: none;
  background-repeat: repeat;
  display: none;
}

.mwcontainer {
  position: absolute;
  z-index: 201;
  top: 0px;
  left: 0px;
  display: none;
  padding: 0px;
  overflow-x: auto;
  overflow-y: auto;
}

.mwinner {
  width: 100%;
  overflow: hidden;
}

.autocomplete td { white-space: nowrap; }
.autocomplete div { white-space: nowrap; padding: 2px; }
.autocomplete-w1 { }
.autocomplete-w2 { }
.autocomplete-odd { background-color: #F1F1F1; }
.autocomplete-even { background-color: #FFFFFF; }
.autocomplete-selected { background-color: #E1E1E1; }

.disabledListBoxDiv { display:inline-block; vertical-align:top; overflow-y:auto; overflow-x: hidden; border:solid #E1E1E1 1px; }
.disabledListBoxDiv select { border: none; background-color: white; }

/* SMB. panels */
.smb-document-panel{
    margin-left:10px;
}

.smb-document-panel .smb-inner-panel{
  background-color:#F9F9FB;
  border:1px solid #c6c9c9;
  padding:0px;
  margin:0px;
 }

.smb-table-with-buttons{
    border:1px solid #AFB1A7;
    border-collapse:collapse
}

.smb-schedule-tab{
    background:url(../images/ug_l.gif) no-repeat left top;
    padding:0px 5px 1px;
    margin:0;
    height:19px;
}

.smb-schedule-tab a{
    background:url(../images/ug_r.gif) no-repeat right top;
    margin: 0;
    padding: 3px 15px 0 7px;
    text-decoration: none;
    white-space: nowrap;
    height: 18px;
}

.smb-schedule-selected-tab {
    background:url(../images/ug_l.gif) no-repeat left top;
    padding:0px 5px 1px;
    margin:0;
    height:19px;
}

.smb-schedule-selected-tab a{
    background:url(../images/ug_r.gif) no-repeat right top;
    margin: 0;
    padding: 3px 15px 0 7px;
    text-decoration: none;
    color: #FE7105;
    white-space: nowrap;
    height: 18px;
}

.smb-consult-button table{
    width: 195px;
    text-align: center;
    margin-right: 3px;
}

.prime-link-panel {
    border:1px solid #c6c9c9;
    border-bottom:none;
    border-top:none;
    background: url("../images/prime/fon_button_prime.gif") repeat-y;
    color:#333;
    font-size:14px;
    width: 300px;
    height:150px;
}

.prime-label-text {
    font-weight: normal;
    font-family:Verdana;
    font-style:italic;
    color: #353535;
    font-size: 19pt;
}

.prime-bold-text{
    font-family:Verdana;
    color:#000000;
    font-size: 18pt;
    font-weight: bold;
}

.prime-standart-text {
    font-weight: normal;
    font-family:Verdana;
    color:#000000;
    font-size: 18pt;
}

.prime-standart-text a {
    font-weight: normal;
    text-decoration: underline;
}

.prime-comment-text {
    font-weight: normal;
    font-family:Verdana;
    font-style:italic;
    color: #b3bdc6;
    font-size: 14px;
}

.prime-note-text {
    font-weight: normal;
    font-family:Verdana;
    font-style:italic;
    color: #b3bdc6;
    font-size: 16pt;
}

.prime-warning-text {
    color: red;
}

.prime-warning-text .center {
    font-weight: normal;
    font-family:Verdana;
    color: #c30a12;
    font-size: 16pt;
    text-align: center;
}

.prime-status-text1 {
    font-weight: normal;
    font-family:Verdana;
    text-decoration: none;
    color: #c30a12;
    font-size: 18pt;
}


.prime-status-text2 {
    font-weight: normal;
    font-family: Verdana;
    text-decoration: none;
    color: #4ec96b;
    font-size: 18pt;
}

.prime-more-text {
    font-weight: normal;
    font-family:Verdana;
    text-decoration: none;
    color: #167DB6;
    font-size: 18pt;
}

.prime-title-text {
    font-family: Verdana;
    color:#fff;
    font-size:13px;
}

.prime-link-text {
    font-family: Verdana, serif;
    color: #ffffff;
    font-size: 13px;
}

.prime-page-number-text {
    font-weight: bold;
    font-family: Verdana;
    color:#12559b;
    font-size: 32px
}

.prime-button-text {
  font-family:Verdana;
  color:#333;
  font-size:13px;
}

.prime-passpolicy-text {
    font-size: 12px;
    color: #ffffff;
}

.prime-fon {
    background: #f0f3f8;
}

.prime-button-bg {
    background: url(../images/prime/prime_button_center.png) left top repeat-x;
}

.prime-passpolicy-text {
    font-size: 12px;
    color: #ffffff;
}

.prime-input-padding{
    padding-top: 15px;
    padding-bottom: 15px;
}

.light-table-prime-header-cells {
    font-family: Verdana,serif;
    font-size: 20pt;
    color:#12559b;
    border: 1px solid #e5e8ed;
    background-color:#f0f3f8;
}

.light-table-prime-even-cells {
    font-family: Verdana, serif;
    font-size: 18pt;
    border: 1px solid #e5e8ed;
    background-color:#f0f3f8;
}

.prime-vertical-line {
    background: url(../images/prime/prime_bar.png) repeat-y;
    empty-cells: show;
}

.prime-horizontal-line{
    background: url(../images/prime/prime_bar.png) bottom repeat-x;
    empty-cells: show;
}

.prime-active-step {
    font-weight: bold;
    font-family:Verdana;
    color:#F86B03;
    font-size: 20px;
}

.prime-inactive-step {
    font-weight: normal;
    font-family:Verdana;
    color:#000000;
    font-size: 18px;
}

.prime-menu .showMenu {
    width: 240px;
    height: 0px;
    vertical-align: middle;
}

.prime-menu .showMenu ul {
    width: 210px;
    height: 0px;
}
.prime-menu .showMenu .titleGroupLeftMenu {
    width: 210px;
    height: 0px;
}

.prime-menu .showMenu ul.highSideMenu {
    padding: 0px;
    margin: 0px;
}

.prime-menu .showMenu ul.highSideMenu li{
    padding: 0px;
    margin: 0px;
}

.prime-menu .showMenu .highSideMenu LI.hightMenuLeaf {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left:13px;
    padding-right: 0px;
    margin: 0px;
    cursor:pointer;
    width:210px;
    height: 85px;
    background: url('') no-repeat 0 0;
}

.prime-menu .showMenu .highSideMenu li.hightMenuLeaf a {
    display: block;
    height: 100%;
    cursor: pointer;
    font-size:20pt;
    font-family:Verdana,serif;
    vertical-align: middle;
    width: 210px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    font-weight: normal;
}


.prime-menu .showMenu .highSideMenu li.hightMenuLeaf a.selectedSideHighMenuText {
    color:#000000;
    text-decoration: none;
    padding-top: 8px;
}

.prime-menu .showMenu .highSideMenu li.hightMenuLeaf a.sideHighMenuText {
    color:#12559b;
    padding-top: 8px;
    text-decoration:underline;
}

.lastTopMenuElement .but_right{display: none;}
.col_left_top{
  background:url("../images/top_left.jpg") no-repeat;
  display:block;
  width:329px;
  height:28px}
.col_left_bot{
  background:url("../images/izgib.gif") center bottom no-repeat;
  background-size: 100% 100%;
  width:329px;
  height:42px}
.logo{
  background:url("../images/logotyp.jpg") no-repeat;
  width:69px;
  height:67px}
.logotyp{
  background:url("../images/logo.gif") no-repeat;
  width:265px;
  height:74px;
  display:block
  }
.interbank{
  background:url("../images/logo.gif") no-repeat;
  width:265px;
  height:74px}
.blik{
  background:url("../images/blik.jpg") no-repeat;
  display:block;
  width:40px;
  height:39px}
/*.header_fon{background: url(../images/header_top.gif) repeat-x top}*/
.black{background-color:#3c3e3e}
.fon_menu{background-color:#f8740d}
/*.but_left{
  background:url("../images/menu_left.gif") no-repeat;
  width:10px;
  height:39px}
.but_fon{background:url("../images/menu_fon.gif") repeat-x;
height:39px;}*/

.but_right{
  background:url("../images/marker.gif") no-repeat;
  width:10px;
  height:39px}
.ugol_top{
  display:block;
  background:url("../images/ugolok.jpg") no-repeat;
  width:46px;
  height:46px}
.ugol_bot{
  background:url("../images/ugol_bot.gif") no-repeat;
  display:block;
  width:54px;
  height:42px}
.menu_end{
  display:block;
  background:url("../images/menu_end.gif") no-repeat;
  width:48px;
  height:39px}
.blue_menu{padding-left:20px}
/*a.plashka:link{
font-size:10px;
line-height:10px;
color:#000;
text-decoration:none;
text-align:center;
font-weight:normal;
font-family:Arial}
a.plashka:hover{
color:#333;
text-decoration:underline}*/
a.icon_fon:hover{background: url("../images/icon_fon.jpg") repeat-x scroll 0 0 transparent}
.icon_signature{
font-size:10px;
line-height:10px;
color:#000;
text-align:center;
font-weight:normal;
font-family:Arial;
padding-right:3px}
.icon_signature_2{
font-size:10px;
line-height:10px;
color:#000;
text-align:center;
font-weight:normal;
font-family:Arial;
padding-top:2px;
padding-right:3px}
.icon_signature_3{
font-size:10px;
line-height:10px;
color:#000;
text-align:center;
font-weight:normal;
font-family:Arial;}

li.hightMenuLeafFavoritsLast {
    background:url('../images/yFirefly.gif') no-repeat left center;
    padding-left:13px;
    padding-right:13px;
    padding-bottom:0px;
    cursor:pointer;
    width:200px;
    vertical-align: middle;
    padding-top: 0px;
}

.dragDropGhost    { padding:2px 8px; border:1px solid #000; background:#eee; position:absolute; text-align: center; vertical-align: middle;}
.dragDropDragging { background:#eee; color:#000; }
.dragDropHovering { background:#ccc; color:#555; }
.dragDropWidth    { width: 1px; cursor:e-resize; }

.Container {
    padding: 0px;
    margin: 0px;
}

.Container li {
    list-style-type: none;
}


.Whole {
    height: 100%;
    margin-left: 0px;
}

/* indent for all tree children excepts root */
.Node {
    background-image : url(../images/i.gif);
    background-position : top left;
    background-repeat : repeat-y;
    padding-left  :0px;
    min-height: 21px;
    height: 100%;
    zoom: 1;
}

.WithMargin {
    margin-left: 18px;
}

.IsRoot {
    margin-left: 0;
}


/* left vertical line (grid) for all nodes */
.IsLast {
    background-image: url(../images/i_half.gif);
    background-repeat : no-repeat;
}

.IsParentLast {
    margin-left: 18px;
    padding-left  :0px;
    height: 100%;
}

.ExpandOpen .Expand {
    background-image: url(../images/expand_minus.gif);
}

/* closed is higher priority than open */
.ExpandClosed .Expand {
    background-image: url(../images/expand_plus.gif);
}

/* highest priority */
.ExpandLeaf .Expand {
    background-image: url(../images/expand_leaf.gif);
}

div.ExpandLeaf>a {
    margin-left:18px;
    display: block;
}

.Content {
    min-height: 18px;
    margin-left:18px;
}

* html  .Content {
    height: 18px;
}

.Expand {
    width: 18px;
    height: 18px;
    float: left;
}

.ExpandLoading   {
    width: 18px;
    height: 18px;
    float: left;
    background-image: url(../images/expand_loading.gif);
}

.ExpandOpen .Container {
  display: block;
}

.ExpandClosed .Container {
  display: none;
}

.ExpandOpen .Expand, .ExpandClosed .Expand {
  cursor: pointer;
}
.ExpandLeaf .Expand {
  cursor: auto;
}

.tc-grid-column-off {
  padding-left  :0px;
  padding-right  :0px;
  border     :none;
  /* white-space  :nowrap; */
  /* font-weight  :bold; */
  }
.addNewFieldsRow { padding: 5px; background-color: f3f3f4; }
.addNewFieldTitle { font-weight: bold; font-size: 10pt; color: #4d4d4d; white-space: nowrap; }
.addNewFieldsTitle { font-weight: bold; font-size: 10pt; color: #4d4d4d; }
.addNewFieldName { width: 200px; min-width: 200px; }
.addNewFields { width: 100%; }

 .isNotDisplayElement{
  display: none;
}

.isDisplayElement{
  display: visible;
}

INPUT::-webkit-input-placeholder { color: #c8c8c8; }
TEXTAREA::-webkit-input-placeholder { color: #c8c8c8; }
.placeHolder { color: #c8c8c8; }

.otherButtons {
    position: absolute;
    display: none;
    background-color: #D9E5E4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}


#context-menu
{ display: none; position: absolute; }
#context-menu ul
{ margin: 0; padding: 0; list-style: none; width: 150px; }
#context-menu ul li
{ position: relative; }
#context-menu li ul
{ position: absolute; left: 149px; top: 0; display: none; }
#context-menu ul li a
{ display: block; text-decoration: none; color: #000000; background: #FFFFE0; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
#context-menu ul
{ margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; }
#context-menu li:hover > ul
{ display: block; }

.legend
{
  display:none;
  position:absolute;
  background:#F8F7F2;
  text-align: center;
  border: 1px solid lightgray;
}

.tableLegend
{
  background:#F8F7F2;
}

.tableLegend tr td
{
  text-align: center;
}

.showLegend
{
  position:absolute;
  right:0px;
}

/*�����-����. ������������ � �����.*/
.microLoanFieldName
{
    text-align: right;
    padding-right: 6px;
}
.microLoanForm
{
    border: 1px solid #AFB1A7;
    background-color: #F9F9FB;
    margin-top:10px;
}
.microLoanForm .innerForm
{
    padding:10px;
}
.microLoanPanelHeader{
    padding:10px 20px 10px 20px;
    text-align:center;
    height:33px;
    empty-cells:show;
    background:url("../images/top_panel.gif") repeat-x;
}

/* �����-����. ��������� ����� */
.cardBigButton{
    border:1px solid #AFB1A7;
    border-collapse:collapse;
    text-align:center;
    cursor:pointer;
    background:url("../images/top_panel.gif") repeat-x;
}

.card-productTable {
    table-layout : fixed;
    width: 100%;
    border-collapse: collapse;
    border: 1px  solid  #bbbbbb;

}
.card-productTableTH {
    font-family:Arial;
    background:url("../images/top_panel.gif") repeat-x;
    text-align:center;
    height: 30px;
    border: 1px  solid  #bbbbbb;
}

.card-productTableTR {
    border: 1px  solid  #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
}

.card-productTableBorder {
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.card-productTableCellFont {
    font-weight:bold;
    font-family:Arial;
    padding-left: 9px;
}


.card-productTable col#c_one {
    width: 3%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}
.card-productTable col#c_two {
    width: 50%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}
.card-productTable col#c_three {
    width: 30%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}
.card-productTable col#c_four {
    width: 17%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}

.card-productTable2 {
    width: 100%;
    border-collapse: collapse;
    border: 1px  solid  #bbbbbb;

}

.card-productTable2 col#c_one {
    width: 50%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}
.card-productTable2 col#c_two {
    width: 31%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}
.card-productTable2 col#c_three {
    width: 18%;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;

}

.productInfoTable {
    width: 100%;
    border-collapse: collapse;
}
.productInfoTableTR {
    border-bottom: 1px solid #bbbbbb;
}


.productInfoTable col#info_col_one {
    width: 25%;
}
.productInfoTable col#info_col_two {
    width: 25%;
}
.productInfoTable col#info_col_three {
    width: 20%;
}
.productInfoTable col#info_col_four {
    width: 30%;
}



.clientProductTbl {
    width: 100%;
    empty-cells: show;
}

.clientProductTbl  td#black_line{
    background-color: #777777;
    width: 100%;
    height: 0px;
}

.clientProductName {
    font-weight:bold;
    font-family:Arial;
    padding-left: 7px;
}



.treeExpandedCorner, .treeExpandedCornerTop, .treeExpandedCornerBottom{
    background-repeat : no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    empty-cells: show;
}
.treeExpandedCornerTop{
    background-image : url(../images/tree_expanded_top.gif);
}
.treeExpandedCornerBottom{
    background-image : url(../images/tree_expanded_bottom.gif);
}
.treeExpandedLine{
    background-image : url(../images/i.gif);
    background-repeat : repeat-y;
    padding-left  :0px;
    min-height: 21px;
    width: 18px;
    height: 100%;
    empty-cells: show
}
.treeNode, .treeNodeExpand, .treeNodeCollapse {
    background-repeat : no-repeat;
    width: 18px;
    height: 18px;
    empty-cells: show;
    display: table-cell;
}
.treeNodeExpand {
    background-image : url(../images/tree_expand.gif);
}
.treeNodeCollapse{
    background-image : url(../images/tree_collapse.gif);
}

.filterReferenceCCOptionButtonSelected, .filterReferenceCCOptionButton {
    white-space:nowrap;
    margin: 5px;
    padding: 2px;
    text-decoration: none;
}
.filterReferenceCCOptionButtonSelected {
    background-color:#FFEBD0;
    border-style: dashed;
    border-width: 1px;
}

.checkList-table {border:2px solid #888}
.checkList-row {border-right-width:2px; padding:0; margin:0; border-top-width:0;border-bottom-width:0}
.checkList-selected {padding:0; margin:0; border-right-color: #888; border-top-width:0; border-bottom-width:0;  font-weight: bold; background-color: #888; color : white;  text-align: center}

#simplemodal-overlay {
	background-color:#000;
}
#simplemodal-container {
	background-color:white;
	border:1px solid #444
}
.footnote {
	font-size: 90%;
	font-style: oblique;
}

.visualDocflowNavigator {
    background-color: #F8F7F2;
    right: 5px;
    top: 30px;
    overflow: hidden;
}

.sliderVisualDocflowNavigator {
    position: absolute;
    bottom: 3px;
    width: 90%;
    margin-left: 5%;
}

.boxVisualDocflowNavigator {
    background-color: red;
    opacity: 0.3;
    position: absolute;
}

.cont{
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  background:#fefefe;
  border-left: 1px;
  border-right: 1px;
  border-top: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #ebebeb;
  width:285px;
}
.cont_2{
  padding-left: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  background:#fefefe;
  border-left: 1px;
  border-right: 1px;
  border-top: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #ebebeb;
  width:285px;
}
.courses_h{
	color:#424242;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
}
.courses{
	color:#424242;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
}
.news-block{
    float: right;
    width: 100%;
    height: 900px;
    overflow: auto;
}

.news-block-title{
    font-size: 11px;
    font-weight: bold;
}

.news-element{
    margin-top: 5px;
    width: 100%;
    font-size: 11px;
}

.news-element-time{
    font-weight: bold;
    float: left;
    width: 100px;
}

.news-element-title{
    font-weight: bold;
    text-decoration: underline;
}

.news-element-shrot{
    margin-left: 30px;
}

.news-element-long{
    margin-left: 30px;
}

.news-link{
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.news-notification-link{
    color: #ee6900;
}

.languages-el-link-block{
    width: 130px;
}

.languages-el-link-img {
    width: 30px;
}

.languages-el-link-text{
    text-decoration: underline;
}

/*Style for CustomPrompt*/

#prompt-form {
  display: inline-block;
  padding: 5px 5px 5px 5px;
  border: 1px solid black;
  vertical-align: middle;
  background: #fff;
}

.body-style-window {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.window-block-size {
    width: 400px;
    height: 140px;
    background: #f6f7f9;
    empty-cells: show;
}

.window-title {
    color: #393939;
    text-align: center;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

.window-title-pin {
    color: #585858;
    text-align: right;
    font-family: arial;
    font-size: 15px;
    display: inline-block;
    font-weight: bold;
    width: 100%;
}

.size-block-win-l {
    width: 20%;
    padding-left: 15px;
}

.size-block-win-r {
    width: 80%;
    padding-right: 15px;
}

.input-window-style {
    border: 1px solid #fbae42;
    height: 20px;
    width: 99%;
}

.pointer-window {
    cursor: pointer;
}

.button-left-window {
    background: url(../images/win_but_l.gif) no-repeat;
    width: 6px;
    height: 25px;
}

.button-center-window {
    background: url(../images/win_but_c.gif) repeat-x;
    width: 55px;
    height: 25px;
}

.button-text-window {
    text-align: center;
    font-family: arial;
    font-size: 13px;
    color: #393939;
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

.button-right-window {
    background: url(../images/win_but_r.gif) no-repeat;
    width: 7px;
    height: 25px;
}

.border-top-button-window {
    border-top: 1px solid #e8e9eb;
}

.but-window-l {
    width: 80%;
    padding-right: 15px;
}

.but-window-r {
    width: 20%;
    padding-right: 15px;
}

.height-window-button-space {
    height: 44px;
}

#prompt-form-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
}

#prompt-form-container:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}

#cover-div {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
  background-color: gray;
  opacity: 0.3;
  filter: alpha(opacity=30);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
  -moz-opacity: 0.3; /* Mozilla 1.6 � ���� */
  -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
  opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

#prompt-form input[name="text"] {
  display: block; 
  margin: 5px;
  width: 180px;
  padding: 5px 5px 5px 5px;
}

/*End style for CustomPrompt*/

.search-element-panel {
    width: 360px;
    min-height: 120px;
    font: 13px normal Arial;
    cursor: pointer;
}

.search-left-column {
    background: #ffffff;
    text-align: center;
    width: 95px;
    height: 95px;
    border: 1px solid #c6c9c9;
    margin: 7px 5px;
    float: left;
    border-spacing: 2px;
}

.search-right-column {
    margin-left: 110px;
    padding: 5px 5px 5px 0;
}

.search-icon {
    text-align: center;
    width: 91px;
    height: 91px;
    display: table-cell;
    vertical-align: middle;
}

.search-img {
    max-width: 91px;
    max-height: 91px;
}

.search-string {
    width: 700px;
    height: 16px;
}

.search-input {
    border: none;
    outline: none;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    height: 16px;
    padding: 3px;
}

.search-button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
}

.search-regin-button {
    background: transparent url(../images/base_butt_bg.jpg) repeat-x top;
    color: #3D3D3D;
    font-weight: bold;
    height: 20px;
    white-space: nowrap;
    text-decoration: underline;
    font-style: italic;
    font-size: 8pt;
    border: none;
}

.search-regin-button-left {
    background: transparent url(../images/base_butt_l.jpg) no-repeat scroll right top;
    height: 20px;
    width: 5px;
    padding: 2px;
    border: none;
}

.search-regin-button-right {
    background: transparent url(../images/base_butt_r.jpg) no-repeat scroll left top;
    height: 20px;
    width: 5px;
    padding: 2px;
    border: none;
}

.search-text-link {
    text-decoration: underline;
}

.search-font-weight {
    font-weight: bold;
}

.search-block {
    padding-top: 3px;
}

.ib-layout-app {
    width: 100%;
    height: 100%;
}
.ib-layout-app-center {
    display: table;
    width: 1024px;
    height: 100%;
    margin: 0 auto;
}
.ib-layout-app-content {
    padding-top: 15%;
}
.ib-layout-app-title {
    font-size: 40px;
    color: #03000c;
}
.interbank-title {
    color: #9e9e9e;
    font-size: 36px;
    padding-bottom: 10px;
}
.ib-layout-app-title, .interbank-title {
    width: 100%;
    font-family:Arial, sans-serif;
    line-height: 50px;
    display: inline-block;
    text-align: center;
}
.icon-app {
    margin-bottom: 40px;
    text-align: center;
}