/* ked chcem vidiet ci som dobre navrhol tabulku, tak jej nastavim class debug */

#total_time {
    background: #BFD9FF;
}

#debug_box {
    font-family: sans-serif;
    font-size: 10px;
    text-align: left;
    border: 1px dotted #A0A0A0;
    background: #F7F7F7;
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 800px;
    max-height: 650px;
    overflow: scroll;
    z-index: 1;
}

#debug_box .name {
    font-weight: bold;
    background: #F7D5FF;
}

#debug_box .value {
    font-weight: bold;
    background: #FFC8E8;
}

table.debug { width: auto }

table.debug    { background: #EAB0CA !important; border:1px solid  #00C000 !important; margin: 1px !important; padding: 0   !important }
table.debug tr { background: #FFEFF6 !important; border:1px dashed #00C000 !important; margin: 0   !important; padding: 0   !important }
table.debug th { background: #EAEAB0 !important; border:1px dotted #00C000 !important; margin: 0   !important; padding: 1px !important }
table.debug td { background: #FFFFDF !important; border:1px dotted #00C000 !important; margin: 0   !important; padding: 1px !important }

.debug_label { background: #FFFFC0 }

textarea#subject_sub_profile {
    width: 99%;
    height: 400px;
}

#debug_box table.debug .value {
    background: none;
}

.important { color: #008000 }

/* sql highlight */

.key1 {
    font-weight: bold;
    color: #0000C0;
}

.key2 {
    font-weight: bold;
    color: #008000;
}

.key3 {
    font-weight: bold;
    color: #C00000;
}

.key4 {
    font-weight: bold;
    color: #800080;
}

#debug_box #minimalize {
    display: block;
    width: 7px;
    height: 7px;
    background: transparent url(../images/down.gif);
    float: right;
}

#debug_box.hide {
    width: 7px ;
    height: 7px;
}