body{margin:0;display:flex;flex-direction:column;font-family:Verdana, sans-serif}.masthead{background:#223E6E;width:100%;padding:15px;box-sizing:border-box;color:white}.masthead a{color:white;text-decoration:none;font-size:24px}.content{display:flex;flex-grow:1}.left-pane{flex:0 0 340px;background-color:#f0f0f0;min-height:100vh;padding:15px}.right-pane{flex-grow:1;background-color:#ffffff;height:100vh;padding:15px}.form-inline{display:flex;align-items:center}.form-inline input[type="text"]{flex-grow:1;margin-right:10px;font-size:14px;padding:5px 0px}.form-inline button{padding:5px 20px;font-size:16px;background-color:#223E6E;color:white;border:none;cursor:pointer}.form-inline button:hover{background-color:blue}h2{margin:0}.nav-buttons p{text-align:center}.search-results{font-size:12px}.single-pane{flex-grow:1;background-color:#ffffff;height:100vh;padding:15px}.footer{font-size:12px;width:100%;height:50px;background-color:#223E6E;color:white;display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0}.footer a{color:white}#footer{background:#223E6E;color:white;font-size:11px;text-align:center}#footer p{width:100%;margin:4px 2px 2px 4px auto}#footer a{color:white}.search_result_snippet p{font-size:10px}.errors{color:red}.errors ul{margin:10px 0px 10px 0px}.errors li{margin-left:20px}pre{background-color:#eee;padding:10px;font-size:11px}#notice{color:green;font-size:12}.field_with_errors{padding:2px;background-color:red;display:table}#error_explanation{width:450px;border:2px solid red;padding:7px;padding-bottom:0;margin-bottom:20px;background-color:#f0f0f0}#error_explanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px;margin-bottom:0px;background-color:#c00;color:#fff}#error_explanation ul li{font-size:12px;list-style:square}