/* Additional records screens css for Archimedes */
/* ----------------------------------------- */

/* core extras
----------------------------------------- */

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

.invisible {
    visibility: hidden;
    text-indent: -9999px;
    overflow: hidden;
    height: 0;
    width: 0;
}
.auto {
    width: auto;
}

.fit {
    width: 100%;
}

.archimedes.records_page {
    background: #FFFFFF url(/lib/archimedes/images/archimedes_small_bnr.gif) no-repeat scroll left top;
}

#pp_content {
    /* this is the pagebrowser content ABOVE the buttons */
    width: auto;
    height: 320px;
}

body.records_page h3, #pp_content h3 {
    margin: 0.5em 0 0.6em 0;
    color: #3E6797;
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
}

#pp_content .f {
    width: 190px;
}

#pp_content .locked_row {
    opacity: 0.5
}
    #pp_content .locked_row .f {
        color: #aaa;
    }

/* lists with gray bullets */
ul.gray-bullets {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.gray-bullets li {
    line-height: normal;
    background-image: url(/lib/archimedes/images/bullet_6px_gray.gif);
    background-repeat: no-repeat;
    background-position: 4px 5px;
    padding: 0 0 8px 20px;
}

/* button lists with a class of 'wide' */
div.btns.wide ul li {
    padding: 0 0 6px 14px;
}

p, td, li {
    line-height: normal;
}

.pen_and_paper {
    background: transparent url(/lib/archimedes/images/pen_and_paper.jpg) top left no-repeat;
    padding-left: 102px;
    min-height: 113px;
}

.mce_editor {
    display: none; /* they will become visible when the mce editor is created */
}

.inline_note {
    float: left;
    padding-left: 10px;
}

/*  OVERRIDE FOR - IE6 dialogue box hacks
    Overrides position:relative in editscreens_combined.css
    The code in that file could not be removed at this point so we are overriding it
*/

a {
    position: static;
}

/* padding top, left, all */
.pt1 {padding-top: 1px;}
.pt2 {padding-top: 2px;}
.pt3 {padding-top: 3px;}
.pt5 {padding-top: 5px;}
.pt8 {padding-top: 8px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}

.pl1 {padding-left: 1px;}
.pl2 {padding-left: 2px;}
.pl3 {padding-left: 3px;}
.pl5 {padding-left: 5px;}
.pl8 {padding-left: 8px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}

/* see also pad10 etc, below */
.p1 {padding: 1px;}
.p2 {padding: 2px;}
.p3 {padding: 3px;}
.p5 {padding: 5px;}
.p8 {padding: 8px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}


/* $.prompt mods */

div.aolprompt .aolpromptmessage #panel_conflict_warning_inner .note_panel {
    margin: 0 0 20px;
}
.aolpromptbuttons button::-moz-focus-inner { /* this is intentional, including the double ':', remove ugly focus lines from buttons. see http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links */
   border: none;
   padding: 0;
}
.aolpromptbuttons button,
.aolpromptbuttons button span {
   cursor: pointer;
   outline: none;
}
.aolpromptbuttons button.left {
    float: left;
    margin-left: 10px !important;
}
.aolpromptcontainer form label {
    display: block;
    float: left;
    width: 120px;
}

.aolpromptcontainer form .f {
    display: block;
    float: left;
    width: 220px;
}

.aolpromptcontainer form div {
    clear: both;
    padding: 2px 0;
}

.aolpromptcontainer form span.fnote {
    clear: both;
    display: block;
    padding: 1px 0 1px 132px;
    line-height: 1.2em;
}


.records_page h1, .records_page h2 {
    margin: 5px 0 0 0;
}
#header h2#subheading {
    margin-left: 8px;
}

#navigation {
    height:20px;
}

.block {
    display: block;
}

div.btns li {
    padding-right: 16px !important;
}

div.btns.smallGray li {
    background: transparent url(/lib/archimedes/images/tiny_grey_arrow.gif) no-repeat scroll 1px 0;
}

div.btns.smallGray a {
    color: #888;
    font-size: 10px;
}



/* simple modal windows when loading h.alert
   containing an iframe
----------------------------------------- */

body.simple-modal h1 {
    font-size: 18px;
    color: #3E6797;
    margin: 8px 0;
}



/* new quicksearch
----------------------------------------- */

.f.qs {
    width: 90px;
    padding: 1px;
}

img#quicksearch_search_btn {
    width: 48px;
    height: 19px;
    border: 0;
    margin-left: 5px;
}

img#quicksearch_findall_btn {
    width: 48px;
    height: 19px;
    border: 0;
    margin-right: 15px;
}


/* fieldrow adjustments
----------------------------------------- */

.f2 .fieldrow {
    margin-bottom: 6px; /* default space between rows */
}

.f2 div.wide .fieldrow, .f2 div.spaced .fieldrow { /* 'wide' is deprecated - use 'spaced' */
    margin-bottom: 12px; /* wrap rows in a div with a class of 'wide' to increase the space */
}

.f2 div.compact .fieldrow {
    margin-bottom: 3px; /* wrap rows in a div with a class of 'compact' to decrease the space */
}
.f2 .fieldrow .f-image-container {
    float: left;
    border: 1px solid #e4e4e4;
    padding: 1px;
}

.f2 .fieldrow h3 {
    margin: 0.75em 0 0.25em 0;
    color: #4A709D;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia,Times,Times New Roman, serif;
    font-size: 17px;
}

.f2 .fieldrow h4.checkbox-group-label {
    margin: 0 0 0.25em 0;
    color: #4A709D;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia,Times,Times New Roman, serif;
    font-size: 15px;
}

.f2 .fieldrow h4.checkbox-group-label.subsequent {
    margin-top: 0.75em;
}

.f.medium {
    width: 230px !important;
}


/* tinymce adjustments
----------------------------------------- */

.mceEditor .defaultSkin table {
    background: #fc0 !important; /* FIXME: this is not working... why not? */
}

.mceIframeContainer iframe {
    /* remove horizontal scrolling in tinymce editors by default */
    overflow-x: hidden;
    overflow-y: scroll;
}



/* Sort field type
----------------------------------------- */

    .sort_field_list_container {
        clear: both;
        width: 100%;
        background: #fcfcfc;
        border: 1px solid #eee;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 400px;
        overflow: auto;
        padding: 10px;
    }
        .sort_field_list_container ul.sort_field_list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .sort_field_list_container .sort_field_clear_button {
            padding: 20px 0 0;
        }
            .sort_field_list_container ul.sort_field_list li {
                height: 44px;
                width: 100%;
                margin: 0 0 5px;
                border: 1px solid #eee;
                background: #fff;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                cursor: move;
                vertical-align: middle;
                position: relative;
            }
            .sort_field_list_container ul.sort_field_list li.custom_sorted {
                border: 1px solid #80CDFF;
                background: #E6F5FF;
            }
            .sort_field_list_container ul.sort_field_list li .sort_move {
                background: none;
            }
            .prj_thumb {
                width: 44px;
                height: 44px;
                vertical-align: middle;
                display: table-cell;
                border-right: 1px solid #eee;
                display: inline-block;
                overflow: hidden;
            }
                .prj_thumb img {
                    max-width: 100%;
                }
            .prj_title {
                display: inline-block;
                height: 20px;
                vertical-align: middle;
                padding: 14px 10px 10px 10px;
                white-space: nowrap;
                overflow: hidden;
                max-width: 80%;
            }
            .sort_move {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 44px;
                background: #fff;
                text-align: center;
            }
                .sort_move:after {
                    display: block;
                    width: 100%;
                    content: "\f0dc";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 12px;
                    color: #ccc;
                    line-height: 44px;
                    margin: 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
            .project_sorts ul li.ui-state-highlight {
                border: 1px solid #ccc;
                background: #ddd;
            }



/* jqGrid extras
----------------------------------------- */

.ui-jqgrid .ui-jqgrid-bdiv {
    /*overflow-y: auto;*/
    overflow-x: hidden;
}


.ui-jqgrid .jqgrid-locked, .ui-jqgrid .jqgrid-header-locked {
    width: 20px;
    height: 16px;
    background: url(/lib/archimedes/images/padlock.gif) 50% 50% no-repeat;
}

.jqgrid-cell, .jqgrid tr {
    cursor: default !important; /* to override 'move' when drag-drop is enabled */
}

.jqgrid-td-move, .dnd-handle {
    cursor: move;
}

.jqgrid-td-move-disabled {
    background: transparent url(/lib/archimedes/images/move-disabled.png) no-repeat scroll 50% 50%;
    cursor: default;
}

.dnd-handle {
    width: 25px;
    background: transparent url(/lib/archimedes/images/move.png) no-repeat scroll 50% 50%;
}

.jqgrid-image-80 {
    width: 80px;
    height: 80px;
    background: #fafafa url(/lib/archimedes/images/shim.gif) 50% 50% no-repeat;
    padding: 2px;
    border: 1px solid #fc0;
    margin: 3px;

    margin: 0;
    padding: 0;
    border: 0;
    height: auto;
    max-width: 100%;
    background: none;
    height: 0;
    background-size: contain;
}



/* jqrowscols fields
----------------------------------------- */

table.jqrowscols {
    border-collapse: collapse;
}

table.jqrowscols td, table.jqrowscols th {
    border: 1px solid #B4C9D2;
    font-weight: normal;
    padding: 0px;
    vertical-align: top;
}

table.jqrowscols th {
    border: 0;
    padding: 10px 0 10px 0;
    text-align: left;
    font-style: normal;
    vertical-align: middle;
    line-height: normal;
}
    table.jqrowscols th.header_help_note {
        cursor: pointer;
        padding-right: 18px;
        background: transparent url(/lib/archimedes/images/help_icon_small.png) no-repeat scroll right center;
    }

table.jqrowscols input.f {
    padding: 3px 2px;
    border: 0;
}

table.jqrowscols td div.img-container, table.jqrowscols td div.cb-container {
    background: transparent url(/lib/archimedes/images/f_bg.gif) top left repeat-x; text-align: center;
}


table.jqrowscols.editable_image td div.img-container {
    position: relative;
    padding: 10px 5px;
}
table.jqrowscols td div.img-container .replace_image,
table.jqrowscols td div.img-container .image_settings {
    display: none;
}
table.jqrowscols.editable_image td div.img-container .replace_image,
table.jqrowscols.editable_image td div.img-container .image_settings {
    display: none;
    position: absolute;    
    z-index: 20;
    width: 17px;
    height: 17px;
    right: 0;
    top: 0;
    background: transparent url(/lib/archimedes/images/pencil-padded.png) top right no-repeat;
}
table.jqrowscols.editable_image tr div.img-container.emptyimg img {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.05);
}
table.jqrowscols.editable_image tr div.img-container.emptyimg .replace_image {
    display: block !important;
}

table.jqrowscols td img.img {
    border: 1px solid #aaa;
    margin: 8px 3px;
}

table.jqrowscols td.deletebtn {
    background: transparent url(/lib/archimedes/images/dustbin_gray.gif) no-repeat scroll 50% 50%;
    cursor: pointer;
}



/* images_and_objects
----------------------------------------- */

.images_and_objects_container table.jqrowscols {

}
    /* modified by Peter 20140115 - see trac for changes */

    .images_and_objects_container table.jqrowscols th.header_help_note {
        cursor: pointer;
        padding-right: 18px;
        background: transparent url(/lib/archimedes/images/help_icon_small.png) no-repeat scroll right center;
    }
    .images_and_objects_container table.jqrowscols td.f,
    .images_and_objects_container table.jqrowscols td {
        padding: 5px;
        background: #fefefe; /* #f8f8f8 */
        border: 1px solid #ddd;
    }
        .images_and_objects_container table.jqrowscols td.rowscols-type-image {
            padding: 0;
        }
    .images_and_objects_container table.jqrowscols td .f,
    .images_and_objects_container .rowscols-rte-content,
    .images_and_objects_container .rowscols-rte-content:hover {
        background-color: #fff;
        border: 1px solid #ddd !important;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .images_and_objects_container table.jqrowscols td .f {
        background: #fff !important;
    }
    .images_and_objects_container table.jqrowscols td div.img-container,
    .images_and_objects_container table.jqrowscols td div.cb-container,
    .images_and_objects_container table.jqrowscols td div.select-container {
        background: none;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .images_and_objects_container table.jqrowscols td div.cb-container,
    .images_and_objects_container table.jqrowscols td div.select-container {
        height: 100%;
    }
    .images_and_objects_container .cb-container input[type='checkbox'] + label {
        padding: 4px 0 0 !important;
    }
    .images_and_objects_container table.jqrowscols td img.img {
        margin: 0;
        border: 1px solid #fff;
        border: 0;
        max-width: 80px;
        max-height: 80px;
        display: block;
    }
    .images_and_objects_container table.jqrowscols td .rowscols-livedata-content {
        line-height: 18px;
        -webkit-font-smoothing: antialiased;
    }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4,
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a,
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a:visited {
            font-style: normal;
            font-weight: bold;
            line-height: 18px;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4.type,
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4.type a,
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4.type a:visited {
            color: #333;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .subtitle {
            display: block;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .description {
            display: block;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .extended_content {
            display: block;
            color: #999;
            padding: 6px 0;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .name {
            display: block;
            color: #aaa;
        }
    .images_and_objects_container table.jqrowscols td div.img-container {
        padding: 0;
    }
    .images_and_objects_container table.jqrowscols td.expandbtn span {
        background: transparent url(/lib/archimedes/images/pencil.gif) no-repeat scroll 50% 50%;
        cursor: pointer;
        display: block;
        height: 55px;
        width: 100%;
    }
    .images_and_objects_container table.jqrowscols td.deletebtn span {
        background: transparent url(/lib/archimedes/images/dustbin_gray.gif) no-repeat scroll 50% 50%;
        cursor: pointer;
        display: block;
        height: 55px;
        width: 100%;
    }
    .images_and_objects_container table.jqrowscols td.dnd-handle span {
        width: 100%;
        display: block;
        height: 55px;
        background: transparent url(/lib/archimedes/images/move.png) no-repeat scroll 50% 50%;
    }

    /* Expandable row popups
    ------------------------------------------- */
    
    
    
    .expand_row_popup_container {
        display: none;
    }
        .expand_row_popup_container .expand_row_popup_container_inner {
            width: 850px;
        }
        
        .popup_overlap_inset,
        #editwin_body.simplified_page #feature_panel_admin_fields .expand_row_popup_container.archimedes_towin {
            position: fixed !important;
            left: 20px !important;
            right: 20px;
            bottom: 20px;
            top: 20px !important;
            height: auto;
            overflow: auto;
            max-height: calc(100vh - 70px);
        }

        .popup_overlap {
            position: fixed !important;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%);
            width: 90%;
            height: auto;
            overflow: auto;
            max-width: calc(100vw - 80px);
            max-height: calc(100vh - 60px);
        }
        
        #editwin_body .dcu_popup_content {
            width: 90%;
            max-width: calc(100vw - 80px);
        }
        
        #editwin_body .dcu_popup_content iframe {
            width: 100% !important;
        }
        
        #editwin_body.simplified_page .clearlooks2 {
            max-height: calc(100vh - 95px);
        }
       
        #editwin_body .expand_row_popup_container.archimedes_towin {
            width: 95%;
            max-width: calc(100vw - 80px);
        }
        
        body#editwin_body {
            padding: 12px !important;
        }
        
        #editwin_body .expand_row_popup_container.archimedes_towin .expand_row_popup_container_inner,
        #editwin_body.simplified_page #feature_panel_admin_fields .expand_row_popup_container.archimedes_towin .expand_row_popup_container_inner #images_and_objects_expand_popup_content {
            width: 100%;
        }
        
            #editwin_body:not(simplified_page) #images_and_objects_expand_popup_content {
                overflow: auto;
                width: 100%;
            }
            
            #editwin_body:not(simplified_page).docked_page #images_and_objects_expand_popup_content {
                max-height: 550px;
                height: 550px;
            }
            
            body.records_page .aol-dock-module .aol-dock-module-content .aol-dock-module-iframe body#editwin_body #images_and_objects_expand_popup_content {
                max-height: none !important;
                height: auto !important;
            }
            
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container img {
               max-width: 100px;
            }
            
            .images_and_objects_container #images_and_objects_expand_popup_content h4 {
                margin: 0 0 25px;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content h4 {
                margin: 0 0 5px;
            }
            .f2 #images_and_objects_expand_popup_content .fieldrow {
                padding-left: 0;
                padding-right: 0;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-rte-content {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .cb-container input[type='checkbox'] + label {
                padding: 0 0 0 22px !important;
                text-align: left;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_radio {
                
            }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_radio .field {
                    
                }
                    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_radio .field input {
                        display: inline-block;
                        margin: 0 5px 0 0;
                    }
                    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_radio .field label {
                        display: inline-block;
                        margin: 0 20px 0 0;
                    }

            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .img-wrapper {
                float: left;
                max-width: 100px;
                margin: 0 20px 0 0;
            }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .img-wrapper img {
                    max-width: 100%;
                }
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .img-container .replace_image {
                display: none;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .livedata-container {
                float: left;
                max-width: 500px;
            }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .livedata-container > span {
                    float: left;
                    width: 100%;
                }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .livedata-container .editbtn-container {
                    float: left;
                    clear: both;
                    padding: 10px 0 0;
                }


            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container {
                float: left;
                position: relative;
                display: block;
                padding: 0;
                margin: 0 20px 0 0;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container img {
                display: block;
            }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image {
                    display: none;
                    position: absolute;
                    z-index: 20;
                    width: 17px;
                    height: 17px;
                    right: 0;
                    top: 0;
                    background: transparent url(/lib/archimedes/images/pencil-padded.png) top right no-repeat;
                }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container:hover .replace_image {
                    display: block !important;
                }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings {
                    display: none;
                    position: absolute;
                    z-index: 20;
                    width: 17px;
                    height: 17px;
                    right: 0;
                    top: 0;
                    background: transparent url(/lib/archimedes/images/pencil-padded.png) top right no-repeat;
                }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container.emptyimg img {
                    width: 80px;
                    height: 80px;
                    background: rgba(0, 0, 0, 0.05);
                }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container.emptyimg .replace_image {
                    display: block !important;
                }


    /* Radio multi field with icons
    ----------------------------------------------------------- */

    .fieldrow .field_type_radio_icons {
        padding: 8px 0 0;
    }
        .fieldrow .field_type_radio_icons .field_type_radio_icon_item {
            margin: 0 15px 15px 0;
            margin: 0;
            padding: 0;
            float: left;
        }
            .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item {
                width: 100%;
                margin-right: 0;
                padding: 0 15px 0 0;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
        .fieldrow .field_type_radio_icons input[type='radio'] {
            visibility: hidden;
            height: 0;
            width: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            left: 0;
        }
        .fieldrow .field_type_radio_icons input[type='radio'] + label {
            display: inline-block;
            cursor: pointer;
            width: 100%;
            text-align: center;
            background: #fcfcfc;
            padding: 8px;
            border: 1px solid #eee;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -moz-transition: border 300ms ease-in-out, background 300ms ease-in-out;
            -webkit-transition: border 300ms ease-in-out, background 300ms ease-in-out;
            transition: border 300ms ease-in-out, background 300ms ease-in-out;
        }
            .fieldrow .field_type_radio_icons input[type='radio'] + label:before {
                display: none;
            }
            .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image {
                width: 100%;
                height: 130px;
                background: center center no-repeat;
                background-size: contain;
                cursor: pointer;
                display: block;
                margin: 0 auto 10px;
            }
            .fieldrow .field_type_radio_icons input[type='radio'] + label:hover {
                background: #efefef;
                border: 1px solid #d8d8d8;
            }
            .fieldrow .field_type_radio_icons input[type='radio']:checked + label {
                background: #edf2fa;
                border: 1px solid #d2dced;
            }

/* focalpoint
------------------------------------------- */
.focalpoint_viewer{
    cursor: url('/lib/archimedes/images/oval.png'), pointer;
    cursor: -webkit-image-set(url('/lib/archimedes/images/oval.png') 1x, url('/lib/archimedes/images/oval_2x.png') 2x), pointer;
    position: relative;
}

#aolprompt .focalpoint_viewer {
    display: inline-block;
}

#aolprompt .focalpoint_viewer img {
    max-width: 100% !important;
    max-height: calc(100vh - 380px) !important;
}
.focalpoint_dot {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url('/lib/archimedes/images/oval_2x.png');
    background-size: 16px 16px;
}

.fieldrow_image .focalpoint_viewer .replace_image {
    display: none;
}
/* featureboxes
------------------------------------------- */

.featurebox-stage {
    width: auto;
}

#featurebox_editor div.row {
    margin: 3px 0;
}

.featurebox-item {
    float: left;
    margin: 0 10px 10px 0;
    cursor: move;
}

.featurebox-item-inner {
    width: 150px;
    height: 150px;
    border: 1px dotted silver;
}

.featurebox-item-content {
    padding: 5px;
}



/* developer only
------------------------------------------- */

.developer {
    font-size: 10px !important;
    color: #ddd;
}



/* $.toWin() elements */

.archimedes_towin {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    margin: -32px;
    background: #fff;
    -moz-box-shadow: 0 0 2em #666;
    -webkit-box-shadow: 0 0 2em #666;
    box-shadow: 0 0 2em #666;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}



/* popupeditor */

.rowscols-rte-content, .rowscols-readonly-content {
    padding: 5px 10px 5px 5px;
    overflow: hidden;
}

.rowscols-rte-content {
    background: transparent url(/lib/archimedes/images/pencil-padded.png) top right no-repeat;
    background: none;
    cursor: pointer;
}
.rowscols-rte-content:hover {
    background: transparent url(/lib/archimedes/images/pencil-padded.png) top right no-repeat;
}

.mce_dropbutton {
    background: transparent url(/lib/archimedes/images/tinymce-dropbox-20x20.png) top left no-repeat;
}

.mce_dropbutton.dragover {
    background: transparent url(/lib/archimedes/images/tinymce-dropbox-over-20x20.png) top left no-repeat;
}


#container.help #content {
    width: 750px;
    margin: 30px;
}

#container.help h1, #container.help h2, #container.help h3,
#container.help h4, #container.help h4 {
    float: none;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin: 1em 0 0.7em 0;
}

#container.help h1 {
    /*font-weight: normal;*/
    font-size: 24px;
}

#container.help h2 {
    /*font-weight: normal;*/
    font-size: 20px;
    font-style: italic;
}

#container.help h2, #container.help h3, #container.help h4, #container.help h4 {
    float: none;
}

#container.help #content p, #container.help #content a, #container.help #content li {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
}

#container.help #content p {
    margin-bottom: 1em;
}

#container.help #content ul {
    margin-bottom: 1.5em;
    margin-left: 0;
}

#container.help #content p a {
    text-decoration: underline;
}


.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}


.f.calc {
    /* fields which have been auto-calculated */
    border-style: dashed;
}


/* rounded corners and drop shadows */
/* see: http://www.schillmania.com/content/entries/2009/css3-and-the-future/ */

.rounded {
    border:3px solid #999;
    padding:1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
}

.dropshadow {
	/* a rather heavy drop-shadow. Not for the fainthearted */
    box-shadow:rgba(0,0,0,0.3) 0px 0px 24px;
    -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}

.shadow, .photo {
	/* a very subtle drop shadow suitable for an image or photograph */
    box-shadow:rgba(0,0,0,0.2) 0px 0px 3px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.glassy {
	/* glassy header as used in the headers of jqgrids in ArtlogicCMS */
	border: 1px solid #e7e7e7;
	/* to modify this gradient, visit http://www.colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+5,efefef+8,efefef+35,dfdfdf+37,fbfbfb+80,fbfbfb+100;Custom */
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 5%, #efefef 8%, #efefef 35%, #dfdfdf 37%, #fbfbfb 80%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(5%,#f7f7f7), color-stop(8%,#efefef), color-stop(35%,#efefef), color-stop(37%,#dfdfdf), color-stop(80%,#fbfbfb), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* W3C */
}


.panel {
    /* a preview-pane style panel (css3 - won't look so great on IE 8-) */
    /* padding */
    padding: 3px;
    /* border */
    border: 1px solid #CCCCCC;
    /* box shadow */
    -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
    /* border */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /* gradient */
    /*background: #ffffff;*/ /* Old browsers */ /* removed - breaks content in IE7 */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* W3C */
}

.panel.padded {
    padding: 10px;
}

.panel2 {
    /* A different-style preview pane - darker at top. */
    /* IMPORTANT: panel2 requires panel2-inner within it to look correct */
    /* a preview-pane style panel (css3 - won't look so great on IE 8-) */
    /* border */
    border: 1px solid #ddd;
    /* box shadow */
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 50, 50, 0.07);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 50, 50, 0.07);
    box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.07);
    /* border */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.panel2 .panel2-inner {
    /* a preview-pane style panel (css3 - won't look so great on IE 8-) */
    /* padding */
    padding: 6px;
    /* border */
    border-top: 1px solid #fff;
    /* border */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* gradient */
    /*background: #ffffff;*/ /* Old browsers */ /* removed - breaks content in IE7 */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 70%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f5f5f5 0%,#ffffff 70%); /* W3C */
}

.padding {padding: 8px;}
.pad2 {padding: 2px;}
.pad4 {padding: 4px;}
.pad5 {padding: 5px;}
.pad6 {padding: 6px;}
.pad7 {padding: 7px;}
.pad8 {padding: 8px;}
.pad9 {padding: 9px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad16 {padding: 16px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}
.pad30 {padding: 30px;}
.pad35 {padding: 35px;}
.pad40 {padding: 40px;}
.pad45 {padding: 45px;}

a.open {
    /* a button implying a panel may be toggled open */
    background: url("/lib/archimedes/images/drop_arrow_right.gif") no-repeat scroll 0 50% transparent;
    padding-left: 12px;
}

a.opened {
    /* a button implying a panel is opened */
    background: url("/lib/archimedes/images/drop_arrow.gif") no-repeat scroll 0 50% transparent;
    padding-left: 12px;
}

.records_page.section-admin .btns li {
    padding-bottom: 5px;
}

.admin-home-below {
    margin-top: 20px;
}

#login_form {
    margin: 5px 0 20px 0;
}

#login_form input.f {
    width: 170px;
}


/* styles for ui-autocomplete */

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
/* ui-autocomplete custom */
ul.ui-autocomplete {
    max-width: 350px; /* why is width not set automatically? */
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fafafa;
}
ul.ui-autocomplete li {
    margin: 0;
    padding: 2px 3px
}
.ui-autocomplete li a {
    color: black !important;
    padding: 2px;
    margin: 0 -2px;
    display: block;
    width: auto;
}

#editwin_body h1 span#heading #section_name:after {
    content: ':';
}

/* Translation links in edit screens */

#editwin_body .translations-links {
    padding: 3px 0 6px 0;
}

#editwin_body .translations-links, .translations-links a {
    font-size: 10px;
    font-style: italic;
    color: #aaa;
}

#editwin_body .translations-links a {
    text-decoration: underline;
}

#editwin_body .translations-links-inactive {
    cursor: pointer;
}

/* Language-specific styling */
.tinymce_lang_ar input, .tinymce_lang_ar textarea {
    direction: rtl;
}

/* fancybox windows in edit screens, e.g. using $fancy({url: '/path-to-page', type:'iframe', width: 600, height: 400} */
.editwin_body_fancybox #fancybox-close {
    bottom: auto;
    top: 5px;
    right: 5px;
    background: transparent url(/lib/archimedes/images/close_button.png) top left no-repeat;
    /*fancy-close-custom-01.png*/
}

.editwin_body_fancybox #fancybox-outer, body#editwin_body .aolprompt {
    -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#qs:focus {
    outline: none;
}


/* enforce link colour in jqgrids */
.ui-widget-content a {
    color: #3e6797;
}


/* jquery jScrollPane mods */

.pp_content .jspVerticalBar {
    width: 12px;
}

.pp_content .jspTrack {
    width: auto;
    padding: 1px 2px;
    background-color: #fcfcfc;
    /*border-left: 1px solid #ddd;*/
}

.pp_content .jspDrag {
    width: auto;
    background-color: #dfdfdf; /* #dedede */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#pp_content {
    width: auto;
}

.list_screens_attributes ul {
    /* attributes lists, look like tags */
    margin: 0;
    padding: 0;
    list-style: none;
}

.list_screens_attributes ul li, span.records_screens_list_attribute {
    display: inline;
    padding: 1px 3px;
    margin: 0 6px 0 0;
    border: 1px solid silver;
    font-size: 9px;
    background: #efefef;
    color: #777;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    line-height: 1em;
}



/* drop shadow added to menu system March 2012 */
#topnav li ul {
    border: 1px solid #ddd !important;
}
.topnav_nested_ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
}

/* scrollbar on edit screens */
.jspVerticalBar, .jspHorizontalBar .jspTrack, .jspDrag {
    width: 10px;
    height: 10px;
    z-index: 1099; /* just beneath the fancybox @ 1100 */
}
.jspVerticalBar, .jspHorizontalBar {
    background: #fff;
}
.jspTrack, .jspDrag {
    width: 10px;
    height: 10px;
}
.jspTrack {
    /*margin: 2px;*/
    background: #fff;
}
.jspDrag {
    background: #dfdfdf;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.jspDrag:hover {
    background: #cecece;
}

#editwin_body #content.scrollpane_active {
    border: 0;
    outline: 0;
    border-bottom-image: url(/lib/archimedes/images/pencil.gif) 27 27 27 27 round round;
}

/* Image gallery upload field
----------------------------------------------- */

.igu_field_container {

}
    .igu_field_container .igu_image_list {
        width: 100%;
        margin: 0 0 6px;
        display: none;
    }
    .igu_field_container .igu_image_list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .igu_field_container .igu_image_list ul {
        list-style: none;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .igu_field_container .igu_image_list ul li {
        padding: 3px;
        float: left;
    }
    .igu_field_container .igu_image_list ul li img {
        display: block;
    }

#editwin_body .igu_popup_content.archimedes_towin h1 {
    margin: -10px 0 14px;
    padding: 0;
}

/* Document collection upload field
----------------------------------------------- */

.dcu_field_container {

}
    .dcu_field_container .dcu_document_list {
        width: 100%;
        margin: 0 0 6px;
        display: none;
    }
    .dcu_field_container .dcu_document_list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .dcu_field_container .dcu_document_list ul {
        list-style: none;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .dcu_field_container .dcu_document_list ul li {
        padding: 3px;
        float: left;
        padding-right: 10px;
        clear: both;
    }
    .dcu_field_container .dcu_document_list ul li img {
        display: block;
    }

/* Edit screen preview mechanism
----------------------------------- */

#editscreen_preview_frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: #fff;
    border: 0;
    margin: 0;
}

#editscreen_preview_close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1002;
}

#editscreen_preview_close button {
    height: 33px;
    width: 33px;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
    background-size: 33px 33px;
    border: none;
    cursor: pointer;
    border-radius: 15px;
}




/* Standard pages
--------------------------------------------------- */

    body.page-pages h1 {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

/* Note panel
--------------------------------------------------- */

    .note_panel {
        clear: both;
        display: block;
        margin: 0;
        padding: 22px 25px 15px;
        border: 1px solid #eaeaea;
        background: #fdfdfd;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
        .aolprompt .note_panel {
            padding: 15px 15px 5px;
        }
        .note_panel p,
        .note_panel div,
        .note_panel ol,
        .note_panel ul {
            display: block;
            clear: both;
            float: none;
            margin: 0 0 10px;
            line-height: 1.5em;
        }
        .note_panel ol,
        .note_panel ul {
            padding: 0 0 0 20px;
            margin: 0;
        }
            .note_panel ol li,
            .note_panel ul li {
                margin: 0 0 10px;
                line-height: 1.5em;
            }
        .note_panel h5 {
            color: #aaa;
        }
        
    .note_panel_basic {
        clear: both;
        display: block;
        margin: 0;
        padding: 0;
        color: #999;
        border: 0;
        background: none;
        position: relative;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    } 
        .note_panel_basic p,
        .note_panel_basic div,
        .note_panel_basic ol,
        .note_panel_basic ul {
            color: #999;
        }
        .note_panel_basic p:last-child {
            margin-bottom: 0;
        }

    /* Note panel success
    --------------------------------------------------- */

        .note_panel.note_panel_success {
            border: 1px solid #b9d9a8;
            background: #dff0d8;
            color: #3c763d;
        }
            .note_panel.note_panel_success p,
            .note_panel.note_panel_success div,
            .note_panel.note_panel_success ol,
            .note_panel.note_panel_success ul,
            .note_panel.note_panel_success h1,
            .note_panel.note_panel_success h2,
            .note_panel.note_panel_success h3,
            .note_panel.note_panel_success * {
                color: #3c763d;
            }

    /* Note panel warning
    --------------------------------------------------- */

        .note_panel.note_panel_warning {
            border: 1px solid #FFC376;
            background: #FFF0DC;
            color: #8E530F;
        }
            .note_panel.note_panel_warning p,
            .note_panel.note_panel_warning div,
            .note_panel.note_panel_warning ol,
            .note_panel.note_panel_warning ul,
            .note_panel.note_panel_warning * {
                color: #8E530F;
            }

            .maximum_message .note_panel.note_panel_warning {

                padding: 12px 15px 5px;
                margin-top: 15px;
            }

    /* Note panel error
    --------------------------------------------------- */

        .note_panel.note_panel_error {
            border: 1px solid #ab0000;
            background: #ffe6e6;
            color: #ab0000;
        }
            .note_panel.note_panel_error p,
            .note_panel.note_panel_error div,
            .note_panel.note_panel_error ol,
            .note_panel.note_panel_error ul,
            .note_panel.note_panel_error * {
                color: #ab0000;
            }
    
    /* Note panel info
    --------------------------------------------------- */

        .note_panel.note_panel_info {
            border: 1px solid #80CDFF;
            background: #E6F5FF;
            color: #005D9A;
        }
            .note_panel.note_panel_info p,
            .note_panel.note_panel_info div,
            .note_panel.note_panel_info ol,
            .note_panel.note_panel_info ul,
            .note_panel.note_panel_info * {
                color: #005D9A;
            }
            .note_panel.note_panel_info .fa-caret-right {
                margin-right: 8px;
                font-weight: 900;
            }

/* Verification list
--------------------------------------------------- */

    ul.verification_list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
        .verification_list li {
            position: relative;
            padding-left: 25px;
        }
        .verification_list li:before {
            position: absolute;
            top: 2px;
            left: 0;
            color: #93cd29;
            content: "\f00c";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            min-width: 14px;
            text-align: center;
        }
        .verification_list li.unverified:before {
            color: red;
            content: "\f00d";
        }
        .verification_list li.warning:before {
            color: #e49531;
            content: "\f12a";
        }
        .verification_list li.info:before {
            color: #78C7FB;
            content: "\f05a";
        }
        
        .verification_list li .link {
            display: inline-block;
            margin: 0 0 0 10px;
        }


/* Square buttons (simple)
----------------------------------------------------------- */

    .squarebtn {
        display: block;
        height: auto !important;
        float: left;
        margin: 0 10px 0 0 !important;
        padding: 0 0 0 5px !important;
        background: url(/lib/archimedes/images/squarebtns.gif) no-repeat left top;
        border: 0 !important;
    }
        .squarebtn a,
        .squarebtn > div {
            display: block;
            float: left;
            height: 21px;
            text-align: center;
            background: url(/lib/archimedes/images/squarebtns.gif) no-repeat right top;
            padding: 3px 8px 3px 3px !important;
            margin: 0 !important;
            text-decoration: none;
            font-weight: normal;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 11px;
            color: #1f4d7e;
            line-height: normal;
        }


/* Upload multiple popup container
----------------------------------------------------------- */

#upload_multiple_popup_container {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 45px 65px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-align: center;
}
    #upload_multiple_popup_container h1 {
        margin: 0 0 40px;
    }
    #upload_multiple_popup_container .fnote {
        line-height: 1.6em;
        margin: 0 0 40px;
    }
    #upload_multiple_popup_container #button_container {
        display: inline-block;
    }
    #upload_multiple_popup_container #fileQueue {
        float: none;
        margin: 0 auto 20px;
    }




/* CMS Uploader (mutliple file HTML5 uploader)
----------------------------------------------------------- */

    .cmsuploader_button {
        float: left;
        margin: 0 10px 0 0 !important;
    }
        .cmsuploader_button > div {
            padding: 0 !important;
        }
        .cmsuploader_button > div > div.uploadifive-button {
            line-height: inherit !important;
            height: 12px !important;
            width: auto !important;
            cursor: pointer;
            padding: 3px 8px 3px 3px !important;
        }
        .cmsuploader_button input {
            cursor: pointer;
            bottom: 0;
            top: 0;
            left: -100px;
            height: 50px;
            width: 300px;
            min-width: 100%;
        }

    .cmsuploader_queue_wrapper {
        width: 400px;
        height: 400px;
        position: fixed;
        z-index: 2000;
        top: 50%;
        left: 50%;
        margin: -220px 0 0 -220px;
        border: 1px solid #ddd;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        background: #fff;
        padding: 20px;
        display: none;
        text-align: left;
    }
        .cmsuploader_queue_wrapper h3,
        .f2 .fieldrow .cmsuploader_queue_wrapper h3 {
            margin: 0 0 15px;
        }
        .cmsuploader_queue_wrapper .cmsuploader_queue {
            width: 100%;
            height: 330px;
            border: 0;
            margin: 0 0 15px;
            overflow: auto;
        }
            .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item {
                padding: 0 0 12px;
                margin: 0 0 12px;
                border-bottom: 1px solid #eee;
            }
            .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item .close {
                float: right;
                text-indent: -9999px;
                position: relative;
                width: 12px;
                height: 12px;
                background: none;
            }
                .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item .close:after {
                    content: "\f00d";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 16px;
                    color: #ccc;
                    margin: 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    text-indent: 0;
                }
            

        .cmsuploader_queue_wrapper .cmsuploader_cancel {
            float: left;
            margin: 0 !important;
        }
            .cmsuploader_queue_wrapper .cmsuploader_cancel a,
            .cmsuploader_queue_wrapper .cmsuploader_cancel a:visited {
                text-decoration: none;
                color: #888;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                line-height: 19px;
                background: #fefefe;
                font-weight: 200;
                text-decoration: none;
            }

        .cmsuploader_queue_wrapper .cmsuploader_results {
            float: right;
            margin: 0 !important;
        }


        .cmsuploader_queue_wrapper .progress {
            background: #eee;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px;
            border-radius: 100px;
            overflow: hidden;
            margin: 10px 0 0;
        }
            .cmsuploader_queue_wrapper .progress .progress-bar {
                background: #78C7FB;
                height: 10px;
                -moz-border-radius: 100px;
                -webkit-border-radius: 100px;
                border-radius: 100px;
                width: 0;
                -webkit-transition: width 500ms ease-in-out;
                transition: width 500ms ease-in-out;
            }



/* Preferences screen
--------------------------------------------------- */


    body.popup-window-mode {
        background: #fff;
        margin: 40px;
    }
        body.popup-window-mode #current_user,
        body.popup-window-mode #navigation_container,
        body.popup-window-mode #copyright {
            display: none;
        }
        body.popup-window-mode.records_page #container {
            width: 100%;
            min-width: 940px;
        }

    #preferences_container {
        width: 900px;
        clear: both;
    }
    #success_message {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        margin: 0 0 25px;
        border: 1px solid #5ab700;
        background: #f5fbf0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #5ab700;
        font-weight: bold;
    }
    #error_message {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        margin: 0 0 25px;
        border: 1px solid #ab0000;
        background: #ffe6e6;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #ab0000;
        font-weight: bold;
    }
    #preferences_fields {
        width: 100%;
    }
        #preferences_fields .fieldscontainer {
            width: 100%;
            margin: 0 0 25px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px;
            border: 1px solid #eee;
            background: #fafafa;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            clear: both;
        }
        #preferences_fields .fieldscontainer h4 {
            margin: 5px 0 15px;
            clear: both;
            font-style: normal;
            padding: 15px 0 0 25%;
            position: relative;
        }
            #preferences_fields .fieldscontainer h4:before {
                position: absolute;
                display: block;
                top: 0;
                left: -15px;
                right: -15px;
                content: '.';
                text-indent: -9999px;
                height: 1px;
                border-top: 1px solid #eee;
            }
            #preferences_fields .fieldscontainer h4:first-child {
                padding-top: 0;
            }
            #preferences_fields .fieldscontainer h4:first-child:before {
                display: none;
            }
        #preferences_fields .fieldrow {
            width: 100%;
            margin: 0 0 15px;
            clear: both;
            position: relative;
        }
            #preferences_fields .fieldrow:last-child {
                margin-bottom: 0;
            }
            #preferences_fields .fieldrow label {
                width: 25%;
                text-align: right;
                padding: 8px 15px 0 0;
                float: left;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
                #preferences_fields .fieldrow.fieldrow_hide_label > label {
                    display: none;
                }
            #preferences_fields .fieldrow .field {
                width: 70%;
                float: left;
            }
                #preferences_fields .fieldrow.fieldrow_hide_label .field {
                    width: 100%;
                }
                #preferences_fields .fieldrow.field_type_bool .field {
                    width: auto
                }
                #preferences_fields .fieldrow .field input.f,
                #preferences_fields .fieldrow .field textarea.f,
                #preferences_fields .fieldrow .field select,
                #preferences_fields .fieldrow .field .select_menu_heading,
                #preferences_fields .fieldrow.field_type_image.active .image_upload_field_image_container {
                    width: 100%;
                    padding: 8px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #ddd;
                    background: #fff;
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                    display: block;
                }
                #preferences_fields .fieldrow .field textarea.f.medium {
                    height: 320px;
                }
                #preferences_fields .fieldrow .field textarea.f.large {
                    height: 620px;
                }
                #preferences_fields .fieldrow .field .select_menu_container {
                    position: relative;
                }
                    #preferences_fields .fieldrow .field .select_menu_heading {
                        background: url(/lib/archimedes/images/drop_arrow.gif) 98% 48% no-repeat #fff;
                        position: relative;
                        z-index: 2;
                    }
                        #preferences_fields .fieldrow .field .select_menu_heading,
                        #preferences_fields .fieldrow .field .select_menu_heading:visited,
                        #preferences_fields .fieldrow .field .select_menu_heading:hover {
                            color: inherit;
                        }
                        #preferences_fields .fieldrow .field .select_menu_container .select_menu_subtitle {
                            padding-right: 32px;
                            color: #aaa;
                            float: right;
                        }
                        #preferences_fields .fieldrow .field .select_menu {
                            width: 100%;
                            position: absolute;
                            z-index: 3;
                            top: 34px;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            border: 1px solid #ddd;
                            background: #fff;
                            -moz-border-radius: 2px;
                            -webkit-border-radius: 2px;
                            border-radius: 2px;
                            list-style: none;
                            margin: 0;
                            overflow-y: auto;
                            overflow-x: hidden;
                            max-height: 300px;
                            padding: 0;
                        }
                        #preferences_fields .fieldrow .field .select_menu li {
                            padding: 8px;
                            cursor: pointer;
                            white-space: nowrap;
                        }
                        #preferences_fields .fieldrow .field .select_menu li:hover {
                            background: #efefef;
                        }
                        
                        #preferences_fields .fieldrow .field .select_menu li.fonts {
                            font-size: 20px;
                            line-height: 25px;
                            font-weight: 200;
                            position: relative;
                        }
                        #preferences_fields .fieldrow .field .select_menu li.fonts:after {
                            position: absolute;
                            display: block;
                            top: 0;
                            padding: 8px 0;
                            left: 250px;
                            padding-left: 20px;
                            color: #bbb;
                            line-height: 25px;
                            font-size: 14px;
                            content: 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789';
                            content: 'The quick brown fox jumps over the lazy dog.';
                        }
                        #preferences_fields .fieldrow .field .select_menu li.fonts .select_menu_title {
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            display: block;
                            overflow: hidden;
                            max-width: 250px;
                        }
                        @media screen and (-webkit-min-device-pixel-ratio:0) {
                            #preferences_fields .fieldrow .field select {
                                background: url(/lib/archimedes/images/drop_arrow.gif) 98% 48% no-repeat #fff;
                                -webkit-appearance: none;
                            }
                        }
                #preferences_fields .fieldrow .field textarea.f {
                    height: 120px;
                }
                #preferences_fields .fieldrow .field .list_sort_field {
                    white-space: nowrap;
                    overflow: auto;
                    vertical-align: top;
                }
                    #preferences_fields .fieldrow .field .list_sort_field div {
                        float: left;
                        margin: 0 5px 5px 0;
                        padding: 8px;
                        border: 1px solid #ddd;
                        background: #fafafa;
                        -moz-border-radius: 2px;
                        -webkit-border-radius: 2px;
                        border-radius: 2px;
                        cursor: move;
                    }
                    #preferences_fields .fieldrow .field .multi_field div {
                        float: left;
                        width: 33%;
                    }
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div {
                            width: 100%;
                            clear: both;
                        }
                    #preferences_fields .fieldrow .field .multi_field div input[type='checkbox'] {
                        position: absolute;
                        left: -9999px;
                    }
                    #preferences_fields .fieldrow .field .multi_field div input[type='checkbox'] + label {
                        text-align: left;
                        width: auto;
                        line-height: 22px;
                        color: #aaa;
                        cursor: pointer;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        transition: all 0.2s ease-in-out;
                    }
                        #preferences_fields .fieldrow .field .multi_field div input[type='checkbox'] + label:before {
                            content: "\f00c";
                            font: normal normal normal 14px/1 FontAwesome;
                            color: #fff;
                            -webkit-font-smoothing: antialiased;
                            line-height: 21px;
                            text-align: center;
                            float: left;
                            margin: 0 12px 0 0;
                            text-indent: -9999px;
                            display: block;
                            height: 20px;
                            width: 20px;
                            background: #fff;
                            -moz-border-radius: 50px;
                            -webkit-border-radius: 50px;
                            border-radius: 50px;
                            border: 1px solid #ccc;
                            -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                            -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                            transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                        }
                    #preferences_fields .fieldrow .field .multi_field div input[type='checkbox']:checked + label {
                        color: #333;
                    }
                        #preferences_fields .fieldrow .field .multi_field div input[type='checkbox']:checked + label:before {
                            background: #a3d940;
                            border-color: #93cd29;
                            text-indent: 0;
                        }

                    #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt {
                        clear: both;
                        display: none;
                        width: 100%;
                        transition: opacity 200ms ease-in-out;
                        opacity: 0;
                        float: left;
                    }
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt.active {
                            opacity: 1;
                        }
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt .inner {
                            clear: both;
                            display: block;
                            margin: 15px 0 10px;
                            padding: 25px 25px 15px;
                            border: 1px solid #eaeaea;
                            background: #fdfdfd;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                            border-radius: 3px;
                            position: relative;
                            width: 100%;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            float: left;
                        }
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt .inner:before {
                            content: '.';
                            display: block;
                            text-indent: -9999px;
                            background: #fdfdfd;
                            position: absolute;
                            top: -6px;
                            left: 25px;
                            height: 10px;
                            width: 10px;
                            transform: rotate(45deg);
                            border: 1px solid #eaeaea;
                            border-width: 1px 0 0 1px;
                        }

                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt p,
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt div,
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt ol,
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt ul {
                            display: block;
                            clear: both;
                            float: none;
                            margin: 0 0 10px;
                        }
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt ol,
                        #preferences_fields .fieldrow .field .multi_field.multi_field_rows div .multi_field_prompt ul {
                            padding: 0 0 0 25px;
                        }

                #preferences_fields .fieldrow .field .multi_field.sortable > div {
                    height:40px;
                    border-radius:4px;
                    box-sizing:border-box;
                    -webkit-transition:border-color 0.3s ease;
                    -moz-transition:border-color 0.3s ease;
                    -o-transition:border-color 0.3s ease;
                    transition:border-color 0.3s ease;
                    border: 1px solid transparent;
                }
                    #preferences_fields .fieldrow .field .multi_field.sortable > div:hover {
                        border: 1px solid #ddd;
                        background: #FDFDFD;
                    }
                #preferences_fields .fieldrow .field .multi_field.sortable span.multi-drag-handle {
                    float: right;
                    width: 40px;
                    height: 100%;
                    display:block;
                    cursor:move;
                    opacity:0;
                    -webkit-transition:all 0.3s ease;
                    -moz-transition:all 0.3s ease;
                    -o-transition:all 0.3s ease;
                    transition:all 0.3s ease;
                    color: #BDBDBD;
                }
                    #preferences_fields .fieldrow .field .multi_field.sortable > div:hover span.multi-drag-handle {
                        opacity:1.0;
                    }
                    #preferences_fields .fieldrow .field .multi_field.sortable > div:hover span.multi-drag-handle:hover {
                        color: #777;
                    }
                    #preferences_fields .fieldrow .field .multi_field.sortable .multi-drag-handle:after {
                        content: "\f0c9";
                        font: normal normal normal 14px/1 FontAwesome;
                        -webkit-font-smoothing: antialiased;
                        font-weight: 200;
                        line-height: 21px;
                        text-align: right;
                        float: none;
                        margin: 0;
                        text-indent: 0;
                        display: block;
                        height: 100%;
                        line-height: 40px;
                        font-size: 14px;
                        border-radius: 4px;
                        padding-right: 15px;
                    }
                #preferences_fields .fieldrow .multi_field.sortable label {
                    width: 25%;
                    text-align: right;
                    padding: 9px 0 0 6px;
                }
                #preferences_fields .fieldrow .multi_field.sortable .multi_field_renameable {
                    display: inline-block;
                    height: 20px;
                    overflow: hidden;
                    overflow-wrap: normal;
                    margin: 9px 0 0 3px;
                    padding: 0 5px;
                    white-space: nowrap;
                    width: 50%;
                }
                    #preferences_fields .fieldrow .multi_field.sortable .multi_field_renameable:hover,.multi_field_renameable:focus {
                        outline: 1px solid #eee;
                    }

                    #preferences_fields .fieldrow .multi_field.sortable :not(.active) .multi_field_renameable {
                        color: #aaa;
                    }
                #preferences_fields .fieldrow .multi_field .modifiers {
                    text-align: right;
                    line-height: 16px;
                    display: none;
                    background: #fff;
                    border-radius: 2px;
                    text-transform: uppercase;
                    margin: 11px 0 0 10px;
                    font-size: 10px;
                    letter-spacing: 1px;
                    opacity: 0;
                    transition:all 0.3s ease;
                }
                    #preferences_fields .fieldrow .field .multi_field > div:hover .modifiers {
                        opacity:1.0;
                        position: relative;
                    }
                    #preferences_fields .fieldrow .multi_field .active .modifiers {
                        display: inline-block;
                    }
                    #preferences_fields .fieldrow .multi_field.multi_field_rows .modifiers  {
                        float: right;
                    }
                    #preferences_fields .fieldrow .multi_field .modifiers > span {
                        padding: 0 2px;
                        display: inline-block;
                        cursor: pointer;
                        border: 1px solid #eee;
                        border-width: 1px 0 1px 1px;
                    }
                    #preferences_fields .fieldrow .multi_field .modifiers > span:last-child {
                        border-width: 1px;
                    }
                    #preferences_fields .fieldrow .multi_field .modifiers > span:first-child {
                        border-radius: 2px 0 0 2px;
                    }
                    #preferences_fields .fieldrow .multi_field .modifiers > span:last-child {
                        border-radius: 0 2px 2px 0;
                    }
                    #preferences_fields .fieldrow .multi_field .modifiers .active {
                        background: #78C7FB;
                        border-color: #78C7FB;
                        color: #fff;
                    }
                #preferences_fields .fieldrow .multi_field.sortable .ui-sortable-helper {
                    border: 1px solid #93cd29 !important;
                    -webkit-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
                    -moz-box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
                    box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.3);
                    background:#fff !important;
                    height:40px !important;
                }
                #preferences_fields .fieldrow .multi_field.sortable .ui-sortable-placeholder {
                    visibility:visible !important;
                    border-radius:4px;
                    box-sizing:border-box;
                    border: 1px dashed #93cd29 !important;
                    opacity:1.0;
                    display:inline-block;
                }
                #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] {
                    position: absolute;
                    left: -9999px;
                }
                #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label {
                    margin-top: 5px;
                    width: 45px;
                    height: 24px;
                    padding: 3px;
                    background: #ddd;
                    border: 1px solid #ccc;
                    -moz-border-radius: 50px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    text-indent: -9999px;
                    display: block;
                    text-align: left;
                    position: relative;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                    cursor: pointer;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }
                #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label * {
                    display: none;
                }
                    #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:before {
                        right: 6px;
                        content: 'off';
                        text-indent: 0;
                        display: block;
                        position: absolute;
                        color: #aaa;
                        top: 4px;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        transition: all 0.2s ease-in-out;
                    }
                    #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:after {
                        content: '.';
                        text-indent: -9999px;
                        display: block;
                        height: 12px;
                        width: 12px;
                        background: #fff;
                        position: absolute;
                        left: 4px;
                        top: 4px;
                        -moz-border-radius: 50px;
                        -webkit-border-radius: 50px;
                        border-radius: 50px;
                        border: 1px solid #ccc;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        transition: all 0.2s ease-in-out;
                    }
                #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label {
                    background: #a3d940;
                    border-color: #93cd29;
                }
                    #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:before {
                        left: 6px;
                        right: auto;
                        content: 'on';
                        color: #fff;
                    }
                    #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:after {
                        left: 26px;
                        border-color: #93cd29;
                    }
                #preferences_fields .fieldrow .field .mce_container,
                #preferences_fields .fieldrow .field .mce_container > span > table {
                    width: 500px !important;
                }
                    #preferences_fields .fieldrow .field .mce_container .defaultSkin .mceListBox .mceText {
                        width: 54px !important;
                    }
                #preferences_fields .fieldrow.field_type_image {

                }
                    #preferences_fields .fieldrow.field_type_image .image_upload_field_image_container,
                    #preferences_fields .fieldrow.field_type_image .image_field_slider_container,
                    #preferences_fields .fieldrow.field_type_image .image_upload_field_delete_button_container {
                        display: none;
                    }
                    #preferences_fields .fieldrow.field_type_image.active .image_upload_field_image_container {
                        margin: 0 0 10px;
                        display: block;
                        padding: 5px;
                        text-align: center;
                        background: url(/lib/archimedes/images/transparent.gif);
                        overflow: hidden;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    #preferences_fields .fieldrow.field_type_image.active .image_upload_field_image_container img {
                        max-width: 500px;
                    }
                    #preferences_fields .fieldrow.field_type_image.active .image_field_slider_container {
                        width: 100%;
                        padding: 15px 10px 5px;
                        margin: 0 0 10px;
                        background: #fafafa;
                        border: 1px solid #eee;
                        display: block;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                    }
                    #preferences_fields .fieldrow.field_type_image.active .image_upload_field_delete_button_container {
                        display: block;
                    }
                    #preferences_fields .fieldrow.field_type_image .squarebtns {
                        padding-top: 5px;
                    }
            #preferences_fields .fieldrow .field_notification {
                width: auto;
                float: left;
                padding: 7px 0 0 15px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 0;
                right: 0;
            }
                #preferences_fields .fieldrow .field_notification .field_warning {
                    float: left;
                    padding: 5px;
                    height: 16px;
                    width: 16px;
                    text-align: center;
                    color: #fff;
                    background: #d80e0e;
                    border: 1px solid #c70606;
                    line-height: 4px;
                    -moz-border-radius: 50px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    cursor: pointer;
                }
            #preferences_fields .fieldrow .field_note {
                width: 70%;
                margin-left: 25%;
                padding-top: 5px;
                float: left;
                color: #aaa;
                line-height: 15px;
            }
                #preferences_fields .fieldrow .field_note a,
                #preferences_fields .fieldrow .field_note a:visited {
                    color: #777;
                }
                #preferences_fields .fieldrow .field .field_note {
                    margin-left: 0;
                    width: 100%;
                }
            #preferences_container .button {
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                float: left;
                border: 1px solid #979797;
                box-shadow: inset 0 0 0 1px #fff;
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f3f3f3 51%, #f6f5f5 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#f3f3f3), color-stop(100%,#f6f5f5)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f6f5f5 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f6f5f5 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f6f5f5 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f6f5f5 100%); /* W3C */
            }
                #preferences_container .button a,
                #preferences_container .button a:visited {
                    color: #1f4d7e;
                    display: block;
                    padding: 8px 15px;
                    line-height: 13px;
                    font-size: 13px;
                }

            #preferences_fields .fieldrow.field_type_rowscols .field input.f {
                border-radius: 0;
                border: 0;
                background: #ffffff;
                width: 100% !important;
            }
            #preferences_fields .fieldrow.field_type_rowscols .field table.jqrowscols td {
                border: 1px solid #ddd;
            }

            
    


    /* CMS introduction popup
    ----------------------------------------------------------- */

    #cms_update_introduction {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }
        #cms_update_introduction.active {
            display: flex;
        }
        #cms_update_introduction_overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(20,20,20,0.4);
            z-index: 10000;
            transition: opacity 400ms ease-in-out;
            opacity: 0;
        }
            #cms_update_introduction.active.visible #cms_update_introduction_overlay {
                opacity: 1;
            }
        #cms_update_introduction_content {
            position: relative;
            max-height: 96vh;
            overflow: auto;
            clear: both;
            display: block;
            margin: 0;
            padding: 22px 25px 15px;
            background: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            align-self: center;
            z-index: 10001;
            transition: margin 1000ms ease-in-out, opacity 400ms ease-in-out;
            float:none;
            max-width:600px;
            width: 96vw;
            box-sizing: border-box;
            margin:0 auto;
            margin-top: 100px;
            padding-bottom: 25px;
            border: 0;
            opacity: 0;
        }
            #cms_update_introduction.active.visible #cms_update_introduction_content {
                margin-top: 0;
                opacity: 1;
                transition: margin 4000ms cubic-bezier(.18, 1, .21, 1), opacity 400ms ease-in-out;
            }
        
            #cms_update_introduction #cms_update_introduction_content h3 {
                padding-right: 40px;
                margin: 0 0 20px;
            }
            #cms_update_introduction #cms_update_introduction_content p {
                margin: 0 0 20px;
                clear: both;
            }
            #cms_update_introduction #cms_update_introduction_content .close {
                position: absolute;
                top: 25px;
                right: 25px;
                height: 30px;
                width: 30px;
            }
                #cms_update_introduction #cms_update_introduction_content .close:after {
                    display: block;
                    float: right;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 17px;
                    color: #111;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    cursor: pointer;
                    content: "\f00d";
                }
            .aolpromptmessage h2 {
                float: none;
            }


/* -----------------------------------------------------------
   Cookie notification
----------------------------------------------------------- */


#admin_cookie_notification {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(70,70,70,0.3);
    outline: none;
    /*background: #FFF;*/
    /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);*/
    z-index: 2147483647;
    /*transform: translateY(100%);*/
    /*transition: transform 600ms cubic-bezier(0.0, 0.0, 0.2, 1);*/
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    #admin_cookie_notification {
        transition: none !important;
    }
}

#admin_cookie_notification:not(.active) {
    display: none;
}
#admin_cookie_notification.active {
    /*transform: translateY(0);*/
    animation: animate-cookie-popup-wrapper 2500ms;
}

@keyframes animate-cookie-popup-wrapper {
    from { opacity: 0; }
    to { opacity: 1; }
}

#admin_cookie_notification .inner {
    margin: auto;
    padding: 36px;
    
    
    background-color: white;
    max-width: 100%;
    width: 378px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#admin_cookie_notification.active .inner {
    /*transform: translateY(0);*/
    animation: animate-cookie-popup-opacity 2500ms cubic-bezier(.18, 1, .21, 1), animate-cookie-popup-transform 4000ms cubic-bezier(.18, 1, .21, 1);
}

@keyframes animate-cookie-popup-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animate-cookie-popup-transform {
    from {
        transform: translate3d(0, 100px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

#admin_cookie_notification_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px;
}

#admin_cookie_notification_main > div {
    width: 100%;
    margin: 0;
}

#admin_cookie_notification .inner #admin_cookie_notification_message {
    /* width: 92%;s */
    /*padding-right: 20px;*/
    margin-right: auto;
    max-width: 805px;
    
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

#admin_cookie_notification_message .admin_cookie_notification_message__heading {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    text-align: left;
}

#admin_cookie_notification_message .admin_cookie_notification_message__body,
#admin_cookie_notification_message .admin_cookie_notification_message__body * {
    color: #767676;
    font-size: 14px;
}

#admin_cookie_notification_message .admin_cookie_notification_message__strong,
#admin_cookie_notification_message .admin_cookie_notification_message__strong a {
    font-weight: 800;
    font-size: 14px;
}

#admin_cookie_notification .inner .admin_cookie_notification_button,
#admin_cookie_notification .inner #admin_cookie_notification_preferences {
    float: none;
    margin: 0px;
    white-space: nowrap;
    
}

#admin_cookie_notification .inner .admin_cookie_notification_button a,
#admin_cookie_notification .inner #admin_cookie_notification_preferences a {
    /*background: #78C7FB !important;*/
    /*border: 1px solid #78C7FB !important;*/
    border: 1px solid #111;
    color: #111;
    padding: 10px 16px !important;
    border-radius: 28px;
    
    font-size: 12px;
    line-height: 14.4px;
    letter-spacing: 1.2px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;

    width: 100%;
    display: block;
    box-sizing: border-box;
    
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

}

#admin_cookie_notification .inner .admin_cookie_notification_button a:hover,
#admin_cookie_notification .inner .admin_cookie_notification_button a:focus {
    background: #111;
    color: white;
}

#admin_cookie_notification .inner .admin_cookie_notification_button a:focus,
#admin_cookie_notification .inner #admin_cookie_notification_preferences a:focus {
    outline: 2px solid #78c7fb;
}

#admin_cookie_notification .inner .admin_cookie_notification_accept a {
    margin-top: 24px;
}

#admin_cookie_notification .inner #admin_cookie_notification_preferences a {
    border: 1px solid #CCCCCC;
    /*color: #888;*/
    /*font-size: 11px;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 1.5px;*/
}

#admin_cookie_notification .inner #admin_cookie_notification_preferences a::before {
    display: none;
}

#admin_cookie_notification .inner #admin_cookie_notification_preferences {
    /*margin-left: 5px;*/
    /*padding: 1em;*/
    /* margin-top: 12px; */
}

@keyframes party-mode-bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

#admin_cookie_notification.party-mode {
    background-image: linear-gradient(to top, #FFC107 0, #FFC107 20%, #FF9800 20%, #FF9800 40%, #8BC34A 40%, #8BC34A 60%, #2196F3 60%, #2196F3 80%, #9C27B0 80%);
    animation: party-mode-bounce .6s infinite
}

#admin_cookie_notification.party-mode #admin_cookie_notification_message {
    color: #daa520;
    font-weight: 700;
    text-shadow: 1px 1px 2px #9b28b0;
    font-size: 1.4em
}

#admin_cookie_notification.party-mode .button {
    background-image: linear-gradient(to right, #FFC107 0, #FFC107 20%, #FF9800 20%, #FF9800 40%, #8BC34A 40%, #8BC34A 60%, #2196F3 60%, #2196F3 80%, #9C27B0 80%);
    border: 4px solid red
}


#admin_cookie_preferences_form fieldset {
    /*margin: 20px 0;*/
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    margin-bottom: 40px;
}

#admin_cookie_preferences_form fieldset>div {
    margin: 0 !important;
}

#admin_cookie_preferences_form .button {
    margin-left: 0;
}

#manage_cookie_preferences_popup_container {
    display: none !important;
    overflow: auto;
    position: fixed;
    z-index: 2147483646;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body.admin_manage_cookie_preferences_popup_active {
    overflow: hidden;
}

body.admin_manage_cookie_preferences_popup_active #manage_cookie_preferences_popup_container {
    display: block !important;
}

#manage_cookie_preferences_popup_inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    pointer-events: none;
}

#manage_cookie_preferences_popup_overlay {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 400ms linear;
}

body.admin_manage_cookie_preferences_popup_visible #manage_cookie_preferences_popup_overlay {
    opacity: 1;
}

#manage_cookie_preferences_popup_box {
    pointer-events: auto;
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;
    z-index: 3000;
    width: 100%;
    max-width: 540px;
    padding: 50px;
    box-sizing: border-box;
    background: #fff;

    opacity: 0;
    transform: translateY(100px);
    transition: opacity 400ms linear, transform 400ms cubic-bezier(.65, .06, .19, .96);
}

body.admin_manage_cookie_preferences_popup_visible #manage_cookie_preferences_popup_box {
    opacity: 1;
    transform: none;
    transition: transform 3000ms cubic-bezier(.18, 1, .21, 1), opacity 2000ms cubic-bezier(.18, 1, .21, 1);
}

#manage_cookie_preferences_popup_container h2 {
    float:none;
    margin: 8px 0;
}

#manage_cookie_preferences_popup_container .description {
    margin: 0 0 15px;
    font-size: 0.95em;
    line-height: 1.9em;
}

#manage_cookie_preferences_popup_container #artlogic_mailinglist_signup_form_wrapper {
    padding: 0 0 0;
}

#manage_cookie_preferences_popup_container #privacy_policy_form_msg {
    border: 0;
    padding: 30px 0 0;
    margin: 0;
}

#manage_cookie_preferences_popup_container .close {
    position: absolute;
    z-index: 1200;
    cursor: pointer;
    top: 30px;
    right: 30px;
    z-index: 100;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -moz-transition: opacity 2s cubic-bezier(.18, 1, .21, 1);
    -o-transition: opacity 2s cubic-bezier(.18, 1, .21, 1);
    -webkit-transition: opacity 2s cubic-bezier(.18, 1, .21, 1);
    transition: opacity 2s cubic-bezier(.18, 1, .21, 1);
}

#manage_cookie_preferences_popup_container .close a {
    display: block;
    text-indent: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
}

/* #manage_cookie_preferences_popup_container .close::after {
					display: block;
					content: "\e034";
					text-indent: 0;
					position: absolute;
					z-index: 1;
					top: 0;
					left: 0;
					right: 0;
					left: 0;
					text-align: right;
					font-family: "artlogic-social-icons" !important;
					font-style: normal !important;
					font-weight: normal !important;
					font-variant: normal !important;
					font-size: 20px;
					line-height: 20px;
					letter-spacing: 0;
					text-transform: none !important;
					speak: none;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					color: #555;
				} */
#manage_cookie_preferences_popup_container h3 {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

#admin_cookie_preferences_form_submit {
    cursor: pointer;
    border: 1px sold #CCCCCC;
    height: 45px;
}

#admin_cookie_preferences_form_submit:hover {
    color: inherit;
}

@media (max-width: 767px) {
    #admin_cookie_notification .inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 0;
    }

    #admin_cookie_notification .inner #admin_cookie_notification_message {
        width: 100%;
        padding: 0;
    }

}

@media (max-width: 459px) {
    #admin_cookie_notification {
        align-items: flex-end;
    }
    #admin_cookie_notification .inner {
        display: block;
        border-radius: 0;
        margin: 0;
    }

    #admin_cookie_notification .inner #admin_cookie_notification_message,
    #admin_cookie_notification .inner .admin_cookie_notification_button,
    #admin_cookie_notification .inner .admin_cookie_notification_button a,
    #admin_cookie_notification .inner #admin_cookie_notification_preferences,
    #admin_cookie_notification .inner #admin_cookie_notification_preferences a {
        float: none;
    }

    #manage_cookie_preferences_popup_inner {
        padding: 20px;
    }

    #manage_cookie_preferences_popup_box {
        padding: 25px;
    }
}