.asiExpressionEditor{
  position: absolute;
  margin: 0;
  width: 713px;
  height: 550px !important;
  font-size: 11px !important;
  color: black;
  border: 1px solid #2f2f2f;
  padding: 0;
}
.expressionEditorTitleBar{
  width:100%; 
  border:1px solid white;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:5px;
  font-size:12px;
  font-weight:bold;
  color:white;
}
.asiExpressionEditor .expEditorHeader{
  float:right;
  margin: 2px 8px 2px 2px; 
  width: 70%;
}
.asiExpressionEditor .controls{
  float:left;
  margin: 2px 2px;
  width: 10%;
}
.asiExpressionEditor .controls a{
  border: none;
  float: left;
  margin: 0 3px 0 5px;
  vertical-align: middle;
  font-size: 11px;
  color: white;
  font-weight: normal;
}
.asiExpressionEditor .controls .move{
  cursor: move;
}
.editorFooter{
  float: left;
  height: 35px;
  text-align: left;
  padding-top: 7px;
  margin-left: 7px;
}
.infoArea, #paletteArea{
  border: 1px solid #000000;
  background-color: white;
  text-align:right;
}
/* Disable RTL on expTextArea*/
.expTextArea {
  border: 1px solid #000000;
  background-color: white;
  text-align: left;
  direction: ltr;
}
/*Main content area*/
#contentContainer{
  background-color: transparent;
  width: 100%;
}
/*Left side*/
#paletteArea{
  float: right;
  margin: 7px;
  padding: 0;
  width: 245px;
  height:457px;
}
.palette{
  width:100%;
  margin:0;
  height: 424px;
  background-color: white;
  border: 0;
  clear: both;
  overflow: auto;
}
#parseWarning{
  font-size: 9px;
  display: none;
}
#rightSide{
  float: right;
  width: 430px;
  margin: 7px 0;
  padding: 0;
}
.expTextArea{
  width: 100%;
  height: 140px;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 3px;
}
#saveRule{
  clear:both;
  text-align: left;
}
#operatorToolbar{
  clear: both;
  margin: 8px 0 10px;
}
#operatorToolbar img{
  border: 2px outset #8cb2c6;
}
.validateButton{
  float: left;
}
.infoArea{
  float: right;
  color: #333;
  width: 100%;
  height: 254px;
  border: 1px solid #000000;
  text-align:right;
  overflow:auto;
}
.infoArea .name{
  font-weight: bold;
}
.infoArea a{
  cursor: help;
}
.infoArea .header{
  background-color: #e7e7e7;
  height: 37px;
  padding: 5px;
  overflow: auto;
  border: 0;
}
.infoArea .header img{
  float: right;
  margin-left: 5px;
  clear: right;
}
.infoArea .header p{
  float: right;
  width: 380px;
  margin: 0;
}
.infoArea .header .name{
  font-weight:bold;
}
.infoArea .details{
  height: 207px;
  background-color: white;
  overflow: auto;
  border: 0;
}
.infoArea .details .syntax .parameters{
  font-style: italic;
}
.infoArea .details ul li{
  padding: 5px 0;
  text-align: left;
  clear: both;
}
* html body .infoArea .details ul li label{
  width:90px;
}
.infoArea .details ul li label{
  float: right;
  min-width: 90px;
  font-weight: bold;
}
.infoArea .details ul li label a{
  color: red;
  margin-right: 2px;
}
.infoArea .details ul li.parameter label{
  font-weight: bold;
  font-style: italic;
}
.infoArea .details ul li span{
  float: right;
  clear: left;
  text-align: right;
  margin-right: 5px;
  display: block;
  width: 300px;
}
.infoArea .details ul li span span{
  margin:0;
  width:auto;
}
#functionsAutocomplete_EE{
  width:180px;
}
#functionsAutocompleteContainer, #functionsHierarchyContainer{
  overflow:auto;
  height:377px;
  padding:3px;
}
#functionsAutocompleteContainer div.innerSuggestionDiv a{
  display:inline-block;
  height:15px;
  padding:5px;
}
#functionsAutocompleteContainer div.innerSuggestionDiv a.selected{
  background: #DCE3E8;
  color: black;
}

#asiExpressionEditor #complexTypeHierarchy {
  margin-right:3px;
}

#asiExpressionEditor #complexTypeHierarchy .topLabel{
  padding-right: 2px;
  font-size: 11px;
}
#asiExpressionEditor #complexTypeHierarchy .dataContext,
#asiExpressionEditor #complexTypeHierarchy .processVariable, 
#asiExpressionEditor #complexTypeHierarchy .activityClassParameter{
  background: transparent url(../../components/expeditor/img/var.gif) 1px 3px no-repeat;
  padding-right: 14px;
  font-size: 11px;
}
#asiExpressionEditor #complexTypeHierarchy td {  
  vertical-align:middle;
}

#asiExpressionEditor #varPalette .asiHierarchy li{
  text-indent: 0;
  white-space: nowrap;
  margin: 3px 3px;
}

#asiExpressionEditor #varPalette .asiHierarchy ul{
  padding-right:4px;
}