body{
    font-family: sans-serif;
    padding: 0;
    margin: 0;
}

#header{
    width: 100%;
    background: #EEEEEE;
    padding: 5;
    margin: 0;
    height: 30px;
}

#logo{
    float: left;
    font-weight: bold;
    font-size: 120%;
    padding: 3px 5px;
}

#buttonContainer{
    width: 248px;
    margin: 0 auto;
}



.toggleButton{
    float: left;
    border: 1px solid grey;
    padding: 5px;
    border-right: none;
    font-size: 90%;

}

#html{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#output{
    border-right: 1px solid grey;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.active{
    background-color: #E8F2FF;
}

.highlightedButton{
    background-color: grey;
}

textarea{
    resize: none;
    border-top: none;
    border-left: none;
    border-color: grey;
}

.panel{
    float: left;
    width: 50%
}

iframe{
    border: none;
}

.hidden{
    display: none;
}