body.spkDebugger{ padding-bottom:380px;}
.spkDebugInfoNode{ position: fixed; bottom:0; left: 0; width: 100%; display:table; background:#000; color:#fff; font-family: monospace; overflow:hidden; display:none;}
/*#spkDebuggerInfoVars{ position:fixed; bottom:0; left: 0; width:100%; display:table; background:#000;color:#fff; font-family: monospace; }

#spkDebuggerInfoVars h2{ background: url("../img/bug.png") no-repeat scroll left top #ccc; color:#333;font-size: 26px;font-weight: normal;line-height: 40px;margin: 0;text-indent: 60px;}
#spkDebuggerInfoVars h2 span{ font-size: 20px;font-weight: normal;line-height: 40px;margin: 0; font-style: italic;}
#spkDebuggerInfoVars .close{position:absolute; top:0; right: 0; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/x.png') no-repeat center;}
#spkDebuggerInfoVars .show{position:absolute; top:0; right: 50px; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/open.png') no-repeat center;}
#spkDebuggerInfoVars .hide{position:absolute; top:0; right: 50px; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/hide.png') no-repeat center;}

#spkDebuggerInfoVars.open .show{display:none;}
#spkDebuggerInfoVars.closed .hide{display:none;}
#spkDebuggerInfoVars .spkDebugList{max-height: 300px; overflow-x:hidden; overflow-y:auto; display:none;}
#spkDebuggerInfoVars .spkDebugList:hover{overflow-x:auto;}
#spkDebuggerInfoVars .spkVarName{width: 100%; font-size:20px; line-height: 30px; text-indent: 20px; background:#666;}
#spkDebuggerInfoVars .spkVarName span{font-size:16px;font-weight: normal;line-height: 40px;margin: 0; font-style: italic;}
*/
#spkDebugger{position:fixed; bottom:0; left: 0; width:100%; display:none; background:#f5f5f5;color:#fff; font-family: monospace; color:#333; z-index:9000;}

#spkDebugger .close{position:absolute; top:0; right: 0; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/x.png') no-repeat center;}
#spkDebugger .show{position:absolute; top:0; right: 50px; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/open.png') no-repeat center;}
#spkDebugger .hide{position:absolute; top:0; right: 50px; cursor:pointer; width: 40px; height: 40px;
                background:url('../img/hide.png') no-repeat center;}
#spkDebugger.open .show{display:none;}
#spkDebugger.closed .hide{display:none;}

#spkDebugger h2.spkTitle{ background: url("../img/bug.png") no-repeat scroll left top #ccc; 
          color:#333;font-size: 26px;font-weight: normal;line-height: 40px;margin: 0; display:table;width: 100%;}
#spkDebugger h2.spkTitle .spkTitleTxt{float:left; margin-right: 10px; margin-left:60px;}
#spkDebugger .spkDebuggTabs{ display:table; width:100%; height: 32px; line-height: 30px; border-bottom:2px solid #ccc;}
#spkDebugger #spkAsyncConsole .spkDebuggTabs { height: 26px; line-height: 24px; border-bottom:1px solid #ccc;}
#spkDebugger #spkAsyncConsole .spkConsoleInfo{ height: 264px; width:100%; display:block;}
#spkDebugger .spkDebuggTabs .spkTab{ float:left; padding:0 20px; height: 30px; 
        line-height: 30px; border-right: 1px solid #e5e5e5; cursor:pointer;}
#spkDebugger #spkAsyncConsole .spkDebuggTabs .spkTab{height: 24px; line-height: 24px;}
#spkDebugger .spkDebuggTabs .spkTab.spkTabConsole{height: 24px; line-height: 24px;}
#spkDebugger .spkDebuggTabs .spkTab.selected{ background:#2196F3; color:#fff;}

#spkDebugger .spkPanel{display:none; overflow-y: auto; overflow-x:hidden; height: 290px; }
#spkDebugger .spkPanel:hover{ overflow-x: auto; }
#spkDebugger .spkPanel.active{ display:block; }
#spkDebugger .spkConsolePanel{display:none; }
#spkDebugger .spkConsolePanel.active{ display:block; }
#spkDebugger .spkDebugInfo{ display:block; height: 320px; overflow:hidden; position:relative; }
#spkDebugger .spkDebugInfo .spkBtnClear{ display:none; height: 28px; width:28px; position:absolute; 
             bottom:0; right: 0; background:url('../img/clear.png') no-repeat center; cursor:pointer;}
#spkDebugger .spkDebugInfo:hover  .spkBtnClear{display:block; }
#spkDebugger h3.errorSubLinea{ font-size:18px;; font-weight: lighter; text-indent: 10px; margin:0;
              background: #ffc; line-height: 30px; color:#666; border-left:4px solid #ffa500;}
#spkDebugger h3.exceptionSubLinea{ font-size:18px;; font-weight: lighter; text-indent: 10px; margin:0;
              background: #fce9e9; line-height: 30px; color:#666; border-left:4px solid #ff0066;}
#spkDebugger .spkVarName { font-size:18px;; font-weight: lighter; text-indent: 10px; margin:0;
              background: #fff; line-height: 30px; color:#666; border-left:4px solid #2196f3;}
#spkDebugger .spkVarName b{font-size:16px;font-weight: bold;line-height: 40px;margin: 0; font-style: normal; color:#2196f3;}
#spkDebugger .spkVarName b i{font-weight: normal;font-style: italic;}
#spkDebugger .spkVarName span{font-size:16px;font-weight: normal;line-height: 40px;margin: 0; font-style: italic;}


#spkDebugger .debugLine{ margin-bottom:4px;}
#spkDebugger .exLinea{ background:#fcc;}
#spkDebugger .errorHandleTracking h4{ margin:0;text-indent: 10px; line-height: 30px;}
#spkDebugger .errorHandleTracking .traceLine{ border-bottom: 1px solid #e5e5e5; text-indent: 10px; padding:4px 0;}
#spkDebugger .errorHandleTracking .traceLine .funct{ color:#0000ff;}
#spkDebugger .errorHandleTracking .traceLine .line{ color:#FF0000;}

#spkDebugger .spkDInfo{display:none; border-left:4px solid #2196f3;}
#spkDebugger .spkHInfo{cursor:pointer; position:relative; }


#spkDebugger .removeBtn{position:absolute; right: 10px; top:10px; width:20px; height: 20px;
          cursor:pointer; display:none; background:url('../img/x2.png') no-repeat center;}
#spkDebugger .spkBtnOpenNB{position:absolute; right: 40px; top:10px; width:20px; height: 20px;
          cursor:pointer; display:none; background:url('../img/nb.png') no-repeat center;}
#spkDebugger .errorSubLinea .spkActionBtns, #spkDebugger .exceptionSubLinea .spkActionBtns{ top:5px;}
#spkDebugger .spkHInfo:hover .spkActionBtns{display:block;}

#spkDebugger #spkErrorPanel .spkDInfo{border-color:#ffa500;}
#spkDebugger #spkExceptionPanel .spkDInfo{border-color:#ff0066;}
#spkDebugger #spkExceptionPanel .ajaxData{padding:10px 20px;border-bottom: 2px dashed #999; 
                                          display: block;unicode-bidi: embed;white-space: pre;}
#spkDebugger #spkExceptionPanel .ajaxDataResume{padding:10px 20px;font-weight: bold; cursor:pointer;}
#spkDebugger #spkExceptionPanel .exHandleTracking{padding:10px 20px;unicode-bidi: embed;white-space: pre-wrap; }
#spkDebugger #spkAsyncConsole .spkTabConsoleBtn{float:right; width:30px; height: 24px; cursor:pointer;}
#spkDebugger #spkAsyncConsole .spkTabConsoleBtn.spkRunBtn{ background: url('../img/run.png') no-repeat center;}
#spkDebugger #spkAsyncConsole .spkConsoleInput{padding:0;background:#333; color:#fff; height: 100%; width: 100%;}
#spkDebugger #spkAsyncConsole .spkConsoleInput #spkInputTxt{padding:4px;background:#333; border:0;color:#fff; height: 240px;resize:none; width: 100%;}
#spkDebugger #spkAsyncConsole #spkConsoleOutputHtml{height: 240px; width: 100%;}
#spkDebugger .spkConsoleStatus{position:fixed; bottom:0; height: 24px; line-height: 24px; color:#fff; width: 100%; text-indent: 20px;;}
#spkDebugger .spkVarInfo {padding:20px 0 20px 20px;}
#spkDebugger .spkNot {float:left; padding:0 10px; height: 20px; margin-top: 12px;  font-weight: bold; border-right: 1px solid #999;
         font-size: 16px; line-height: 20px;}
#spkDebugger .spkNot.notApp {color:#2196f3;}
#spkDebugger .spkNot.notAppErr {color:#ffa500;}
#spkDebugger .spkNot.notAsync {color:#ffa500; display:none;}
#spkDebugger .spkNot.notAsyncErr {color:#ff0066; display:none;}