.container {
    border: 1px solid #B0C4DE;
}

.container-title {
    background-color: #B0C4DE;
    font-weight: bold;
    min-height: 22px;
}

.form-field {
    border-top:1px dotted #B0C4DE;
    clear:both;
    padding-bottom:6px;
    padding-top:6px;
}

.field-label {
    float: left;
    width: 13%;
    text-align: right;
}

.field-input {
    margin-left: 15%;
}

.untitled-field-input {
    clear: both;
}

.container .container {
    margin-left: 15%;
}

.field-input .container {
    margin-left: 0;
    margin-right: 1%;
    margin-top:1px;
}

.long-input {
    width: 85%;
}

.medium-input {
    width: 50%;
}

.CSCEditor {
    width: 100%;
    padding-bottom:3em;
}

.CSCEditorActionButtons input{
    margin: 0.2em;
}

.CSCEditorActionButtons{
    z-index: 1;
}

.hidden-element {
    display: none;
}
.textarea-replacement {
    border: 1px solid #ccc;
    min-height: 3em;
    width: 99%;
    overflow: hidden;
    white-space: normal;
    background-color: #fff;
}
.textarea-replacement p {
    margin: 0;
}
.empty-field-highlight {
    background-color: #FFFFE0;
}
.delete-textarea {
    width: auto;
}
.delete-textarea input, .delete-button {
    float: right;
}

.delete-textarea input {
    margin-top:-24px;
}

.study-package-table, .subject-table, .pathway-table{
    width: 100%;
}

.study-package-table tr th, .subject-table tr th, .pathway-table tr th{
    text-align: left;
    background-color: #B0C4DE;
}

.expand-all-button {
    width: 7em;
}

.left-command-button {
    float: left;
}

.right-command-button {
    float: right;
}

.field-input span input[type$="text"] {
    border: 1px solid #ccc;
}
.field-input span input[type$="text"]:focus{
    border: 1px solid red;
}

.no-bullet {
    list-style-type: none;
    margin-top: 0;
    margin-left: 0.5em;
    margin-bottom: 0;
    padding-left: 0
}

.no-bullet li{
    padding: 0.1em;
    margin: 0;
}

.field-input .no-bullet {
    margin-left: 0;
}

.clearboth {
    clear: both;
}

.toolbar-placeholder {
    display: inline;
    min-height: 22px;
}

.textarea-replacement, .form-field input, .form-field select {
    filter:alpha(opacity=80);       /* for IE */
    opacity:0.8;                    /* CSS3 standard */
}

.CSCMessages a {
    color: #f00;
}

#document-metadata {
    clear: both;
    border: 1px solid #B0C4DE;
    margin: 0 0 0.5em 0;
}

#document-metadata h3 {
    margin: 0;
    padding: 0 0 0 0.5em;
    background-color: #B0C4DE;
}

.toggle-button {
    float: right;
    width: 13px;
    height: 13px;
    margin: 2px;
}

.toggle-collapse {
    background-image: url("images/restore.gif");
    background-repeat:no-repeat;
}

.toggle-expand {
    background-image: url("images/minimize.gif");
    background-repeat:no-repeat;
}