#mk-loading { background:url('/ext/mk/libc/images/more-loading.gif') center center no-repeat;
              width:100%;
              height:100%;
              position:absolute;
              z-index:99999
             }

body,
table ,
.x-grid3-row td,
.x-grid3-summary-row td,
TD.x-grid3-hd,
.x-toolbar .xtb-text,
.x-toolbar .x-btn-text,
.x-toolbar label,
.x-panel-header
{
  font:normal 10pt tahoma,verdana,arial;
}

.red    {color:red}
.gray   {color:gray}
.green  {color:#008000}
.blue   {color:blue}
.whiteRow {background-color:white}
.grayRow  {background-color:#E8E8E8}
.separator {background-color:#D0DEF0}
.chocolate {color:chocolate}

.warning {border: 1px solid #FF0000; background-color:#FFAAAA; padding:15px; color:#000000; margin-bottom:8px;}

MAP,AREA,A {
  cursor:pointer
}

area {
  display: block;
  cursor: pointer;
}

A {
  color:blue;
}

body .x-grid3-header {background:#808080}

body TD.x-grid3-hd {
  background:#808080;
  color:white;
  font-weight:bold;
  font-size:8pt;
}

body .x-grid3-hd-inner {
 text-overflow: clip;
}

body TD.ux-grid-hd-group-cell {
  border-bottom:1px solid white;
}
body .x-grid3-row-alt {background-color:#E8E8E8}

body td.x-grid3-hd-over .x-grid3-hd-inner,
body td.sort-desc .x-grid3-hd-inner,
body td.sort-asc .x-grid3-hd-inner,
body td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background:inherit;
}

body td.x-grid3-hd-over,
body td.sort-desc,
body td.sort-asc,
body td.x-grid3-hd-menu-open{
  border-color:white;
}

body .sort-desc .x-grid3-sort-icon {
  background-image: url("../images/sort_desc.gif");
}

body .sort-asc .x-grid3-sort-icon {
  background-image: url("../images/sort_asc.gif");
}

body .x-panel-header-noborder,
body .x-panel-header {
  background:#808080;
  border-color:white;
  padding-left:10px;
}

.x-grid3-row-selected {
  /*background-color: #dfe8f6 !important;*/
  background-color: #b8cfee !important;
}

.x-toolbar {
  background:url('../images/fill1.bmp')
}

.x-panel-header,
.x-toolbar .xtb-text,
.x-toolbar label,
.x-toolbar .x-btn-text {
  color:white;
  font-weight:bold;
}

.x-toolbar-cell {
  padding-left:4px;
  padding-right:4px;
}

.x-border-layout-ct {background-color:white}

.bottomSpacer   {background:url('../images/fill2.png') repeat-x}
.mk-icon-home   {background:url('../images/home.png') no-repeat !important}
.mk-icon-home-p {background:url('../images/home-p.png') no-repeat !important}
.mk-icon-prev   {background:url('../images/arrow_left_blue.png') no-repeat !important}
.mk-icon-next   {background:url('../images/arrow_right_blue.png') no-repeat !important}
.mk-icon-up     {background:url('../images/arrow_up_blue.png') no-repeat !important}
.mk-icon-down   {background:url('../images/arrow_down_blue.png') no-repeat !important}
.mk-icon-info   {background:url('../images/about.png')     no-repeat !important}
.mk-icon-filter {background:url('../images/filter-advanced.png') no-repeat !important}
.mk-icon-print  {background:url('../images/print.png') no-repeat !important}
.mk-icon-clock  {background:url('../images/clock-2.png') no-repeat !important}
.mk-icon-chart  {background:url('../images/chart.png') no-repeat !important}
.mk-icon-reload {background:url('../images/refresh.png') no-repeat !important}
.mk-icon-el-4   {background:url('../images/gr.png') no-repeat !important}
.mk-icon-el-3   {background:url('../images/eu.png') no-repeat !important}
.mk-icon-el     {background:url('../images/language_flag_el.gif') no-repeat center !important}
.mk-icon-en     {background:url('../images/language_flag_en.gif') no-repeat center !important}

#topLogo,
#topToolbar {background:url('../images/fill1.bmp')}
#topLogo .ethnosimo {padding-left:10px; width:45px}
#topLogo .title1 {padding-left:10px; color:white; font-weight:bold}
#topLogo .title2 {text-align:right; padding-right:10px; color:white; font-size:16pt}
#topLogo .live {width:28px; cursor:pointer}
#topLogo .notlive {width:1px}
/* #topLogo TD {border: 1px solid red; } */

#topToolbar .xtb-text,
#topToolbar .x-btn-text {color:white; font:bold 10pt tahoma,verdana,arial}

#bottomToolbar {
  background:white
}

#bottomToolbar .x-toolbar-cell {
  padding:0px;
}

.parentLink,
.mk_link {
  cursor:pointer;
  text-decoration:underline;
}

.levelHeader TABLE {width:100%;}
.levelHeader tr.labels {
  height:20px;
}

.levelHeader tr.labels TH {
  font-weight:bold;
}

.levelHeader.no-stayroi TR.stayroiHeader {
  display:none;
}

.x-toolbar .x-btn td {
  background:none;
}

.x-toolbar .x-btn-pressed .x-btn-text {
  text-decoration: underline;
}

.x-toolbar .x-btn-over td {
  background:white !important;
}

.x-toolbar .x-btn-over .x-btn-text {
  color:gray !important;
}

.x-toolbar .x-btn-mc em.x-btn-arrow {
 background-image: url(../images/sort_desc.gif);
 padding-right: 16px;
}

#body .disclaimer {
  font-style:italic;
  font-weight:normal;
  color:black;
}

#body .testMode {
  font-size:16pt;
  font-weight:bold;
  color:red;
}

/* begin progress bar */

.percBar {
  position:relative;
  width:100%;
  height:20px;
  padding:0px;
}

.percBar .percValue{
  position:absolute;
  height:100%;
  left:0px;
  top:0px;
  background-color:lime;
}

.percBar .percText{
  position:absolute;
  width:100%;
  right:4px;
  top:4px;
  text-align:right;
}

/* end progress bar */

/*------------------------ reports -----------------------*/

.report TABLE {
 font:10pt Verdana;
 border-collapse: collapse;
 border: 1px solid gray;
 width:100%;
}

.report TABLE TH,
.report TABLE TR.total,
.report TABLE caption {background-color:#D0DEF0; font-weight:bold}

.report TABLE TR.alt {background-color:#F4F4F4;}

.report TABLE TD,
.report TABLE TH {
 border: 1px solid gray;
 padding:4px;
}

.report TABLE caption
{
 border-top: 1px solid gray;
 border-left: 1px solid gray;
 border-right: 1px solid gray;
 padding:8px;
 font-size:12pt;
}

.info h1 {
  display:block;
  background:#808080;
  color:white;
  font-weight:bold;
  line-height:24px;
  padding-left:8px;
  margin-bottom:8px;
}

@media print {

#north,
#west,
#south{
  display:none;
}

html.x-viewport,
#body,
#contentTarget {
  background-color:white !important;
  border:none !important;
  padding:0px !important;
  top:0px !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
}

#contentTarget .x-viewport,
#contentTarget .x-border-panel,
#contentTarget .x-toolbar,
#contentTarget .x-panel,
#contentTarget .x-panel-body,
#contentTarget .x-panel-bwrap,
#contentTarget .x-grid3,
#contentTarget .x-grid3-scroller
{
  height:auto !important;
  position:static !important;
  overflow:visible !important;
}

}
