html,
body,
#wrapper {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

html,
body {
    height: 98%;
}

#wrapper {
    height: 90%;
}

#input-div,
#output-div {
    height: 95%;
    width: 45%;
    display: block;
}

#update-code-div {
    height: 90%;
    width: 5%;
    display: block;
    float: left;
    text-align: center;
}

#input-div {
    float: left;
}

#output-div {
    float: right;
}

#clearer {
    clear: both;
}

#input-textarea {
    width: 90%;
    height: 91.5%;
    border: solid black 1px;
    padding: 5px;
    border-radius: 5px;
}

#output-pre {
    height: 95%;
    width: 90%;
    border: solid black 1px;
    padding: 5px;
    border-radius: 5px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.reset {
    clear: both;
}

.width-100 {
    width: 100%;
}
.width-50 {
    width: 50%;
}

.padding-5 {
    padding: 5px;
}

.display-none {
    display: none;
}