/* Interim layout file until we switch over to sass / some framework. */
.feature {
    clear: both;
    width: auto;
    margin: 1em 0 2em 0;
    padding: 1em 0 1em 0;
    background: #FFF repeat-y center;
    -moz-box-shadow: 0 0 7px #CCC;
    -webkit-box-shadow: 0 0 7px #CCC;
    box-shadow: 0 0 7px #CCC;
}
.feature.primary {

    background: -webkit-gradient( linear, 0 60%, 0 100%, from(#FFFFFF), to(#F0F0F0) );
    background: -moz-linear-gradient(top, #FFF, #FFF, #FFF, #F0F0F0);
}
.feature .summary {
    float: left;
    width: 320px;
}
.feature .summary .content {
    padding-left: 1em;
    padding-bottom: 1em;
}
.feature .summary .content h4 {

}
.feature .details {
    float: right;
    width: 600px;
}
.feature .details .content {
    padding-left: 30px;
    padding-bottom: 1em;
    padding-right: 1em;
    border-left: 1px dotted #CCC;
}

.readonly {
    background: url('images/read-only-mode-banner.gif') bottom center no-repeat;
    height: 75px;
    margin-top: 25px;
}