body {
    font-family: "Open Sans", sans-serif;
    color: #666;
    background-color: #f9f9f9;
}

input.motd {
    padding: 5px 10px;
    border: 1px solid #ccc7ab;
    border-radius: 3px;
    font-size: 20px;
}
input.motd[type="button"]:hover,
input.motd[type="submit"]:hover {
    background-color: #a5a5a5;
    color: #fff;
}
input.motd[type="button"]:active {
    background-color: #666;
    color: #fff;
}
input.motd.delete[type="button"]:hover {
    background-color: #ffa7a7;
    color: #fff;
}
input.motd.add[type="button"]:hover {
    background-color: #72f568;
    color: #fff;
}
input.motd.title {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px;
}

textarea.motd.description {
    width: 100%;
    height: 200px;
    padding: 5px;
    border: 1px solid #ccc7ab;
    box-sizing: border-box;
    font-size: 20px;
}

.content {
    max-width: 1024px;
    width: 90%;
    margin: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.content.input h1 {
    text-align: center;
}

.motd_item {
    margin: 10px 0 50px;
    padding: 10px;
    box-shadow: 0px 3px 5px 2px #ccc7ab;
    background-color: #fef8d3;
}
.motd_item.delete {
    box-shadow: 0px 3px 5px 2px #ccabab;
    background-color: #ffa2a2;
}
.motd_item.prototype {
    display: none;
}

.motd_control {
    text-align: right;
    margin-top: 20px;
    height: 50px;
    margin-bottom: 20px;
}

.motd_login {
    width: 400px;
    margin: 50px auto 0;
}

/*****************************************************
For Visitors */

.motd_menu {
    margin-bottom: 50px;
}