body { font-family: sans-serif }
textarea, pre { font-family: monospace }
#header {
    height: 72px;
    border-bottom: #333333 solid 1px;
}
#footer {
    border-top: #333333 solid 1px;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 80%;
}
#logo {
    float: right;
}
h1   { font-size: 200%;
       color: blue
     }
h2   { font-size: 130% }

img {
    border: 0;
}

/* http://www.longren.org/wrapping-text-inside-pre-tags/ */
pre {
    overflow-x: auto; /* Use horizontal scroller if needed */
    white-space: pre-wrap;                  /* CSS3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla */
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-prep-wrap;              /* Opera 7 */
    word-wrap: break-word;                  /* IE 5.5+ */
    width: 99%;
}

.mark { color: red }
.error { color: red }
.warning { color: #ff3333 }
#debug { color: #cccccc; font-size: 80% }

h4 {
    color: #000033;
    background-color: #ccccff;
    border: 1px dashed gray;
    padding-left: 5px;
}

.edit h4 {
    background-color: #cccccc;
}

.edit h5 {
    border: 1px dotted gray;
    padding: 2px;
    background-color: #eeeeee;
}

.state, .timestamp {
    color: #cccccc;
    font-size: 70%;
}

.appnote {
    color: #888888;
    font-size: 70%;
}

.approval {
    background-color: #eeeeee;
    border: 1px dotted gray;
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 70%;
}

.approval_header {
    font-weight: bold;
}

.state-rejected {
    color: red;
}

.state-approved {
    color: green;
}

.date_picker {
    padding: 3px;
    margin-right: 10px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    /* -moz-user-select: none; */
    -ms-user-select: none;
    user-select: none;
}

.arrow_next {
    background-image: url('/main/diary/diary_next.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.arrow_prev {
    background-image: url('/main/diary/diary_prev.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}