#tint_div {
    z-index:9999;
    position: absolute;
    top:0;
    left:0;
    display:none;
    background-image: url('/i/tint_1.gif');
    background-position:top left;
    background-repeat: repeat-x repeat-y;
}

#tint_div_content {
    display:none;
    z-index:99999;
    position: absolute;
    border:1px solid #000;
    height:50%;
    top:25%;
    width:50%;
    left: 25%;
    background-color: white;
    padding: 10px;
}
body>#tint_div {
    position: fixed;
}
body>#tint_div_content {
    position: fixed;
}

#hint_div {
    z-index: 999999;
    border: 1px solid red;
    background-color: yellow;
    padding: 5px;
    position: absolute;
    display: none;
}

#error_output {
    display:none;
    border:1px solid red;
    padding:10px;
}

div.message {
    width: 80%;
    padding: 10px;
    border: 1px solid yellow;
    display: none;
}

#overlay_div {
    display: none;
}

ul.record_controls {
    display: inline;
    padding: 0px;
}
ul.record_controls li {
    display: inline;
    list-style: none;
}