.lockers-user-badge {
    float: right;
}


.h3, h3 {
    font-size: 131%;
}

.h2, h2 {
    font-size: 153.9%;
}

em, em * {
    font-style: italic;
}

.debug {
    border: 1px solid #f00;
}

.debug2 {
    border: 1px solid #00f;
}

.clear {
    clear: both;
}

.lockers-thumbnail img {
    display: block;
}

.lockers-history-message {
    font-weight: bold;
}

.lockers-history-message-generated {
    font-weight: bold;
    color: #777;
}

.lockers-history-details {
    font-style: italic;
}

.lockers-history-table {
    display: table;
}

.lockers-history-row {
    padding: 2em;

}

.lockers-history-icon, .lockers-history-detail-message {
    display: table-cell;
    vertical-align: middle;
}

.lockers-history-detail {
    padding: 0.5em 0;
}

.lockers-form-textarea-main {
    width: 100%;
}

.lockers-form-message-field {
    width: 80%;
}

/* .field { */
/*     float: left; */
/*     clear: both; */
/* } */

/* .field_name { */
/*     float: left; */
/* } */

/* .field_value { */
/*     float: right; */
/* } */

/* FIXME: is this actually specific to pictures module? */
.lockers-pictures-thumbnail-frame {
    margin: 5px;

    /* cross-platform display: inline-block thanks to
       http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
       */
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;    /* IE hack to set hasDisplay */
    *display: inline; /* IE hack to et display inline */
}