/*  DEBUG FEATURES BEGIN   */
.draft-img{
  z-index:99;
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  text-align:left;
  overflow:hidden;
}
.dbg_header span,
.dbg_header{
  width:98%;
  font-size:11px;
  text-align:center;
  padding:2px;
}
.dbg_header span{
  width:30px;
  color:red;
  cursor:pointer;
}
pre{
  font-size:10px !important;
  margin: 0px;
  padding:0px;
}
.ajaxResultBody{
  border:1px solid #C7CB8F;
  padding:5px;
}
.ajaxResultHeader{
  font-size:9px !important;
  cursor:pointer;
  background-color:#C7CB8F;
  padding-left:5px;
  border-bottom:1px solid gray;
}
.b-debug-content .red,
.b-debug-toggles .red{
  background-color:#FC8B8B;
}
.b-debug-toggles .black{
  background-color:#828282;
  width:40px;
}
.b-debug-content .vred,
.b-debug-toggles .vred{
  background-color:#FF0000;
}
.b-debug-content .green,
.b-debug-toggles .green{
  background-color:#EEEE00;
}
.b-debug-toggles .purpl{
  background-color:#C54D9F;
}
.b-common-toggles{
  width:100%;
  float:left;
}
.b-debug-content .blue,
.b-debug-toggles .blue{
  background-color:#62D2C5;
}
.b-debug-content .gray,
.b-debug-toggles .gray{
  background-color:#C7CB8F;
}
.b-debug-toggles{
  position:absolute;
  top:0px;
  right:0px;
  width:250px;
  height:10px;
  z-index:100;
}
.b-debug-content div,
.b-debug-content th,
.b-debug-content td{
  font-size:11px !important;
}
.b-debug-content .js{
  color:black;
}
.b-debug-content .js b{
  color:#303030;
}
.b-debug-content{
  position:absolute;
  top:0px;
  right:0px;
  margin-top:10px;
  font-size:7px;
  z-index: 999999;
}
#debugTiming td{
  border-bottom:1px solid #DDD;
}
#debugTimingCont{
  font-size:10px !important;
  width:172px;
}
#debugAjaxCont{
  width:290px;
}
#debugErrorsCont{
  width:400px;
}
.ajaxResultBody b,
#debugErrors b{
  font-size:10px;
}
#debugErrors div,
#debugErrors table{
  width:100%;
  font-size:10px;
  border-bottom:1px solid #DDD;
}
#debugQueries tr {
  border-top: 1px solid gray;
}
#debugQueries tr td{
  vertical-align: top;
}
.b-debug-messages .content{
  overflow:auto;
  padding:5px;
  height:420px;
}
.b-debug-messages{
  width:370px;
  height:450px;
  background-color:white;
  border:1px solid gray;
  text-align:left;
  float:left;
}
.b-debug-toggle{
  float:left;
  display:block;
  width:14%;
  height:10px;
  font-size:8px;
  text-align:center;
  cursor:pointer;
}
.hidden{
  display:none !important;
}
/*  DEBUG FEATURES END   */

/*Context menu*/
/* Generic context menu styles */
.contextMenu {
  position: absolute;
  width: auto;;
  z-index: 99999;
  border: solid 1px #CCC;
  background: #EEE;
  padding: 0px;
  margin: 0px;
  display: none;
}

.contextMenu div {
  white-space:nowrap;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.contextMenu A {
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 20px;
  height: 16px;
  background-position: 6px center;
  background-repeat: no-repeat;
  outline: none;
  padding: 2px 5px 4px;
  font-size:12px;
}
.contextMenu div.hover{
  background-color: #3399FF;
}

.contextMenu div.hover A {
  color: #FFF;
}

.contextMenu div.disabled A {
  color: #AAA;
  cursor: default;
}

.contextMenu div.hover.disabled A {
  background-color: transparent;
}

.contextMenu div.separator{
  font-size:1px;
}
.contextMenu div.separator {
  border-top: solid 1px #CCC;
  margin-top:4px;
}
.ajaxLength{
  display:none;
}
#locker{
  position:absolute;
  width:100%;
  height:100%;
  cursor:wait;
  top:0px;
}
#locker .lock-exit{
  background-image:url(../images/exit.gif) !important;
  width:14px;
  height:14px;
  background-repeat:no-repeat;
  position:absolute;
  top:22px;
  left:15px;
  cursor:pointer;
}
#locker .lock-counter{
  position:absolute;
  top:10px;
  left:30px;
  padding:10px;
}
#locker .lock-bg{
  width:100%;
  height:100%;
  background-color:#CCC;
  -moz-opacity:.50;
  filter:alpha(opacity=50);
  opacity:.50;
}