﻿
#record-display { font-size: .8em }

#record-display .CFCS-hierarchy-context{ }
#record-display .CFCS-hierarchy-context ul { list-style: none; padding: 0; }
#record-display .CFCS-context-header-search{ display : none }
#record-display .CFCS-context-header-record{ display : inherit }

#record-display .CFCS-toggle:link,
#record-display .CFCS-toggle:visited { color: #fff; display: block; padding: 5px 12px; margin-bottom: 5px; text-decoration: none; border: #444 1px solid; border-radius: 0; background: #335075; }
#record-display .CFCS-toggle:hover { text-decoration: underline; }
#record-display .CFCS-toggle .CFCS-icon-down,
#record-display .CFCS-toggle .CFCS-icon-right { width: 15px; font-size: 1.3em; margin-right: 5px; }
#record-display .CFCS-toggle .CFCS-icon-down { display: none; }
#record-display .CFCS-toggle .CFCS-icon-right { display: inline-block; }
#record-display .CFCS-toggle.CFCS-toggle-opened .CFCS-icon-down { display: inline-block; }
#record-display .CFCS-toggle.CFCS-toggle-opened .CFCS-icon-right { display: none; }
#record-display .CFCS-collapsible { padding: 0 10px 10px 10px; margin-bottom: 15px; }

#record-display dt.CFCS-row-label { display: block; float: left; width: 26%; text-align: right }
#record-display dd.CFCS-row-value { display: block; float: left; width: 70%; }

#record-display dl dl dt.CFCS-row-label { display: block; float: none; width: 100%; text-align: left}
#record-display dl dl dd.CFCS-row-value { display: block; width: 100% }

#record-display dl.row dt { line-height: 1.5em; margin-bottom: 7px }
#record-display dl.row dd { line-height: 1.5em; margin-bottom: 7px; padding: 0 10px }

#record-display dl { overflow: hidden; margin: 0 0 0 0; }
#record-display dl dt { clear: left; margin-bottom: 0; }
#record-display dl dd { margin: 0 0 10px 0; }
#record-display dl dd .CFCS-field-container dl { margin-top:0; }
#record-display dl dd .CFCS-field-container dl dd { margin: 0; }
#record-display dl dd .CFCS-field-container .row-label { text-align: left; display: block; float: none; padding-left: 0; width: 100%; }
#record-display dl dd .CFCS-field-container .row-value { text-align: left; display: block; float: none; padding-left: 0; width: 100%; }

#record-display dl dt.vault-isn-first { border-bottom: 1px solid silver; background-color: #eee; border-top-left-radius: 4px; }
#record-display dl dt.vault-isn { border-bottom: 1px solid silver; background-color: #eee; margin-top: 15px; }
#record-display dl dd.vault-isn-first { border-bottom: 1px solid silver; background-color: #eee; border-top-right-radius: 4px; }
#record-display dl dd.vault-isn { border-bottom: 1px solid silver; background-color: #eee; margin-top: 15px; }


#record-display a.CFCS-hide { display: none}

@media screen and (max-width: 480px) {
    .CFCS-nav-all { display: block; width: 100%; }
    .CFCS-nav-left { display: block; width: 100%; text-align: left; }
    .CFCS-nav-right{ display: block; width: 100%; text-align: left; }
    .CFCS-page-prev{ display: block; width: 100%; text-align: left; margin-top: 10px; }
    .CFCS-page-lbl{ display: block; width: 100%; text-align: left; }
    .CFCS-page-next{ display: block; width: 100%; text-align: left; }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .CFCS-nav-all { display: block; width: 100%; }
    .CFCS-nav-left { display: block; width: 100%; text-align: left; }
    .CFCS-nav-right{ display: block; width: 100%; text-align: left; }
    .CFCS-page-prev{ display: block; width: 100%; text-align: left; margin-top: 10px; }
    .CFCS-page-lbl{ display: block; width: 100%; text-align: left; }
    .CFCS-page-next{ display: block; width: 100%; text-align: left; }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .CFCS-nav-all { display: table; border-collapse: separate; border-spacing: 2px; width: 100%; }
    .CFCS-nav-left { display: table-cell; width: 50%; text-align: left; }
    .CFCS-nav-right{ display: table-cell; width: 50%; text-align: right }
    .CFCS-page-prev{ display: inline-block; }
    .CFCS-page-lbl{ display: inline-block; }
    .CFCS-page-next{ display: inline-block; }
}
@media screen and (min-width: 992px) {
    .CFCS-nav-all { display: table; border-collapse: separate; border-spacing: 2px; width: 100%; }
    .CFCS-nav-left { display: table-cell; width: 50%; text-align: left; }
    .CFCS-nav-right{ display: table-cell; width: 50%; text-align: right }
    .CFCS-page-prev{ display: inline-block; }
    .CFCS-page-lbl{ display: inline-block; }
    .CFCS-page-next{ display: inline-block; }
}