html {
    height: 100%;
    width: 100%;
}

body {
    font: 12px/18px "Trebuchet MS", sans-serif;
    margin: 0px;
}

select {
    width: 120px;
}

input[type=text] {
    font: 12px/18px "Trebuchet MS", sans-serif;
    border: 1px solid #e2e4e7;
}

input[type=text] {
    outline: none;
}

::selection {
    background-color: #afafaf;
}

::-moz-selection {
    background-color: #cfcfcf;
}

#content {
    position: absolute;
    left: 0px;
    right: 401px;
    background-color: #fff;
}

#footer {
    background-color: #fafafa;
    border-top: 1px solid #e2e4e7;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#header {
    background-color: #fafafa;
    border-bottom: 1px solid #e2e4e7;
    overflow: auto;
    padding: 5px;
}

#info {
    width: 400px;
    overflow: auto;
    position: absolute;
    right: 0px;
    border-left: 1px solid #e2e4e7;
    background-color: #fff;
}

#copyright {
    display: block;
    margin: 2px 10px;
    float: right;
}

hr {
    border-width: 0px;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(226,228,231,0), rgba(226,228,231,1), rgba(226,228,231,0));
    background-image: -moz-linear-gradient(left, rgba(226,228,231,0), rgba(226,228,231,1), rgba(226,228,231,0));
    background-image: -ms-linear-gradient(left, rgba(226,228,231,0), rgba(226,228,231,1), rgba(226,228,231,0));
    background-image: -o-linear-gradient(left, rgba(226,228,231,0), rgba(226,228,231,1), rgba(226,228,231,0));
}

body {
    padding-top: 0px;
}
