/* 
 * CSS style file for digilib SVG measuring tool
 *
 * Martin Raspe, Robert Casties, 11.1.2011
 */
body {
    background: silver;
    font-family: Tahoma, Helvetica, Arial;
    }
 
div#svg-toolbar {
    color: grey;
    background-color: grey;
    position: fixed;
    left: 8px;
    bottom: 8px;
    border: 1px solid black;
    z-index: 1000;
    }

span.svg-label {
    font-size: 12px;
    padding: 0px 3px;
    color: silver;
    background-color: grey;
    }

span.svg-number {
    font-size: 12px;
    padding: 0px 3px;
    display: inline-block;
    width: 50px;
    background-color: grey;
    color: white;
    text-align: right;
    }

select {
    font-size: 12px;
    padding: 0px 3px;
    margin: 0px;
    display: inline-block;
    background-color: grey;
    color: lightgreen;
    border: none;
    }

option.section {
    border-bottom: 1px dotted grey;
    padding-left: 10px;
}

input.svg-input {
    width: 50px;
    font-size: 12px;
    padding: 0px 3px;
    margin: 0px;
    display: inline-block;
    background-color: grey;
    color: lightgreen;
    border: none;
    text-align: right;
    }

select:hover, select:active, select:focus,
input.svg-input:hover, input.svg-input:active, input.svg-input:focus {
    background-color: white;
    color: black;
    }

div.digilib {
    margin: 0px;
}

div.svg {
    position: absolute;
    background: transparent;
}

td {
    vertical-align: top;
    }

div#test:hover {
    background-color: cornsilk;
    }

#debug {
    background-color: beige;
    position: absolute;
    opacity: 50%;
    top: 4px;
    left: 300px;
    width: 500px;
    padding: 0px 5px;
    font-family: Arial;
    font-size: 9px;
    display: none;
    }

div._log {
    color: grey;
    }

div._debug {
    color: darkgreen;
    }

div._error {
    color: red;
    }