/*---------------------+
 | Site: JJGPS         |
 | Part: Master styles |
 +---------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Quattrocento:400,700|Quattrocento+Sans:400,400italic,700,700italic);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css);
@import url(/content/styles/ie.css);

@font-face {
    font-family: "StateFaceRegular";
    src: url("/content/fonts/stateface/stateface-regular-webfont.eot");
    src: url("/content/fonts/stateface/stateface-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("/content/fonts/stateface/stateface-regular-webfont.woff") format("woff"),
         url("/content/fonts/stateface/stateface-regular-webfont.ttf") format("truetype"),
         url("/content/fonts/stateface/stateface-regular-webfont.svg#StateFaceRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Fonts
======================================================================*/
.action, .highcharts-container *, .ui-widget { font-family: "Quattrocento Sans", Arial, sans-serif !important; }
body, #cse .gs-title, #cse .gs-title *, h2, input, .mute, #subheader-nav, select, .state-sparkline, textarea, .ui-tooltip, .wdropdown {
    font-family: "Quattrocento Sans", Arial, sans-serif;
}
#footer h6, h1, #subfooter, #subheader { font-family: Quattrocento, Georgia, "Times New Roman", Times, serif; }
input[type=password] { font-family: Arial, sans-serif; }
.state-thumb { font-family: "StateFaceRegular", Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #247bcd; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { background: #34495e; font-size: 16px; line-height: 1.4; padding-bottom: 30px; }
cite, em { font-style: italic; }
dl { margin-bottom: 0.5em; }
dt { margin-top: 1.4em; }
dt:first-child { margin-top: 0; }
dt, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { font-size: 40px; font-weight: normal; line-height: 1.02; margin-bottom: 0.1em; }
h2 { font-size: 24px; line-height: 1.08; margin-bottom: 0.3em; }
h3 { font-size: 20px; line-height: 1.2; margin-bottom: 0.3em; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 2em 0; }
img { max-width: 100%; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }
ol, p, table, ul { margin-bottom: 1.4em; }
sub { vertical-align: sub; }
sub, sup { font-size: 11px; font-weight: normal; white-space: nowrap; }
sup { vertical-align: super; }
svg { width: 100% !important; }
table { border-collapse: collapse; width: 100%; }
table h2, table ol, table p, table ul { margin-bottom: 0; }
td, th { border: 1px solid #d9d9d9; padding: 0.35em 0.5em; text-align: center; vertical-align: top; }
td:first-child, th:first-child { text-align: left; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
th { background: #f0f0f0; }
thead th { font-weight: bold; font-size: 13px; text-align: center; vertical-align: bottom; }
thead th:first-child { padding-left: 0.5em; }
tr:hover { background: #f7f7f7; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.content, #content, #footer-content, #nav-content, #header-content, #subfooter-content, #subheader-content { margin: 0 auto; max-width: 980px; min-width: 760px; }
.clear { clear: both; }

/* Account */
.account { margin-top: 30px; }
.account-primary { float: left; width: 30.80%; }
.account-secondary { float: right; width: 67.36%; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/* Content */
#content { overflow: hidden; }
#content-primary { float: left; width: 71.4%; }
#content-secondary { float: right; width: 26.4%; }
#content-wrapper { background: #fff; padding: 30px 20px 40px; }

    /* Full */
    .full #content-primary { float: none; width: auto; }
    .full #content-secondary { display: none; }
    
    /* Home */
    .home #content-primary { float: none; width: auto; }
    .home #content-secondary { display: none; }
    .home #content-wrapper { padding-top: 50px; }
    
    /* Print preview */
    @media screen {
        .print { padding: 30px; }
        .print #content-wrapper, .print #footer, .print #header, .print #subheader { margin-left: auto; margin-right: auto; max-width: 980px; }
        #print-options { display: block !important; text-align: center; }
        #print-options .action { display: inline-block; }
    }
        
    /* Sign in */
    .signin #content-primary { float: none; margin: 0 auto; width: 65%; }
    .signin #content-secondary { display: none; }
    .signin #content { background: #fff; }
    .signin #footer .section, .signin #footer #photos { display: none; }


/* Content
======================================================================*/

/* Action */
a.action, .action a {
    -webkit-appearance: none;
    background: #206aa3;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 0.6em 1em 0.5em;
}

.action:hover { text-decoration: none; }
.action.r { margin: 0 0 10px 10px; }

/* Admin */

    /* Manage years */
    .manage-years {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        list-style: none;
        margin: 0;
    }

/* Age boundaries */
.age-boundaries { list-style: none; margin: 20px 0 0; overflow: hidden; }
.age-boundaries li { float: left; width: 33%; }
.age-boundaries strong { color: #31ad8b; display: block; font-size: 30px; }

/* Agency integration (SI) */
#agency-integration .fa-building-o, #agency-integration .fa-exchange, #agency-integration .fa-group, #agency-integration .fa-lock, #agency-integration .fa-umbrella { color: #36bf99; }
#agency-integration .fa-group, #agency-integration .fa-lock { display: block; font-size: 40px; margin-bottom: 0.2em; }
.agency-integration-level { display: block; font-size: 40px; margin-bottom: 0.2em; }
.agency-integration-level .fa { margin: 0 0.1em; }
#agency-integration-status { list-style: none; margin: 15px 0; text-align: center; }
#agency-integration-status li { float: left; padding: 0 1.5%; width: 30%; }
#agency-integration-status p { margin: 0; }

/* Alluvial diagram */
.alluvial { margin-bottom: 20px; }
.alluvial .link { fill: none; stroke: #37bf99; stroke-opacity: 0.2; }
.alluvial .node rect { fill: #37bf99; fill-opacity: 0.8; shape-rendering: crispEdges; }
.alluvial text { font-size: 13px; }
#no-chart { margin-bottom: 10px; }

    /* JD > National outcomes */
    #national-outcomes .alluvial .column-0 text { font-size: 16px; font-weight: 600; }
    
        /* Public defender */
        .publicDefender .alluvial .link { stroke: #206aa3; }
        .publicDefender .alluvial .node rect { fill: #206aa3; }
        
        /* Retained */
        .retained .alluvial .link { stroke: #b3d5a0; }
        .retained .alluvial .node rect { fill: #b3d5a0; }

/* Announcement */
#announcement { background: #fffcc1; padding: 0.5em 2em; text-align: center; }

/* Button groups */
.btn-group { float: left; list-style: none; margin: 0 20px 20px 0; position: relative; }
.btn-group .action { background: #fff; border: 1px solid #ccc; border-radius: 0; font-weight: normal; color: #206aa3; }
.btn-group > li { float: left; margin-right: -1px; position: relative; }
.btn-group > li:first-child .action, .btn-group > li:first-child .custom-select select, .btn-group > li:first-child .wdropdown .selected { border-radius: 4px 0 0 4px; }
.btn-group > li:last-child .action, .btn-group > li:last-child .custom-select select, .btn-group > li:last-child .wdropdown .selected { border-radius: 0 4px 4px 0; }
.btn-group > li.current .action { background: #206aa3; border-color: #206aa3; color: #fff; }
.btn-group > li .custom-select select { border-radius: 0; }

    /* JB > Compare transfer provisions */
    .btn-group.pb-facets { margin-right: 0; }
    .btn-group.pb-facets > li { margin-right: 10px; }
    
    /* JB > State detail > Transfer policies */
    .btn-group.tp-facets { float: right; margin: 0 0 20px 20px; }
    .btn-group.tp-facets > li { margin: 0 0 0 10px; }

/* Callouts */
[class *= "call"] { margn-bottom: 0.5em; max-width: 100%; }
[class *= "call"] img { display: block; }
.call-c { margin: 0 auto; }
.call-l { clear: left; float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { clear: right; float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }
dt img.call-l { margin-top: 0; }

/* Charts */
    /* Table row bar chart */
    table .chart { padding-top: 2em; vertical-align: bottom; }
    table .chart .label { left: 0; position: absolute; text-align: center; top: -1.5em; width: 100%; }
    table .chart .point { height: 120px; position: relative; }
    table .chart .value { background: #37bf99; bottom: 0; left: 0; position: absolute; width: 100%; }

/* Circle images */
.circle { display: block; }
.circle img { border-radius: 1000px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

/* Citations */
.citation-content { border: 1px solid #ccc; border-radius: 4px; clear: both; margin: 20px 0; padding: 25px 25px 10px; }
.citation-content .addthis_toolbox { margin-bottom: 5px; }
.citation-toggler { border: 1px solid #ccc; border-radius: 3px; display: inline-block; line-height: 1; padding: 0.5em 0.5em 0.4em; }
.citation-toggler:hover { background: #206aa3; border-color: #206aa3; color: #fff; }

/* Datapoints */
.datahead { color: #36bf99; font-size: 20px; font-weight: bold; line-height: 1.2; }
.datapoints { list-style: none; margin-left: 0; overflow: hidden; text-align: center; }
.datapoints .datahead { margin: 0; }
.datapoints h3 { margin: 0; }
.datapoints li { box-sizing: border-box; float: left; padding: 0 10px; }
.datapoints .status { display: block; font-size: 40px; }

    /* SOI > Age boundaries */
    #soi-age-boundaries { font-size: 20px; }
    #soi-age-boundaries .datahead { font-size: 30px; }
    #soi-age-boundaries p { margin: 0; }
    
    /* Widths */
    .datapoints-2 li { width: 50%; }
    .datapoints-3 li { width: 33.33%; }
    .datapoints-4 li { width: 25%; }
    .datapoints-5 li { width: 20%; }
    .datapoints-6 li { width: 16.66%; }
    .datapoints-7 li { width: 14.28%; }
    .datapoints-8 li { width: 12.5%; }

/* DataTables */
.dataTables_wrapper { clear: both; }
.dataTables_wrapper .dataTables_filter { margin-bottom: 10px; }
.dataTables_wrapper .dataTables_filter .txt { margin: 0; width: 10em; }
.dataTables_wrapper .dataTables_info { float: right; }
.dataTables_wrapper .dataTables_length { float: right; }
.dataTables_wrapper .dataTables_length select { margin-left: 0.5em; }
.dataTables_wrapper .dataTables_paginate a { cursor: pointer; margin-right: 1em; }
.dataTables_wrapper .dataTables_paginate a.paginate_active,
.dataTables_wrapper .dataTables_paginate a.current { color: #000; cursor: default; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate a.paginate_button_disabled { color: #666; cursor: default; }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { color: #0c61af; cursor: pointer; }
.dataTables_wrapper table { clear: both; }
.dataTables_wrapper th .fa-caret-down, .dataTables_wrapper th .fa-caret-up { margin-left: 0.3em; }

.dataTables_wrapper th.sorting .fa-caret-down,
.dataTables_wrapper th.sorting .fa-caret-up,
.dataTables_wrapper th.sorting_asc .fa-caret-down,
.dataTables_wrapper th.sorting_desc .fa-caret-up {
    display: none;
}

/* Dropdowns */
.wdropdown { position: relative; }
.wdropdown > .selected { background: #fff; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; display: inline-block; padding: 0.6em 0.5em 0.5em; text-align: left; white-space: nowrap; }
.wdropdown > .selected .fa { margin-left: 0.5em; padding-top: 0.2em; }
.wdropdown > .selected:hover { background: #f2f2f2; text-decoration: none; }
.wdropdown li { margin: 0; }
.wdropdown.focus > .selected { border: 1px solid #0c6ac8; }

.wdropdown .menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    text-align: left;
    top: 31px;
    white-space: nowrap;
    z-index: 999;
}

.wdropdown ul { list-style: none; margin: 0; }
.wdropdown ul a { cursor: pointer; display: block; padding: 0.5em 2em 0.5em 1em; }
.wdropdown ul a:hover { background: #f2f2f2; text-decoration: none; }
.wdropdown ul .current { background: #f2f2f2; }

/* Disabled */
.disabled { color: #ccc; }
.disabled a { color: #ccc; cursor: default; }

/* Exports */
.exports dd, .exports dt { padding-left: 33px; }
.exports dt { clear: both; }
.exports .fa { float: left; font-size: 32px; margin: 3px 0 0 -33px; }

/* Features */
.features h3 { font-size: 24px; }
.features li { margin-bottom: 0.2em; }
.features p { margin-bottom: 0.5em; }
.features .states { list-style: none; margin: 0; }
.features .states li { padding-left: 20px; margin: 0; text-indent: -11px; }
.features .state-thumb { display: inline-block; font-size: 20px; text-align: center; width: 25px; }
.features ul { margin-left: 0; }
.feature-primary { float: left; width: 45%; }
.feature-secondary { float: right; width: 45%; }
.feature-section { border-bottom: 1px solid #ddd; clear: both; overflow: hidden; padding: 40px 0; }
.feature-section:last-of-type { border: 0; }

/* Feedback */
.feedback td, .feedback th { text-align: left; }

/* Flags */
.flag { background: #ccc; border-radius: 4px; color: #fff; display: inline-block; font-size: 13px; line-height: 1; padding: 0.5em 0.7em; text-transform: uppercase; vertical-align: middle; }
.flag-available { background: #3bbf98; }

/* Filters */
.filters { font-size: 15px; list-style: none; margin: 0 0 15px; overflow: hidden; padding: 0 0 1px; text-align: center; }
.filters a { border: 1px solid #ddd; display: block; overflow: hidden; padding: 0.5em; text-overflow: ellipsis; white-space: nowrap; }
.filters a:hover { background: #eee; text-decoration: none; }
.filters .current a { background: #206aa3; color: #fff; }
.filters .current a .fa-question-circle { color: #fff; }
.filters li { float: left; margin: 0 -1px -1px 0; width: 33.33%; }

    /* Grouped filters */
    .filters-grouped { list-style: none; margin: 0; }
    .filters-grouped .filter-group { clear: both; margin-bottom: 20px; overflow: hidden; }
    .filters-grouped .filter-group-title { box-sizing: border-box; float: left; padding: 0.5em 15px 0 0; width: 30%; }
    .filters-grouped .filters { float: right; margin: 0; width: 70%; }

    /* JB > Transfer trends */
    #tt-states.filters li { width: 10%; }
    
    /* JD > Collateral consequences */
    #cc-states.filters li { text-align: center; width: 10%; }
    
    /* JD > Competency */
    #competency-to-stand-trial .filters li { width: 50%; }
    
    /* JD > Defense structure */
    #defense-structure .filters li { width: 50%; }
    
    /* JD > National trends */
    #tlc-states.filters a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    #tlc-states.filters li { width: 12.5%; }
    
    /* JJS > Recidivism */
    #re-filters li, #woc-filters.filters li { width: 25%; }
    
    /* JJS > Structure */
    #st-filters li { width: 25%; }
    
    /* REF > Monitoring methods */
    #mm-simple-filters li { width: 25%; }
    #mm-views li { width: 50%; }
    
    /* REF > Populations */
    #po-views li { width: 50%; }
    
    /* SI > Progressive data */
    #pd-states li { width: 16.66%; }
    
    /* SI > Reported data */
    #rd-states.filters li { width: 12.5%; }
    #reported-data .special { color: #36bf99; }
    
/* Footer */
#footer { font-size: 13px; }
#footer { color: rgba(255, 255, 255, 0.7); }
#footer a, #footer h6 { color: #fff; }
#footer-content { padding: 20px; }
#footer h6 { font-size: 20px; font-weight: normal; margin-bottom: 0.5em; }
#footer p { margin-bottom: 0.7em; }
#footer .section { float: left; margin-right: 2%; margin-bottom: 20px; width: 23.4%; }
#signin-link { margin-left: 1em; }

    /* Collaborators */
    #footer .collaborators { border-bottom: 1px solid #71808e; margin-bottom: 25px; text-align: center; }
    #footer .collaborators a { opacity: 0.5; }
    #footer .collaborators a:hover { opacity: 1; }
    #footer .collaborators img { max-height: 50px; vertical-align: middle; }
    #footer .collaborators li { display: inline; margin: 0 30px; }
    #footer .collaborators ul { line-height: 100px; list-style: none; margin-left: 0; }
    
    /* Colophon */
    #colophon { clear: both; padding-top: 25px; }
    #colophon address { display: block; margin-bottom: 0.5em; }
    #colophon .adr, #colophon .tel, #colophon .fax { margin-right: 0.7em; }
    #colophon .org { display: block; font-size: 15px; margin-bottom: 0.4em; }
    #copyright { font-size: 11px; }
    #copyright a { margin-left: 0.7em; }
    
    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a strong { font-weight: normal; }
    #credit a:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter { background: #f0f0e8; font-size: 20px; line-height: 1.3; padding: 30px 20px; }
    #subfooter p { margin-bottom: 0.5em; }
    #subfooter-primary { float: left; width: 48%; }
    #subfooter-secondary { float: right; width: 48%; }
    
    /* Websites */
    #footer .websites { border-bottom: 1px solid #71808e; margin-bottom: 25px; text-align: center; }
    #footer .websites h6 { margin-bottom: 0.5em; }
    #footer .websites li { display: inline; margin: 0 10px; }
    #footer .websites ul { list-style: none; margin-left: 0; }

/* Footnotes */
.footnotes { clear: both; color: #7f7f7f; font-size: 13px; list-style: none; margin: 10px 0; padding: 0; }
.footnotes li { margin-bottom: 0.5em; }

/* Glossary */
.glossary dt { font-size: 24px; }
.glossary-mini dd { margin-bottom: 1.4em; }
.glossary-mini dd:after { content: " "; display: block; clear: both; }
.glossary-mini dt { float: left; margin: 0 0.3em 0 0; }
.glossary-mini p { margin-bottom: 0.5em; }

/* Grids */
.grid { clear: both; list-style: none; margin-left: 0; overflow: hidden; }
.grid > li { box-sizing: border-box; float: left; margin: 0 2.7% 25px 0; }
.grid p { margin-bottom: 0.5em; }
.grid .thumb { display: block; margin-bottom: 5px; max-width: none; width: 100%; }
.grid .title { font-weight: 600; margin-right: 0.3em; }

    /* Columns */
    .grid.grid1 > li { margin-right: 0; }
    .grid.grid2 > li { width: 48.64%; }
    .grid.grid3 > li { width: 31.53%; }
    .grid.grid4 > li { width: 22.97%; }
    .grid.grid5 > li { width: 17.83%; }
    
    .grid.grid2 > li:nth-child(2n+2),
    .grid.grid3 > li:nth-child(3n+3),
    .grid.grid4 > li:nth-child(4n+4),
    .grid.grid5 > li:nth-child(5n+5) { margin-right: 0; }
    
    .grid.grid2 > li:nth-child(2n+3),
    .grid.grid3 > li:nth-child(3n+4),
    .grid.grid4 > li:nth-child(4n+5),
    .grid.grid5 > li:nth-child(5n+6) { clear: left; }
    
    /* TOC */
    #toc img { margin-bottom: 15px; width: 75%; }
    #toc [class *= "call"], #toc [class *= "style"] { float: none; margin: 0; width: 100% !important; }
    
/* Header */
#header { padding: 20px; }

    /* Logo */
    #logo { float: left; padding-top: 28px; }
    #logo img { display: block; max-width: 475px; width: 100%; }
    #logo-print { display: none; }
    
    /* Subheader */
    #subheader { background: #f0f0e8; padding: 30px 20px; }
    #subheader h1 { margin: 0; }
    #subheader h1 .state-thumb { font-size: 38px; }
    #subheader p:last-child { margin: 0; }
    
        /* Home */
        .home #subheader { background: #34495e url(/content/images/home-bg.png) 50% 40% no-repeat; font-size: 22px; line-height: 1.3; overflow: hidden; padding: 60px 20px 70px; }
        .home #subheader [class *= "call"], .home #subheader [style *= "width"] { float: none; width: auto !important; }
        .home #subheader .action { background: #36bf99; font-size: 22px; }
        .home #subheader, .home #subheader a, .home #subheader .mute { color: #fff; }
        .home #subheader p { margin-bottom: 0.5; }
        .home #subheader h1 { margin-bottom: 0.3em; }
        .home #subheader-primary { margin-right: 2%; }
        .home #subheader-primary, .home #subheader-secondary { display: inline-block; vertical-align: middle; width: 48.57%; }

/* Help */
.help { cursor: help; }

/* Hidden */
.hidden { left: -999em; position: absolute; top: 0; }

/* Icons */
.fa-ban { color: #ddd; }
.fa-check-circle, .state-thumb { color: #36bf99; }
.fa-question-circle { color: #999; }
.fa-twitter { color: #55acee; }
.state-thumb { font-size: 30px; font-weight: normal; margin: 0; vertical-align: middle; }

/* Icon lists */
.icon-list { list-style: none; margin-left: 0; }
.icon-list .fa { float: left; margin: 0 0 0 -44px; }
.icon-list h3 { margin: 0; }
.icon-list li { clear: both; padding-left: 45px; }

/* Indigency requirements */
#indigency-requirements h3 { color: #36bf99; }
#indigency-requirements .section-primary h3 { color: #000; }

/* Intro */
.intro { font-size: 20px; margin-bottom: 30px; }
.intro h2 { color: #33495e; font-size: 30px; margin-bottom: 0.2em; }

/* jQuery UI */
.ui-widget { font-size: 1em; }

    /* Dialogs */
    .ui-dialog { border: 4px solid #999; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); }
    .ui-dialog h2 { margin-bottom: 0.5em; }
    .ui-dialog.ui-corner-all { border-radius: 0; padding: 0; }
    .ui-dialog .ui-cancel { background: none; border: 0; color: #000; }
    .ui-dialog .ui-dialog-buttonpane { margin: 0; padding: 0 20px 20px; }
    .ui-dialog .ui-dialog-content { padding: 20px 20px 10px; }
    .ui-dialog .ui-dialog-titlebar { background: #f0f0e8; font-size: 21px; padding: 10px 20px; }
    .ui-dialog .ui-dialog-titlebar-close { display: none; }

    .ui-dialog .ui-ok {
        background: #6798c3;
        border: 0;
        border-radius: 4px;
        color: #fff;
        font-weight: 600;
        padding: 0.2em 0.5em 0.3em;
    }

    .ui-dialog .ui-widget-content { border: 0; }
    .ui-dialog .ui-widget-header { border: 0; }
    
    /* Tooltips */
    .ui-tooltip { font-size: 14px; max-width: 350px; padding: 15px; }
    .ui-tooltip h6 { font-size: 16px; }
    .ui-tooltip p { margin: 0; }

/* Legends */
.legend { list-style: none; margin-left: 0; }
.legend li { display: inline; margin-right: 1em; }

    /* JD > Indigency */
    #indigency-requirements .legend .progressive { background: #d7f2eb; line-height: 2; padding: 0.5em 0.5em 0.3em; }
    
    /* Maps */
    .mini-map .state-code.inside { display: none; }
    .mini-map path { stroke-width: 2px; }
    .mini-map-legend { clear: both; margin-bottom: 10px; overflow: hidden; }
    .mini-map-legend .count { border-bottom: 1px solid #fff; color: #fff; display: block; padding: 0.25em 0; text-align: center; }
    .mini-map-legend .label { display: block; font-size: 11px; padding: 0.25em 0; text-align: center; }
    .mini-map-legend .dark .count { color: #000; }
    .mini-map-legend .light .count { color: #fff; }
    .mini-map-legend ul { list-style: none; margin: 0; padding: 0; }
    .mini-map-legend ul > li { float: left; margin-right: 1px; }
    
    /* REF > Monitoring methods */
    #mm-simple-footnotes li { display: block; margin: 0; }

/* Maps */
.map-wrapper { position: relative; }
.map-wrapper::after { bottom: 4px; color: #777; content: "Click states for details"; font-size: 13px; left: 0; position: absolute; text-align: center; width: 100%; }

/* Map popup */
.map-popup { background: #fff; border: 1px solid #888; padding: 0.75em; padding-bottom: 0; position: absolute; z-index: 99; -webkit-border-radius: 6px; border-radius: 6px; }
.map-popup p { margin-bottom: 0.5em; }

/* Muted text */
.mute { color: #7f7f7f; font-size: 14px; font-weight: normal; margin: 0; }

/* Navigation */
#nav { background: rgba(255, 255, 255, 0.15); font-size: 18px; padding: 10px 20px; }
#nav-content { align-items: center; display: flex; justify-content: space-between; }

    /* Area */
    .nav-area li { display: inline; margin: 0 1em 0 0; }
    .nav-area .wdropdown li { margin: 0; }
    .nav-area .wdropdown .menu { left: auto; right: 0; }
    .nav-area .wdropdown ul { padding: 0; }
    .nav-area.sticky-active { background: #f0f0e8; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); padding: 1em 1em 0.5em; z-index: 1000; }
    .nav-area.sticky-active h1 { font-size: 27px; }
    .nav-area.sticky-active ul { margin: 0; }
    .nav-area ul { list-style: none; margin: 0 0 0.5em 0; padding: 0.5em 0; }
    .nav-area .collapsible-nav { clear: both; max-height: 30px; overflow: hidden; }
    .nav-area .collapsible-nav li { display: inline-block; white-space: nowrap; }
    
    /* Area footer */
    #nav-area-footer { font-size: 24px; overflow: hidden; padding-top: 30px; }
    #nav-area-footer .next { float: right; text-align: right; }
    #nav-area-footer .prev { float: left; }
    
    /* Dropdowns */
    .nav-dropdown { display: none; position: relative; }
    .nav-dropdown .close { color: rgba(0, 0, 0, 0.2); font-size: 30px; opacity: 0.8; position: absolute; right: 0; top: 0; }
    .nav-dropdown li { line-height: 1.8; margin: 0; }
    
    .nav-dropdown .nav-dropdown-content {
        background: rgba(240, 240, 232, 0.97);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        left: 0;
        max-height: 670px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 2em 20px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    
    .nav-dropdown .nav-dropdown-content .content {  position: relative; }
    
        /* States */
        .nav-states {
            -moz-column-count: 5;
            -webkit-column-count: 5;
            column-count: 5;
            -moz-column-gap: 30px;
            -webkit-column-gap: 30px;
            column-gap: 30px;
            list-style: none;
            margin: 0;
        }
        
        .nav-states li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
        .nav-states .state-thumb { display: inline-block; font-size: 18px; text-align: center; width: 1.7em; }
        
        /* Topics */
        .nav-topic { border-bottom: 1px solid rgba(0, 0, 0, 0.3); display: flex; justify-content: space-between; margin-bottom: 2em; padding-bottom: 2em; }
        .nav-topic:last-child { border: 0; }
        .nav-topic .nav-topic-description { width: 39.88%; }
        .nav-topic .nav-topic-subtopics { width: 57.05%; }
        .nav-topic .nav-topic-subtopics li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
        
        .nav-topic .nav-topic-subtopics ul {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            -moz-column-gap: 30px;
            -webkit-column-gap: 30px;
            column-gap: 30px;
            list-style: none;
            margin: 0;
        }
        
        .nav-topic p { margin: 0; }
    
    /* Extra */
    #nav-extra { font-size: 18px; list-style: none; margin: 0; text-align: right; }
    #nav-extra a { color: #fff; }
    #nav-extra li { display: inline; margin-left: 0.75em; }
    #nav-extra li.current { font-weight: bold; }
    
    /* Primary */
    #nav-primary { list-style: none; margin: 0; white-space: nowrap; }
    #nav-primary li { display: inline-block; margin: 0 0.5em 0 0; }
    #nav-primary li a { background: rgba(255, 255, 255, 0.2); border-radius: 4px; color: #fff; display: inline-block; padding: 0.5em 2em; }
    #nav-primary li a:hover { background: rgba(255, 255, 255, 0.4); text-decoration: none; }
    #nav-primary li.current a { background: #fff; color: #000; }
    #nav-primary ul { list-style: none; margin: 0; }
    
    /* Secondary navigation */
    #nav-secondary { border-top: 1px solid #ddd; font-size: 18px; margin-bottom: 30px; }
    #nav-secondary a { display: block; padding: 0.5em 0; }
    #nav-secondary a:hover { color: #37bf99; text-decoration: none; }
    #nav-secondary li { border-bottom: 1px solid #ddd; margin: 0; }
    #nav-secondary li.current { border-left: 5px solid #37bf99; }
    #nav-secondary li.current > a { color: #000; font-weight: bold; padding-left: 0.7em; }
    #nav-secondary li.current li.current > a { padding: 0; }
    #nav-secondary li.current ul { font-weight: normal; list-style: disc; margin: 0 0 0.5em 2.2em; }
    #nav-secondary li.current li:last-child { border: 0; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul ul a { border: 0; display: inline; padding: 0; }

    /* Collapsible nav */
    .collapsible-nav.open { max-height: none; }
    .collapsible-nav.open li { float: left; margin: 0 0 0.5em 0; width: 33.33%; }
    .collapsible-nav.open ul { background: rgba(255, 255, 255, 0.2); clear: both; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.07); margin-bottom: 20px; overflow: hidden; padding: 30px; }
    .collapsible-nav.open ul a { display: block; overflow: hidden; padding-right: 1em; text-overflow: ellipsis; white-space: nowrap; }
    .collapsible-nav-toggle { float: right; padding-top: 0.5em; text-align: right; }
        
/* News */
.news dt { font-size: 18px; font-weight: 600; }
.news-details { margin: 1em 0; }
.news-details > li { margin-bottom: 0.5em; }
.news-details, .news-details ul { list-style: none; margin-left: 0; }
.news-details ul, .news-details ul li { display: inline; }
.news-details ul li:after { content: ", "; }
.news-details ul li:last-child:after { content: ""; }

    /* In-context updates */
    .news-loader .news { background: #f0f0e8; padding: 20px; }
    .news-loader p { margin-bottom: 0.5em; }
    .updated { background: #faa93f; color: #fff; display: inline-block; font-size: 13px; line-height: 1; padding: 0.6em 0.7em 0.5em; text-transform: uppercase; }
    .updated:hover { opacity: 0.7; text-decoration: none; }

/* Play slider */
.play { height: 40px; margin-bottom: 20px; position: relative; width: 625px; }
.play .action { background: #fff; border: 1px solid #ababab; color: #0f5bcf; float: left; font-weight: normal; position: relative; z-index: 100; }
.play .action:hover { background: #f0f0f0; }
.play .legend { float: right; }
.play .slider { float: right; }
.play .ui-slider-handle { background: #fff; border-color: #666; border-radius: 40px; height: 18px; width: 18px; }
.play .ui-slider-horizontal { height: 10px; }
.play .play-slider-legend { float: right; margin-top: 2px; position: relative; }
.play .play-slider-legend .tick { float: left; position: absolute; }
.play .play-slider-legend .tick .tick-line { background: #bbb; display: block; height: 9px; margin: 0 12px; width: 1px; }
.play .play-slider-legend .tick .tick-value { display: block; font-size: 13px; text-align: center; }

/* Project status */
.project-status { list-style: none; margin-left: 0; }
.project-status li { margin-bottom: 2em; }
.project-status .unavailable { color: #414042; }
.project-status .unavailable h3 { color: #58595b; }

/* Publications */
.publications { list-style: none; margin: 10px 0; padding: 0; }

/* qTip */
.qtip.qtip-default { background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 16px; line-height: 1.4; max-width: 370px; }
.qtip.qtip-default .qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }

/* Racial and ethnic fairness */
    /* Monitoring methods */
    #methods * { text-align: left; }
    #methods tbody th { font-size: 20px; font-weight: bold; white-space: nowrap; }
    #methods td { width: 37%; }
    #methods td, #methods th { border-width: 0 0 1px; font-size: 1em; padding-right: 1em; }
    #methods th { background: none; }
    #methods th .fa { color: #3bbf98; }
    #methods ol { margin-left: 1em; }
    
    /* Populations */
    #po-multi-chart { list-style: none; margin-left: 0; overflow: hidden; }
    #po-multi-chart li { float: left; margin: 0 2.7% 25px 0; width: 48%; }
    #po-multi-chart li:nth-child(2n+2) { margin-right: 0; }
    #po-multi-chart li:nth-child(2n+3) { clear: left; }
    
    /* Reported data */
    #caseflow .checked [id *= "-box"] { fill: #36bf99; }
    #caseflow .checked .symbol { fill: #fff; }
    #caseflow .checked .title { fill: #fff; }
    #caseflow .symbol { font-family: FontAwesome; font-size: 24px; }
    #caseflow .unchecked [id *= "-box"] { fill: #fff; stroke: #ccc; stroke-width: 1px; }
    #caseflow .unchecked .symbol { fill: #ddd; }

/* Search results */
#info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
#cse .gsc-adBlock { display: none !important; }
#cse .cse .gsc-control-cse, #cse .gsc-control-cse { padding: 0; }
#cse .gcsc-branding, #cse .gcsc-foot, #cse .gcsc-more-maybe-branding-root { display: none !important; }
#cse .gs-result a.gs-visibleUrl, #cse .gs-result .gs-visibleUrl { color: #666; }
#cse .gs-result .gs-title, #cse .gs-result .gs-title * { color: #3c79aa; }
#cse .gs-title { font-size: 20px; }
#cse a.gs-title:hover { text-decoration: underline; }
#cse .gsc-control-cse .gsc-option-menu-container { white-space: nowrap; }
#cse .gsc-cursor-box.gs-bidi-start-align { text-align: center; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #000 !important; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #3c79aa; font-size: 1.2em; margin: 0; padding: 0.3em 0.5em; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #f0f0f0; text-decoration: none; }
#cse .gsc-result-info { padding: 0; }
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result { font-size: 1em; }
#cse .gsc-control-cse .gs-spelling, #cst .gsc-control-cse .gs-result .gs-title, #cse .gsc-control-cse .gs-result .gs-title * { font-size: 1em; }
#cse .gsc-result .gs-title { height: auto; }
#cse .gs-result .gs-title, #cse .gs-result .gs-title * { text-decoration: none; }
#cse .gsc-table-result, #cse .gsc-thumbnail-inside, #cse .gsc-url-top { padding: 0; }
#cse .gsc-thumbnail-inside { padding: 0; }

/* Sections */
.section { border-bottom: 1px solid #ccc; margin-bottom: 40px; padding-bottom: 30px; }
.section-primary { float: left; width: 31.29%; }
.section-secondary { float: right; width: 65.64%; }

    /* Actions */
    .section-actions .actions { line-height: 1; list-style: none; overflow: hidden; margin: 0; }
    .section-actions .actions li { float: left; margin-right: -1px; }
    .section-actions .actions li:first-child a { border-radius: 4px 0 0 4px; }
    .section-actions .actions li:last-child a { border-radius: 0 4px 4px 0; }
    .section-actions .actions a { border: 1px solid #ccc; display: block; padding: 0.5em 1em; }
    .section-actions .actions a:hover { background: #206aa3; color: #fff; text-decoration: none; }
    
    /* Subsections */
    .subsections dt { font-size: 20px; line-height: 1.2; padding-top: 30px; }
    .subsections dt:first-child { padding: 0; }

/* State profiles */
.state-subsections { list-style: none; margin: 0; }
.state-subsections > li { margin-bottom: 10px; overflow: hidden; }
.state-subsections .section-primary { text-align: right; width: 22.7%; }
.state-subsections .section-primary .datahead { display: block; }
.state-subsections .section-secondary { width: 74.23%; }

    /* Datapoints */
    .state-subsections .datapoints .datahead { font-size: 16px; }
    .state-subsections .datapoints .fa { font-size: 30px; }
    .state-subsections .datapoints h3 { font-size: 16px; font-weight: normal; }
    
    /* Sparklines */
    .state-sparkline { margin: 30px 0; letter-spacing: -0.01em; text-align: center; }
    .state-sparkline .ap-chart { margin-bottom: 5px; padding: 4px 0; }
    .state-sparkline .empty { background: rgba(0, 0, 0, 0.05); font-size: 14px; margin-bottom: 8px; padding: 8.5px 0; }
    .state-sparkline p { margin: 0; }

    /* Used for Highcharts tooltip overflow */
    .state-sparkline .highcharts-container { overflow: visible !important; }
    .state-sparkline svg { overflow: visible; }

/* Status offense issues */
    /* National outcomes */
    #detention-caseflow .btn-group { margin-bottom: -20px; }
    #detention-trends { margin-bottom: 40px; }
    
    /* Reported data */
    #reported-data-charts { list-style: none; margin-left: 0; overflow: hidden; }
    #reported-data-charts li { box-sizing: border-box; float: left; margin-bottom: 30px; padding: 0 10px 0 0; width: 20%; }
    
    /* Structure */
    #soi-spectrum .multi { background: #d7f2eB; padding: 0.2em 0.5em; }
    
        /* Extras */
        #soi-spectrum .soi-spectrum-extras a { padding: 0.2em 0.5em; }
        #soi-spectrum .soi-spectrum-extras a.hover { background: #35bf98; color: #fff; text-decoration: none; }
        
        /* Header */
        #soi-spectrum-header { border-bottom: 10px solid #36bf99; box-sizing: border-box; height: 82px; margin: 0 10px 30px; position: relative; text-align: center; }
        #soi-spectrum-header .endpoint { position: absolute; top: 0; }
        #soi-spectrum-header .endpoint strong { display: block; }
        #soi-spectrum-header .endpoint .fa { color: #36bf99; font-size: 60px; position: absolute; top: 47px; }
        #soi-spectrum-header .high { right: -10px; text-align: right; }
        #soi-spectrum-header .high .fa { right: 0; }
        #soi-spectrum-header .low { left: -10px; text-align: left; }
        #soi-spectrum-header .low .fa { left: 0; }
        
        /* Labels */
        #soi-spectrum-labels a { display: block; padding: 0.2em 0.5em; white-space: nowrap; }
        #soi-spectrum-labels a.hover { background: #36bf99; color: #fff; text-decoration: none; }
        #soi-spectrum-labels a.hover .state-thumb { color: #fff; }
        #soi-spectrum-labels td { border-bottom: 0; text-align: left; }
        #soi-spectrum-labels td:first-child, #soi-spectrum-labels th:first-child { border-left: 0; }
        #soi-spectrum-labels td:last-child, #soi-spectrum-labels th:last-child { border-right: 0; }
        #soi-spectrum-labels th { background: none; border-top: 0; color: #36bf99; font-size: 20px; font-weight: bold; text-align: center; width: 20%; }
        #soi-spectrum-labels .state-thumb { display: inline-block; font-size: 18px; text-align: center; width: 1.5em; }
        #soi-spectrum-labels tr:hover { background: none; }
        #soi-spectrum-labels li { margin: 0; }
        #soi-spectrum-labels ul { list-style: none; margin: 0; }

/* Tables */
.content-table td { text-align: left; }
.content-table td.c { text-align: center; }
.nb { white-space: nowrap; }
.summary-row td { padding: 30px; }
#tftable * { text-align: left; }
.users * { text-align: left; }

    /* JD > Indigency */
    #indigency-requirements .progressive { background: #d7f2eb; }
    
    /* JB > Transfer policies */
    #table-tp-policies .active { background: #206aa3; }
    #table-tp-policies .active .fa-check-circle { color: #fff; }
    #table-tp-policies th .fa { display: none; }
    #table-tp-policies p { margin-bottom: 1em; }
    #table-tp-policies .tp-details-toggler { color: #206aa3; }
    #table-tp-policies .tp-details-toggler:hover { background: #d1ebff; cursor: pointer; }
    #table-tp-policies .tp-details-toggler.active { color: #fff; }
    #table-tp-policies .tp-details-toggler.active:hover { background: #206aa3; }
    #table-tp-policies .tp-details-row:hover { background: none; }
    #table-tp-policies .tp-details-row h3 { margin-bottom: 0.3em; }
    #table-tp-policies .tp-details-row > td { padding: 30px; }
    #table-tp-policies .tp-details-row table * { text-align: left; }
    #table-tp-policies .tp-details-row table th { white-space: nowrap; }    
    
    /* JJS > EBP */
    #evidence-based-practices td:last-child, #evidence-based-practices th:last-child { text-align: left; }

    /* Table fiddler */
    .tftable { margin-bottom: 0; word-wrap: break-word; }
    .tftable th, .tftable td { min-width: 50px; white-space: nowrap; }
    .tftable td { text-align: left; }
    .tftable .cell-wrapper { max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Tasks */
.tasks { list-style: none; margin: 0; padding: 0; }
.tasks > li { float: left; margin: 12px 16px; }
.tasks > li:first-child { margin-left: 0; }

/* TBD */
.tbd { background: #f0f0f0; color: #888; font-weight: bold; padding: 100px; text-align: center; }

/* Toggling options */
.closed { display: none; }

/* Twitter widget */
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered { max-width: 100% !important; min-width: 100% !important; }

/* US Maps */
.default-map .hover, .default-map path:hover { cursor: pointer; fill: #36bf99; stroke: black; stroke-opacity: 1; stroke-width: 3; }
.default-map path { fill: #ddd; stroke: #fff; stroke-linejoin: round; stroke-width: 1px; }
.default-map path.hover, .default-map text:hover { cursor: pointer; }

/* Waiver status */
#waiver-status { list-style: none; margin: 0; text-align: center; }
#waiver-status h3 { margin-bottom: 0.1em; }
#waiver-status .fa { display: block; font-size: 40px; }
#waiver-status li { float: left; padding: 0 2%; width: 21%; }
/* Basics
======================================================================*/
#admin img { border: 0; margin-right: 1em; padding: 0; vertical-align: middle; }
#admin p { margin: 0; }
#admin ul { list-style: none; margin-bottom: 0; margin-left: 0; margin-top: 0; }

/* Fonts
======================================================================*/
#admin, .drag, .sys, .tools-mini { font-family: Calibri, Tahoma, Geneva, Arial, Verdana, sans-serif; }
.notice, .status, .status-title, .status-tools { font-family: Verdana, sans-serif; }

	
/* Core layout
======================================================================*/
#admin { background: #f7f7f7; border: 1px solid #999; border-width: 1px 0; font-size: 12px; text-align: left; width: 100%; }
#admin .content-sub li { float: right; }
#admin .content-main { float: left; width: 49%; }
#admin .content-sub { float: right; width: 49%; }
#admin .ribbon { margin: 0 auto; width:980px; }

/* Toolbar
======================================================================*/
.tools a { color: #000; display: block; padding: 0.2em 0.7em; float: left; text-align: center; text-decoration: none; }
.tools a i { display: block; margin: 0 auto; }
.tools a:hover { background-color: #e4e4e4; }
.tools a:hover i { color: #000; }
.tools a:active { background-color: #9d9d9d; color: #fff; }
.tools a:active i { color: #fff; }
.tools i { color: #444; font-size: 32px; }
.tools li { background: none; float: left; margin: 0; padding: 0; position: relative; }

	/*--- Disabled tools ---*/
	.tools a.disabled { background-color: transparent; color: #aaa; cursor: default; }
	
	/*--- Highlight tool currently in use ---*/
	.tools .current { background-color: #e4e4e4; }


/* Content
======================================================================*/
.draft { background: url(../images/admin/draft.gif) 50% 50%; }
.inactive, .inactive a { color: #888; }
.highlighted { background-color:#ffe; }
#logo-admin { left: 2em; position: absolute; top: 5px; }

/* Chooser */
.chooser { margin-bottom: 1em; }
.chooser .c3l, .chooser .c3r { width: 40%; }
.chooser .c3m { padding-top: 10em; text-align: center; width: 15%; }
.chooser p { margin-bottom: 0.5em; }
.chooser select { width: 100%; }

/* CMS */

    /* CMS block */
    .cms-block { overflow: hidden; position: relative; }
    .cms-block:hover { background: rgba(0, 0, 0, 0.1); }
    .cms-block:hover .cms-tasks { display: block; }
    
        /* CMS block tasks */
        .cms-block .cms-tasks {
            background: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            display: none;
            list-style: none;
            margin: 0;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0;
        }
        
        .cms-block .cms-tasks a { color: #247bcd !important; display: inline-block; padding: 0.3em 0.5em; }
        .cms-block .cms-tasks a:hover { background: #ddd; text-decoration: none; }
        .cms-block .cms-tasks li { display: inline-block; margin: 0; }

/*--- Editing galleries of images ---*/
.gallery-edit li { background: #fff; border: 1px solid #ddd; height: 145px; }
.gallery-edit li a.thumb { background: none; cursor: move; width: 118px; }
.gallery-edit p { font-size: 11px; margin: 0; padding: 0 10px; text-align: left; }
.gallery-edit p a { margin-left: 0.2em; }

/*--- History ---*/
#history { list-style: none; margin: 0; }
.history { list-style: none; margin-left: 0; }
.history li { border-bottom: 1px solid #ddd; margin-bottom: 0.4em; padding-bottom: 0.6em; }
.history p { margin: 0; }

/*--- Login ---*/
#admin .c2l, #admin .c2r { padding: 0.8em 0; }
#admin .c2r { text-align: right; }

/*--- Messages ---*/
#messages dl { background: #ffe; border: 1px solid #ccc; padding: 0 1em; }
#messages dt { font-weight: normal; }

/*--- Popups ---*/
.ribbon-popup {
	background: #f7f7f7;
	border: 1px solid #999;
	left: 0;
	padding: 0.3em 0.7em 0.5em;
	position: absolute;
	width: 25em;
	top: 56px;
	z-index: 1000;
}

.ribbon-popup a {
	cursor: pointer;
	display: inline;
	padding: 0;
	text-align: left;
	text-decoration: underline;
	width: auto;
}

.ribbon-popup a:hover { background: none; text-decoration: none; }

.ribbon-popup dt {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 0.3em 0 0.1em;
	padding-bottom: 0.3em;
}

.ribbon-popup dd, .ribbon-popup li, .ribbon-popup ul { float: none; margin: 0; padding: 0; }
.ribbon-popup .txt { width: 98%; }

/*--- Pages ---*/
.pages { float: right; list-style: none; margin-left: 0; }
.pages li { display: inline; margin: 0 0 0 0.7em; }

/*--- Sorting ---*/
.sort a, .sort li, .sort p, .sort select, .sort strong, .sort ul {
	background: none;
	border: 0;
	display: inline;
	font-size: 1em;
	margin: 0 0.9em 0 0;
	padding: 0;
}

/*--- Tables ---*/
.col-opts { width: 6em; }
.sys td, .sys th { border: 1px solid #ddd; border-width: 1px 0; }
.sys thead th { border-bottom: 2px solid #777; border-top: 0; color: #777; padding: 0 0.4em 0.25em; }
table.sys { width: 100%; }

/*--- Task lists ---*/
.tasks img { background: none; border: 0; float: left; padding: 0; }
.tasks span { float: right; width: 80%; }
.tasks strong { display: block; }
.tasks p { margin: 0; }

/* Windows */
.win img { max-width: none; }