/* Style the body and outer container */
    
    body {
        margin: 0;
        color: #333;
        background-color: #00a0b0;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        line-height: 1.5em;
    }
    
    #container {
        width: 960px;
        height: auto;
        background: #fff;
        margin: 20px auto;
        padding: 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 10px;
    }
    
    #header {
        height: 175px;
        margin: 5px;
        padding: 0 10px 20px 0px;
        border-bottom: 1px solid #00a0b0;
    }
    
    #logo {
        display: block;
        width: 250px;
        float: left;
        padding: 0 10px 10px 0;
        border: none;
        margin-bottom: 10px;
    }
    
    #menu {
        width: 600px;
        height:80px;
        float: right;
        text-align: right;
        padding: 10px 5px 5px 0;
    }
    
    #menu ul{
        list-style-type: none;
        margin: 10px;
        padding:0;
    }
    
    #menu ul li {
        display: inline;
    }
    
    #menu a:hover {
        background-color: #eb6841;
    }
    
    #menu a {
        text-decoration: none;
        padding: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: seashell;
        background-color: #00a0b0;
        border-radius: 3px;
    }
    
    #article {
        width: 930px;
        height: auto;
        margin: 5px;
        padding: 0 10px 20px 0px;
        border-bottom: 1px solid #00a0b0;
        float: left;
    }
    
    #footer {
        margin-top: 5px;
        width: inherit;
        height: auto;
        padding-top: 50px;
        text-align: center;
    }
    
    .statusMessage,
    .errorMessage {
        font-size: .8em;
        padding: .5em;
        margin: 2em 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    }
    
    .statusMessage {
        background-color: #2b2;
        border: 1px solid #080;
        color: #fff;
    }
    
    .errorMessage {
        background-color: #f22;
        border: 1px solid #800;
        color: #fff;
    }
    
    .buttons {
        text-align: center;
        margin: 40px 0 0 0;
    }
    
    input[type="submit"] {
        display: inline;
        margin: 0 20px;
        width: 12em;
        padding: 10px;
        border: 2px solid #7c412b;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        color: #fff;
        background: #ef7d50;
        font-weight: bold;
        -webkit-appearance: none;
    }
    
    input[type="submit"]:hover,
    input[type="submit"]:active {
        cursor: pointer;
        background: #fff;
        color: #ef7d50;
    }
    
    input[type="submit"]:active {
        background: #eee;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
    }
    
    input {
        font-size: .9em;
    }
    
    form *:focus {
        border: 2px solid #7c412b;
        outline: none;
    }
    
    input,
    select,
    textarea {
        display: block;
        margin: 0;
        padding: .4em;
        width: 80%;
    }
    
    form {
        margin: 10px auto;
        padding: 40px 20px;
        background: #00a0b0;
        border: 1px solid #666;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 10px;
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    }
    
    form ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    form ul li {
        margin: .9em 0 0 0;
        padding: 0;
    }
    
    form * {
        line-height: 1em;
    }
    
    label {
        display: block;
        float: left;
        clear: left;
        text-align: right;
        width: 15%;
        padding: .4em 0 0 0;
        margin: .15em .5em 0 0;
    }
    
    table {
        width: 100%;
        border-collapse: collapse;
    }
    
    tr,
    th,
    td {
        padding: 10px;
        margin: 0;
        text-align: center;
    }
    
    table,
    th {
        border: 1px solid #00a0b0;
    }
    
    th {
        border-left: none;
        border-right: none;
        background: #ef7d50;
        color: #fff;
        cursor: default;
    }
    
    tr:nth-child(odd) {
        background: #fff4cf;
    }
    
    tr:nth-child(even) {
        background: #fff;
    }
    
    tr:hover {
        background: #00a0b0;
        cursor: pointer;
    }
    
    td,
    a {
        text-decoration: none;
    }
    
    #editForm {
        margin: 0px;
        padding: 3px;
        background: none;
        border: 0px;
        box-shadow: none;
    }
    
    .left {
        text-align: left;
    }
    
    .right {
        text-align: right;
    }