body{
            font-family: sans-serif;
            padding: 0;
            margin: 0;
        }
        #header{
            width: 100%;
            padding: 5px;
            background-color: #EEEEEE;
            height: 30px;
        }
        #buttonContainer{
            width: 233px;
            margin: 0 auto;
        }
        .toggleButton{
            float: left;
            border: 1px solid grey;
            padding:6px;
            border-right: none;
            font-size: 90%;
        }
        #logo{
            float: left;
            color: black;
            font-weight: bold;
            font-size: 120%;
            padding: 3px 5px;
        }
        #html{
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        #output{
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-right: 1px solid grey;
        }
        .active{
            background-color: #E8F2FF;
        }
        .highlightedButton{
            background-color: grey;
        }
        textarea{
            width: 50%;
            resize: none;
            border-top: none;
            border-color: grey;
        }
        iframe{
            border: none;
        }
        .panel{
            float: left;
            width: 50%;
            border-left: none;
        }
        .hidden{
            display: none;
        }
        #addFile{
            float: left;
            margin-top: 5px;
            margin-left: 150px;
        }
        #imgLogo{
            float: left;
        }
        #image{
            width:30px;
            margin-top: 2px;
        }