/**
 *  Copyright 2016 Ludovic Pouzenc <ludovic@pouzenc.fr>
 * 
 *  CHD OpenWRT is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 * 
 *  CHD OpenWRT is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 * 
 *  You should have received a copy of the GNU General Public License
 *  along with CHD OpenWRT.  If not, see <http://www.gnu.org/licenses/>.
**/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

fieldset {
    border: 2px solid #E0D8B7;
    background: none repeat scroll 0% 0% #fcfaf0;
    color: #000;
    margin: 1em 0px;
    padding: 10px;
}

.fieldset {
    padding: 0 10px;
}

legend {
    padding: 1px 8px;
    border: 2px solid #E0D8B7;
    border-radius: 6px / 12px;
    box-shadow: none;
    background: none repeat scroll 0% 0% #FFF;
    font-size: 14px;
    color: #5E5223;
}

fieldset label {
    font-size: 12px;
}

fieldset label, .label {
    float: left;
    clear: left;
    padding-right: 0.5em;
    width: 14.5em;
    text-align: right;
    font-size: 100%;
    color: #333;
}

form span {
    display: block;
    margin: 0px 0px 0px 15em;
    padding: 0px 0px 4px 4px;
}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC');
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}

fieldset input, fieldset textarea, fieldset select {
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: none repeat scroll 0% 0% #fff;
    line-height: 1.1;
    font-family: inherit;
    font-size: 1.1em;
    margin: 0;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    padding: 2px 6px;
    border: 1px solid #b5bbc4;
    background: linear-gradient(to bottom, #fff, #dae6f1) repeat scroll 0% 0% #f7fafc;
    font-size: 100%;
    color: #333;
}

img {
    border: 2em #ccc solid;
    margin:1em 0 1em 3em;
}

span.tt {
    font-family:'Lucida Console', monospace;
}