/* loading mask */
.ext-el-mask
{
  z-index: 20000 ;
  position: absolute;
  top: 0 ;
  left: 0 ;
  -moz-opacity: 0.5 ;
  opacity: 0.50 ;
  filter: alpha(opacity=50) ;
  background-color: #dfc4e3 ;
  width: 100% ;
  height: 100% ;
  zoom: 1 ;
}

.ext-el-mask-msg
{
  border: 1px solid #c488ff ;
  background: #e1c4ff url(/javaScripts/extjs/resources/images/default/box/tb.gif) repeat-x 0 -16px ;
  background: #e1c4ff ;
  margin-bottom: auto ;
}

.ext-el-mask-msg div
{
  border: 1px solid #c488ff ;
  font-weight: bold ;
  font-size: 14pt ;
  color: indigo ;
  background: #d5afda url(/javaScripts/extjs/resources/images/default/box/tb.gif) repeat-x 0 -16px ;
}

#class .genboree-loading-indicator
{
  font-weight: bold ;
  font-size: 14pt ;
  height: 18px ;
}

.genboree-loading-indicator
{
  font-weight: bold ;
  font-size: 14pt ;
  background-image: url('/javaScripts/extjs/resources/images/default/grid/loading.gif') ;
  background-repeat: no-repeat ;
  background-position: top left ;
  padding-left: 20px ;
	height: 18px ;
	text-align: left ;
}

#genboree-loading
{
	position: absolute ;
	left: 40% ;
	top: 40% ;
	border: 1px solid #c488ff ;
	padding: 2px ;
	background: #e1c4ff ;
	width: 200px ;
	text-align: center ;
	z-index: 20001 ;
  font-weight: bold ;
  font-size: 14pt ;
}

#genboree-loading .genboree-loading-indicator
{
	border: 1px solid #c488ff ;
	background: white url(block-bg.gif) repeat-x ;
	color: indigo ;
	font: bold 13px tahoma,arial,helvetica ;
	padding: 10px ;
	margin: 0 ;
  z-index:20001 ;
}

#genboree-loading-mask
{
  visibility:visible ;
  width:100% ;
  height:100% ;
  background:#e1c4ff ;
  position:absolute ;
  z-index:20000 ;
  left:0px ;
  top:0px ;
  filter:alpha(opacity=50) ;
  -moz-opacity: 0.5 ; 
  opacity:0.5 ;   
}