h1 { font-size: large; }
select {
    font-size:16px;
}
#network {
    float:left;
    width:600px;
    height:400px;
    border: 1px solid #666;
    margin-top:0.5em;
}
.demofield {
    clear:both;
    margin-top:1em;
}
#controller {
    width:300px;
    float:left;
    margin:0.5em;
}
#xor-table {
    text-align:center;
    border-collapse: collapse;
}
#xor-table th {
    background-color: #AAA;
    width:50px;
}
#xor-table td, table th {
    border: 1px solid #666;
}
#xor-table td:last-child {
    background-color: #EFEFEF;
}
.param {
    margin-left:1em;
}
.view {
    font-size:small;
}
#output {
    padding:3px;
    font-size:small;
    border:1px solid #ccc;
}
#output span {
    color:red;
}
#plot {
    width:400px;
    height:300px;
    border:1px solid #ccc;
}
#panel {
    table-layout:fixed;
    border-collapse: collapse;
    empty-cells: show;
}
#panel td {
    border:1px solid #666;
    width:40px;
    height:40px;
}
#panel td.on {
    background-color:red;
}
#recog {
    margin-top:10px;
    width:130px;
    font-size:large;
    font-weight:bold;
}
#pat-input,#pat-output {
    float:left;
}

#num-panel {
    margin:0.5em 0;
}

#pat-output {
    margin-left:30px;
    border:5px solid #000;
    font-size:130px;
    padding:0 50px;
    color:red;
    line-height:240px;
}