.debug { 
    display: block !important;
    background: linear-gradient(#500f0f,#8f5555);
    border: 6px dashed #9E733B;
    padding: 5px;
    color: white;
    font: normal 12px Verdana;
    z-index: 100500;
    top: 0px;
    left: 50px;
    max-width: 700px;
}
.debug:hover { opacity:1;}

.debug .query { overflow : auto; width : 90%}

.debug_window {
    background: rgba(0, 0, 0, 0) linear-gradient(#1d5599, #243c59) repeat scroll 0 0;
    border: 4px dashed #c4c835;
    color: white;
    display: block;
    padding: 10px;
    position: relative;
}

.debug_window p {padding:5px;}
.debug_window .console {
    font-family: monospace;
    background:black;
    border : 1px solid grey;
    padding:5px;
    
}
.debug_window a.close {
    background: rgba(0, 0, 0, 0) url("images/b_delete.png") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 16px;
    z-index: 100600;
    text-decoration:none;
    border-bottom:0;
}


.dbg-warnings-window {
    background: rgba(0, 0, 0, 0) linear-gradient(#d7c39a, #4f1616) repeat scroll 0 0;
    border: 1px solid #a79d77;
    border-radius: 16px 16px 3px 3px;
    box-shadow: 10px 10px 27px #000;
    font-family: monospace;
    left: 50px;
    max-height: 430px;
    max-width: 900px;
    opacity: 1;
    padding: 13px 3px 0px 3px;
    position: fixed;
    top: 50px;
    z-index: 100500;
}

.dbg-warnings-window > span {
    font-weight : bold;
    color : black;
    font-size : 15px;
    padding : 0 0 0 14px;
}
.dbg-warnings-window > a {
    display : block;
    position : absolute;
    top : 8px;
    right : 6px;
    width : 16px;
    height : 16px;
    background : url('/img/button_delete.png');
}

.dbg-warnings  {
    background: linear-gradient(#B53838,#330C00);    
    color: white;
    border: 1px solid #747272;
    
    overflow: auto;
    padding: 10px 25px;
    max-height : 390px;
    max-width: 420px;
}
.dbg-warnings li { list-style-type: decimal-leading-zero;font-size: 16px;}
.dbg-warnings li a {font-weight: bold; color : #FFE069; border-bottom : 1px dashed #FFE069; text-decoration:none;}
.dbg-warnings li span {font-size : 10px;}
.dbg-warnings li a.display-replace {border : none;}
.dbg-warnings li .sql-error div.query {    background: #927676 none repeat scroll 0 0; border: 1px solid #b8afaf; display: block; margin: 3px 0; padding: 3px;}
.dbg-warnings li .sql-error p.desc { color: #ffc0a6; font-size: 10px;}
.dbg-warnings li .sql-error pre {font-family:monospace;}

.parse-speed { color : #555; font-weight: bold; background : #9DF; border : 1px dotted #BBF; padding : 5px; margin : 8px; opacity : 0.8;  box-shadow : 3px 3px 3px #777; border-radius : 0px 26px 2px 0px; display:block !important; max-width : 364px;}
.parse-speed.cached { COLOR:white; background : #7a7; border : 1px dotted #696; opacity : 0.7;}
.parse-speed.alert { COLOR:red; background : #FCC; border : 1px dotted #BBF; opacity : 0.9;}
.top-speeds { 
    background: linear-gradient(#B4C5FF, #06070E);
    border: 1px solid #6c6c6c;
    border-radius: 15px 10px 0 0;
    bottom: 0;
    box-shadow: -2px -2px 15px #333;
    font-family: monospace;
    font-size: 14px;
    opacity: 0.95;
    padding: 7px;
    position: fixed;
    right: 0;
    color:#000;

}
.top-speeds a.close, .dbg-warnings-window a.dbg-close {
    display : block;
    width: 16px;
    height : 16px;
    background : url('images/button_delete.png');
    position : absolute;
    top : 10px;
    right : 10px;
    text-decoration: none;
}
.top-speeds a.close-all {
    display : block;
    width: 16px;
    height : 16px;
    background : url('images/i_check_off.gif');
    position : absolute;
    top : 10px;
    right : 40px;
    text-decoration: none;
}
.top-speeds .inner {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000;
    color: black;
    max-height: 400px;
    max-width : 600px;
    overflow: auto;
    width: 100%;
}
.top-speeds .inner th { text-align: right; padding : 2px 5px;}
.top-speeds .inner td { text-align: left; padding : 2px 5px;}

.top-speeds > table >tbody >tr > th {padding : 8px;}

.top-speeds .as_title { display : block; clear : both; width :100%; }
.top-speeds .inner > p { background: rgba(0, 0, 0, 0) linear-gradient(#ccc, #333) repeat scroll 0 0; color: white;    height: 20px; padding-top: 3px; text-align: center; width: 100%;}