/*
 * Creato il 13-giu-2010, 10.10.49
 * Copyright 2010, Mirko Renzetti <info@kimerio.it>
 *
 * @author Mirko Renzetti <info@kimerio.it>
 */

 #debug__bar {
     position: fixed;
     right: 0px;
     bottom: 0px;
     z-index: 9999999999999999;
}

#debug__buttons {
    float: right;
}

#debug__clients {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#debug__clients li {
    float: left;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #ccc;
}

#debug__clients li.first {
}


#debug__clients a, #debug__trigger a {
    display: block;
    position: relative;
    padding: 2px 9px;
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd));
    background: -moz-linear-gradient(top center, #f6f6f6, #ddd);
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #fff;
    color: #000;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
    line-height: 18px;
    height: 18px;
}

#debug__clients li a:hover, #debug__trigger a:hover {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    background: -moz-linear-gradient(top center, #fff, #ccc);
}

#debug__clients a.icon {
    padding-left: 28px;
}

#debug__clients a.icon img, #debug__trigger img {
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

#debug__trigger {
    float: right;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #ccc;
}

#debug__trigger a {
    padding: 2px 4px 2px 20px;
    cursor: pointer;
}

#debug__trigger img {
    left: 4px;
}

#debug__clients li a.debug__client-critical {
    background: #faa;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa), to(#d88));
    background: -moz-linear-gradient(top center, #faa, #d88);
    border-color: #fcc;
    text-shadow: 0px 1px 0px #fcc;
}

#debug__clients li a.debug__client-warning {
    background: #ffc;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc), to(#dd6));
    background: -moz-linear-gradient(top center, #ffc, #dd6);
    border-color: #ff8;
    text-shadow: 0px 1px 0px #ff8;
}

#debug__clients li a.debug__client-success {
    background: #cec;
    background: -webkit-gradient(linear, left top, left bottom, from(#cec), to(#8c8));
    background: -moz-linear-gradient(top center, #cec, #8c8);
    border-color: #cec;
    text-shadow: 0px 1px 0px #cec;
}

#debug__clients li a.debug__client-info {
    background: #def;
    background: -webkit-gradient(linear, left top, left bottom, from(#def), to(#bcf));
    background: -moz-linear-gradient(top center, #def, #bcf);
    border-color: #def;
    text-shadow: 0px 1px 0px #def;
}

#debug__bar-open {
    
}

#debug__bar-close {
    display: none;
}