/* Registrar Embed */
body.editMode .acalog { background-color: #FFD700; }
body.editMode .acalog::before { content: "Registrar Code Block: "; }
/* Shim for Asset Selector */
body.authenticated.editMode div.ms-dlgTitle h1[title="Select an Asset"]::after { content: "CAUTION: DO NOT use this screen to upload files; see the tutorials for correct upload procedure"; background-color: #FF0000; color: #FFFFFF; margin-left: 20px; padding: 5px; }
body.authenticated.editMode div.ms-dlgTitle h1[title="Select an Asset"]::before { content: " "; height: 20px; width: 135px; position: absolute; top: 120px; left: 390px; background-color: #000000; cursor: not-allowed; }
/* ==================================================================================== */
/* ========================= CAS SharePoint 2013 Template CSS ========================= */
/* ===================================== OmniPage ===================================== */
/* ==================================================================================== */
#custom .ms-ref-refinername:link,
#custom .ms-ref-refiner #Value { width: 100%; }
#Refinement #OtherValue { display: none; }
.CAS_Rendition-Row { clear:both;width:680px; }
.CAS_Rendition-Row a { padding-right: 10px; float: left; }
.CAS_Rendition-Row img { max-width:300px; }
.CAS_Rendition-Row img.cropRotatorImg { max-width: 680px; }
.opSectionAnchor { height: 0px; width: 0px; overflow: hidden; }
/* ==================================================================================== */
/* ---------- Left/Current (Vertical) Navigation
/* ==================================================================================== */
#header-linkback span.fa { font-size: 0.6em; opacity: 0.33; padding: 0 0.5em 0 1em; position: relative; top: -0.15em; }
#currentNavigation { position: relative; float: left; left: 100%; width: 270px; min-height: 330px; margin: 0 30px 30px -970px; padding-bottom: 40px; background-color: rgb(0, 0, 0); }
.hideLeftNav #currentNavigation { display: none; }
/* allows the custom MMNAav Class addClassToBody class of hideHeader to hide the normal Header */
body.displayMode.hideHeader #SPHeader { display: none; }
/* Current Navigation General Styling */
#currentNavigation ul li a, #currentNavigation ul li a span { cursor: pointer; }
#currentNavigation ul li { position: relative; }
#currentNavigation ul li .menu-item { position: relative; display: block; margin-left: 15px; }
#currentNavigation ul li .menu-item:before { content: " "; height: 0; width: 0; position: absolute; display: none; border: 5px solid transparent; }
#currentNavigation ul li .ms-core-listMenu-item:hover, #currentNavigation ul li .ms-core-listMenu-item:active { background-color: rgba(255, 255, 255, 0.08); cursor: pointer; }
#currentNavigation ul li span { display: block; }
#currentNavigation ul li .menu-item { padding: 0; }
#currentNavigation ul li.selected > .menu-item { background-color: transparent; }
#currentNavigation ul li.selected.branch > .menu-item:before,
#currentNavigation ul li.hasSelectedChild > .menu-item:before { border-top-color: rgba(255, 255, 255, 0.9); }
#currentNavigation ul li.notSelected ul { display: none; }
#currentNavigation ul li.notSelected > .menu-item:before { border-left-color: rgba(255, 255, 255, 0.9); }
#currentNavigation ul li span.rule { background-color: rgba(0, 0, 0, 0.12); height: 1px; margin-top: 14px; }
#currentNavigation ul li span.menu-item-text.header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
/* Current Navigation Level 1 (Sub-Site Name) */
#currentNavigation ul.root > li > .menu-item { padding: 0; margin: 9px 9px 10px 9px; }
#currentNavigation ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 600; padding: 9px 6px 3px 6px; text-transform: uppercase; }
#currentNavigation ul span, #currentNavigation ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.85); }
/* Current Navigation Level 2 (Sub-Sites' Top-Level Children) */
#currentNavigation ul ul { margin: 12px 10px 0 10px; }
#currentNavigation ul ul .menu-item { margin-left: -2px; }
#currentNavigation ul ul span { font-size: 14px; line-height: 17px; }
#currentNavigation ul ul span.menu-item-text { padding: 7px; }
#currentNavigation ul ul span.menu-item-text.header { font-size: 15px; line-height: 23px; padding-bottom: 2px; margin: 12px 0 9px 0; }
#currentNavigation ul ul span.rule { margin-top: 12px; }
#currentNavigation ul ul span, #currentNavigation ul ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.8); }
#currentNavigation ul ul li.selected.branch > .menu-item:before,
#currentNavigation ul ul li.hasSelectedChild > .menu-item:before { border-top-color: rgba(255, 255, 255, 0.8); }
#currentNavigation ul ul li.notSelected > .menu-item:before,
#currentNavigation ul ul li.notSelected > .menu-item:before { border-left-color: rgba(255, 255, 255, 0.8); }
/* Current Navigation Level 3 (Sub-Sites' Second-Level Children) */
#currentNavigation ul ul ul { margin: 3px 0 3px 18px; }
#currentNavigation ul ul ul li .menu-item:before { top: 9px; left: 7px; }
#currentNavigation ul ul ul .menu-item, #currentNavigation ul ul ul span { font-size: 12px; line-height: 15px; }
#currentNavigation ul ul ul li.notSelected > .menu-item:before { top: 7px; left: 10px; }
#currentNavigation ul ul ul li.selected.branch > .menu-item, #currentNavigation ul ul ul li.hasSelectedChild > .menu-item,
#currentNavigation ul ul ul li.notSelected > .menu-item { margin-left: -18px; padding-left: 16px; }
#currentNavigation ul ul ul span.menu-item-text { padding: 6px; }
#currentNavigation ul ul ul span.menu-item-text.header { font-size: 13px; line-height: 20px; margin: 10px 0 8px 0; }
#currentNavigation ul ul ul span.rule { margin-top: 10px; }
#currentNavigation ul ul ul .menu-item:before { display: inline-block; }
#currentNavigation ul ul ul span, #currentNavigation ul ul ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.7); }
#currentNavigation ul ul ul li.selected.branch > .menu-item:before,
#currentNavigation ul ul ul li.hasSelectedChild > .menu-item:before { border-top-color: rgba(255, 255, 255, 0.7); }
#currentNavigation ul ul ul li.notSelected > .menu-item:before { border-left-color: rgba(255, 255, 255, 0.7); }
/* Current Navigation Level 4 (Sub-Sites' Third-Level Children .menu-itemnd Below) */
#currentNavigation ul ul ul ul { margin: 2px 0 2px 10px; }
#currentNavigation ul ul ul ul li .menu-item:before { left: 6px; }
#currentNavigation ul ul ul ul li.selected.branch > .menu-item, #currentNavigation ul ul ul ul li.hasSelectedChild > .menu-item,
#currentNavigation ul ul ul ul li.notSelected > .menu-item { padding-left: 15px; }
#currentNavigation ul ul ul ul span.menu-item-text { padding: 5px; }
#currentNavigation ul ul ul ul span.menu-item-text.header { margin: 8px 0 6px 0; }
#currentNavigation ul ul ul ul span.rule { margin-top: 8px; }
#currentNavigation ul ul ul ul span, #currentNavigation ul ul ul ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.6); }
#currentNavigation ul ul ul ul li.selected.branch > .menu-item:before,
#currentNavigation ul ul ul ul li.hasSelectedChild > .menu-item:before { border-top-color: rgba(255, 255, 255, 0.6); }
#currentNavigation ul ul ul ul li.notSelected > .menu-item:before,
#currentNavigation ul ul ul ul li.notSelected > .menu-item:before { border-left-color: rgba(255, 255, 255, 0.6); }
/* Current Navigation Level 5 .menu-itemnd Below */
#currentNavigation ul ul ul ul ul span, #currentNavigation ul ul ul ul ul.root > li > .menu-item .menu-item-text { color: rgba(255, 255, 255, 0.5); }
#currentNavigation ul ul ul ul ul li.selected.branch > .menu-item:before,
#currentNavigation ul ul ul ul ul li.hasSelectedChild > .menu-item:before { border-top-color: rgba(255, 255, 255, 0.5); }
#currentNavigation ul ul ul ul ul li.notSelected > .menu-item:before,
#currentNavigation ul ul ul ul ul li.notSelected > .menu-item:before { border-left-color: rgba(255, 255, 255, 0.5); }
/* Make room for the Edit Nav button when it is visible (i.e. when the body.AllNavEditors class exists) */
.AllNavEditors #currentNavigation ul.root > li > .menu-item, .AllNavEditors #currentNavigation ul.root > li > .menu-item > span { margin-right: 0; padding-right: 0; width: 220px; }
.AllNavEditors #currentNavigation ul.root > li > .menu-item > span > span { width: 208px; }
/* ==================================================================================== */
/* ---------- Managed Navigation In-Page Navigation Controls
/* ==================================================================================== */
/************************************** Panels **************************************************************/
/* Panel 1 - The read-only panel seen before the "Edit Links" button is clicked */
/* Panel 2 - The edit-mode panel seen after the "Edit Links" button is clicked */
/* Panel 3 - The read-only panel seen after changes are made and the "Save" button is clicked */
/* ***************************** Panel Container, Header, and Primary Glyphs ****************************** */
/* From LeftNav: #navEditButton (.fa-cogs) - Launch the #navEditor Interface (Panel 1) in read-only mode */
/* Panel 1: #navEditorCustomEdit (.fa-pencil-square-o) - Proceed to edit-mode (Panel 2) */
/* Panel 2: #navEditorCustomSave (.fa-floppy-o) - Save changes and return to read-only mode (Panel 1/3) */
/* Panel 2: #navEditorCustomCancel (.fa-ban) - Discard Changes and return to read-only mode (Panel 1/3) */
/* Panel 1, 2, or 3: #navEditorClose (.fa-times-circle) - Exit the #navEditor Interface */
/* ******************************************************************************************************** */
#navEditor { background-color: rgba(0, 0, 0, 0.08); width: 300px; min-height: 370px; float: left; border-bottom: 1px solid rgba(0, 0, 0, .15); display: none; left: 100%; margin-left: -1000px; position: relative; z-index: 1; }
#navEditorHeader { font-size: 16px; color: rgba(255, 255, 255, 0.85); background-color: rgb(0, 0, 0); height: 40px; line-height: 40px; padding: 0 40px 0 10px; text-transform: uppercase; }
body:not(.AllNavEditors) #navEditButton, body.editMode #navEditButton { display: none; }
#navEditButton, #navEditorClose { color: rgba(255, 255, 255, 0.85); cursor: pointer; font-size: 20px; position: absolute; right: 0; padding: 10px 9px; z-index: 2; }
#navEditButton:hover, #navEditorClose:hover { color: rgba(255, 255, 255, 0.4); }
/* Custom Buttons are: #navEditorCustomEdit, #navEditorCustomSave, #navEditorCustomCancel */
#navEditorCustomButtons { padding: 12px 18px; }
.navEditor .fa { color: rgb(0, 0, 0); padding-right: 15px; font-size: 24px; cursor: pointer; }
.navEditor .fa:hover { color: rgba(0, 0, 0, 0.4); }
.navEditor .fa.fa-pencil-square-o { font-size: 27px; position: relative; top: 2px; }
.navEditor .fa.fa-ban { font-size: 25px; }
.navEditor .tooltip { text-align: center; margin-left: -50px; max-width: 180px; min-width: 180px; width: 180px; }
.navEditor .tooltip h6 { line-height: 48px; }
/* Here, we disable/grey-out any buttons that have no functionality on a specific panel. */
/* We also need to hide the tooltip, and make sure that clicking on the link even */
/* though it is greyed out, doesn't do anything - pointer-events: none; will help */
/* but may not be supported by every browser (it is CSS 3+/4) */
.navEditorPanel1 #navEditorCustomSave, .navEditorPanel1 #navEditorCustomCancel,
.navEditorPanel2 #navEditorCustomEdit,
.navEditorPanel3 #navEditorCustomSave, .navEditorPanel3 #navEditorCustomCancel,
.navEditorPanel1 #navEditorCustomSave:hover, .navEditorPanel1 #navEditorCustomCancel:hover,
.navEditorPanel2 #navEditorCustomEdit:hover,
.navEditorPanel3 #navEditorCustomSave:hover, .navEditorPanel3 #navEditorCustomCancel:hover
{ cursor: default; color: rgba(0, 0, 0, 0.25); pointer-events: none; }
.navEditorPanel1 #navEditorCustomSave .tooltip, .navEditorPanel1 #navEditorCustomCancel .tooltip,
.navEditorPanel2 #navEditorCustomEdit .tooltip,
.navEditorPanel3 #navEditorCustomSave .tooltip, .navEditorPanel3 #navEditorCustomCancel .tooltip,
.navEditorPanel1 #navEditorCustomSave:hover .tooltip, .navEditorPanel1 #navEditorCustomCancel:hover .tooltip,
.navEditorPanel2 #navEditorCustomEdit:hover .tooltip,
.navEditorPanel3 #navEditorCustomSave:hover .tooltip, .navEditorPanel3 #navEditorCustomCancel:hover .tooltip
{ display: none; }
/* Here, we completely hide any buttons that have no functionality on a specific panel. */
#navEditor .ms-navedit-flyoutArrow { background: 0 none; } /* SharePoint's fly-out arrows (found only on the deepest branch, currently level 7 or 8 */
#navEditor .ms-listMenu-editLink { display: none; } /* Hides SharePoint Buttons from Panel 2 that we recreate - Save, Edit, etc. */
#navEditor .ms-navedit-appendarea { display: none; } /* Hides the 'Drag and Drop Link Here' box on Panel 2 */
#navEditor ul.root > li > .ms-navedit-dropNode { display: none; } /* Hides a duplicate top-level node created by Panel 3 (a bug?) */
/* ***************************** Scrolling Area ******************************* */
#navEditor #navEditorContent { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }
#navEditor #navEditorScrollContainer { max-height: 400px; overflow-x: hidden; overflow-y: scroll; margin: 0 8px; padding: 0; }
#dragAndDropWithScrollTop, #dragAndDropWithScrollBottom { padding: 6px 8px; z-index: 98; position: relative; }
#dragAndDropWithScrollTop span, #dragAndDropWithScrollBottom span { color: rgba(0, 0, 0, .45); background-color: rgba(0, 0, 0, .08); width: 100%; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 40px; text-align: center; display: inline-block; z-index: 99; }
#dragAndDropWithScrollTop { padding-top: 0; margin-top: -10px; } /* was top -36 */
#dragAndDropWithScrollBottom { padding-bottom: 10px; }
/* ************************* All Panels' Nav Tree ***************************** */
/* Panel 1's tree structure is: ul.root ul ul ul ~ */
/* Panel 2's tree structure is: ul.root ul ul ul ~ table */
/* Panel 3 is Panel 1 with one extra element that we never want to see. */
#custom .ms-navedit-deletelink:hover > .ms-navedit-hidespan > .ms-navedit-showLinkIcon { left: -1px; top: -37px; opacity: .5; }
/* Root-Level Highlighting */
#navEditor .ms-core-listMenu-selected: link, #navEditor .ms-core-listMenu-selected:visited, #navEditor .ms-core-listMenu-selected { background-color: rgba(0, 0, 0, .08); }
/* Branch-Level Highlighting */
#navEditor li > a.ms-core-listMenu-item:hover, #navEditor li > a.ms-core-listMenu-item:active { background-color: rgba(0, 0, 0, 0.05); }
#navEditor .ms-core-listMenuEdit:hover { background-color: rgba(0, 0, 0, 0.05); } /* For Panel2, the whole parent container (a table) needs to be highlighted */
/* Miscellaneous Formatting */
#navEditor .ms-navedit-deletelink, #navEditor .ms-navedit-deletelink:hover { padding: 0 3px; color: rgba(0, 0, 0, 0.7); } /* The Show/Hide buttons in Panel 2 */
#navEditor.navEditorPanel2 .ms-navedit-hiddenLink .menu-item-text { color: rgba(0, 0, 0, .25); } /* 'Disabled' Link styling */
#navEditor .ms-core-listMenu-item, #navEditor .ms-core-listMenuEdit, #navEditor .ms-core-listMenuEdit:hover { border: 0 none; }
#navEditor.navEditorPanel2 table { margin: 0; }
#navEditor li.selected { background-color: rgba(0, 0, 0, 0.18); }
#navEditor .ms-core-listMenu-selected:link, #navEditor .ms-core-listMenu-selected:visited, #navEditor .ms-core-listMenu-selected,
#navEditor li.selected .additional-background { background-color: transparent; }
/* Nav Root (Level 0) */
#navEditor #navEditorRoot { padding: 0 6px 2px 0; }
#navEditor #navEditorRoot a { padding: 6px 6px 10px 6px; }
#navEditor #navEditorRoot a, #navEditor #navEditorRoot span { height: 26px; line-height: 26px; display: block; }
#navEditor #navEditorRoot span.menu-item-text { color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
/* Nav Level 1 (normally top-level sub-site) */
#navEditor .ms-core-listMenu-root { margin: 0 6px 0 0; min-height: 320px; }
#navEditor ul.root ul, #navEditor ul.root table { } /* Root-Level CSS moved to Scrollbar rule */
#navEditor ul.root ul .menu-item, #navEditor ul.root table .menu-item { padding: 0 6px; height: 30px; line-height: 32px; overflow: hidden; }
#navEditor ul.root ul .menu-item-text, #navEditor ul.root table .menu-item-text { color: rgba(0, 0, 0, .8); font-size: 14px; font-weight: bold; }
/* Nav Level 2 */
#navEditor ul.root ul ul, #navEditor ul.root ul table { margin: 0 0 0 10px; }
#navEditor ul.root ul ul .menu-item, #navEditor ul.root ul table .menu-item { height: 30px; line-height: 30px; }
#navEditor ul.root ul ul .menu-item-text, #navEditor ul.root ul table .menu-item-text { color: rgba(0, 0, 0, .72); font-size: 13px; font-weight: normal; }
/* Nav Level 3 */
#navEditor ul.root ul ul ul .menu-item, #navEditor ul.root ul ul table .menu-item { height: 28px; line-height: 28px; }
#navEditor ul.root ul ul ul .menu-item-text, #navEditor ul.root ul ul table .menu-item-text { color: rgba(0, 0, 0, .64); font-size: 12px; }
/* Nav Level 4 */
#navEditor ul.root ul ul ul ul .menu-item, #navEditor ul.root ul ul ul table .menu-item { height: 24px; line-height: 24px; }
#navEditor ul.root ul ul ul ul .menu-item-text, #navEditor ul.root ul ul ul table .menu-item-text { color: rgba(0, 0, 0, .56); font-size: 11px; }
/* Nav Level 5 */
#navEditor ul.root ul ul ul ul ul .menu-item, #navEditor ul.root ul ul ul ul table .menu-item { height: 22px; line-height: 22px; }
#navEditor ul.root ul ul ul ul ul .menu-item-text, #navEditor ul.root ul ul ul ul table .menu-item-text { color: rgba(0, 0, 0, .48); font-size: 10px; }
/* ==================================================================================== */
/* ---------- Miscellaneous Page Elements
/* ==================================================================================== */
/* Toolbar */
body.editMode #toolBar { display: none; }
#toolBar { position: absolute; right: 0; top: 0; padding: 0 12px 0 10px; background-color: rgb(0, 0, 0); }
#toolBar li { float: left; }
#toolBar a, #toolBar a:hover { display: inline-block; }
#toolBar .fa { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding: 8px 7px 7px 7px; width: 20px; display: inline-block; font-size: 20px; text-align: center; cursor: pointer; }
#toolBar .fa:hover { background-color: rgba(255, 255, 255, 0.15); }
#o1 #toolBar .fa-print { margin-left: 2px; margin-right: 1px; }
#o1 #toolBar .fa-envelope { margin-left: 1px; }
#o1 #toolBar .fa-twitter { margin-left: -5px; }
#o1 #toolBar .fa-facebook { margin-left: -2px; }
/* Image Picker */
#imagePicker { display: none; }
body.editMode #imagePicker { border: 5px solid rgb(34, 34, 34); background-color: #FFFFFF; z-index: 9999; position: fixed; top: 5%; left: 5%; width: 90%; height: 90%; }
body.editMode #imagePicker #imagePickerHeader { padding: 10px; background-color: rgb(34, 34, 34); color: #FFFFFF; font-size: 20px; font-weight: 600; }
body.editMode #imagePicker #imagePickerHeader #imagePickerClose { float: right; display: inline-block; cursor: pointer; }
body.editMode #imagePicker #imagePickerBody { overflow-y: scroll; height: 90%; }
body.editMode #imagePicker .imagePickFolder { padding: 20px 10px 10px 10px; font-size: 20px; font-weight: 600; clear: both; }
body.editMode #imagePicker .imagePick { height: 200px; width: 150px; margin: 15px 0 0 20px; border: 2px solid rgb(34, 34, 34); float: left; overflow: hidden; }
body.editMode #imagePicker .imagePick .imagePickDetails { padding: 2px; }
/* Image Alt Text Warning */
body.authenticated .opMediaImg img { display: block; }
body.authenticated .opMediaImg img[alt=""] { border: 5px solid red !important; }
body.authenticated .opMediaImg img[alt=""] { opacity: 0.5; }
.imgAltTextError { color: #FF0000; font-weight: 700; font-size: 19px; }
body.editMode .imgAltTextWrapper { border: 1px solid rgba(34, 34, 34, .1); padding: 3px 5px 4px 5px; margin: 4px 0; display: block; }
/* Bio Picture in Wrong Directory */
body.authenticated .CAS_BioList-Pic { background-color: #FF00FF; }
body.authenticated .CAS_BioList-Pic img:not([src^="/IMAGES%20BIOS/"]) { opacity: 0.5; display: block; }
/* CSWP Delay Warning */
body.authenticated .cswpPaged-List::before { content: "*NOTE* - Updates you make to this list are on a delay; please allow up to 20 minutes for changes to appear."; background-color: #FFDDDD; margin-bottom: 10px; }
/* Help Panels */
.helpPanel { width: 350px; position: absolute; padding: 15px; border: 1px solid rgb(255, 255, 255); background-color: rgb(0, 0, 0); overflow: hidden; display: none; z-index: 1; }
.helpPanel .helpHeader { font-size: 13px; font-weight: 600; padding: 16px 0; margin-top: -16px; background-color: rgba(0, 0, 0, 0.08); color: rgb(0, 0, 0); text-transform: uppercase; cursor: move; }
.helpPanel .helpResizer { font-size: 16px; color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 3px; right: 4px; cursor: nw-resize; }
.helpPanel .fa-times-circle { font-size: 20px; float: right; cursor: pointer; color: rgb(0, 0, 0); margin: -11px -10px 0 0; }
/* File Extension-specific icons displayed after links in the body section */
/* If you make changes to this CSS, make sure you replicate them to the other */
/* sets of icon-enabling CSS, for example, in the Bio pages. */
/* OLD STUFF
.opBodyText a[href^='mailto']:after,
.opBodyText a[href$='pdf']:after,
.opBodyText a[href$='doc']:after, .opBodyText a[href$='docx']:after,
.opBodyText a[href$='xls']:after, .opBodyText a[href$='xlsx']:after,
.opBodyText a[href$='mpg']:after, .opBodyText a[href$='mov']:after, .opBodyText a[href$='mp4']:after,
.opBodyText a[href$='jpg']:after, .opBodyText a[href$='png']:after, .opBodyText a[href$='gif']:after, .opBodyText a[href$='tiff']:after, .opBodyText a[href$='bmp']:after {
content: " "; padding: 2px 0 3px 16px; margin: 0 2px 0 1px; display: inline-block; height: 13px; background-image: url('/code/core/images/linkIcons.gif'); background-repeat: no-repeat; position: relative; top: 2px; }
.opBodyText a[href^='mailto']:after { background-position: -80px 2px; padding: 0 0 0 18px; height: 14px; top: 0; }
.opBodyText a[href$='pdf']:after { background-position: 0 0; }
.opBodyText a[href$='doc']:after, .opBodyText a[href$='docx']:after { background-position: -16px 0; }
.opBodyText a[href$='xls']:after, .opBodyText a[href$='xlsx']:after { background-position: -33px 0; }
.opBodyText a[href$='mpg']:after, .opBodyText a[href$='mov']:after, .opBodyText a[href$='mp4']:after { background-position: -64px 0; }
.opBodyText a[href$='jpg']:after, .opBodyText a[href$='png']:after, .opBodyText a[href$='gif']:after, .opBodyText a[href$='tiff']:after, .opBodyText a[href$='bmp']:after { background-position: -48px 0; }
*/
.opBodyText a[href^='mailto']:after,
.opBodyText a[href$='pdf']:after,
.opBodyText a[href$='doc']:after, .opBodyText a[href$='docx']:after,
.opBodyText a[href$='xls']:after, .opBodyText a[href$='xlsx']:after,
.opBodyText a[href$='ppt']:after, .opBodyText a[href$='pptx']:after,
.opBodyText a[href$='mpg']:after, .opBodyText a[href$='mov']:after, .opBodyText a[href$='mp4']:after,
.opBodyText a[href$='jpg']:after, .opBodyText a[href$='png']:after, .opBodyText a[href$='gif']:after, .opBodyText a[href$='tiff']:after, .opBodyText a[href$='bmp']:after {
display: inline-block;
font-size: 14px;
margin-right: 4px;
text-align: right;
width: 18px;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
transform: translate(0px, 0px);
box-sizing: border-box;
}
.opBodyText a[href^='mailto']:after {content: "\f003";}
.opBodyText a[href$='pdf']:after {content: "\f1c1";}
.opBodyText a[href$='doc']:after, .opBodyText a[href$='docx']:after {content: "\f1c2";}
.opBodyText a[href$='xls']:after, .opBodyText a[href$='xlsx']:after {content: "\f1c3";}
.opBodyText a[href$='ppt']:after, .opBodyText a[href$='pptx']:after {content: "\f1c4";}
.opBodyText a[href$='mpg']:after, .opBodyText a[href$='mov']:after, .opBodyText a[href$='mp4']:after {content: "\f1c8";}
.opBodyText a[href$='jpg']:after, .opBodyText a[href$='png']:after, .opBodyText a[href$='gif']:after, .opBodyText a[href$='tiff']:after, .opBodyText a[href$='bmp']:after {content: "\f1c5";}
/* ==================================================================================== */
/* ---------- OmniPage Display Mode Layout
/* ==================================================================================== */
/* Page Position and Size */
#pageContent { position: relative; float: left; left: 100%; margin-left: -680px; width: 680px; min-height: 350px; }
body.hideLeftNav #pageContent { width: 950px; margin-left: -960px; }
/* Hides the Page Completely, Useful for Redirects. */
body.blank { visibility: hidden; }
/******************** Position and Sizing for Rows and Columns **********************/
/* The position and sizing for rows and columns vary depending on the page layout */
/* (RRRR, RCCR, etc.) and the visibility of the LeftNav */
/* Rows, Left Nav is Visible */
body.CCRR #body3, body.CCRR #body4, body.RCCR #body1, body.RCCR #body4,
body.RRCC #body1, body.RRCC #body2,
body.CCRR #body7, body.CCRR #body8, body.RCCR #body5, body.RCCR #body8,
body.RRCC #body5, body.RRCC #body6,
body.RRRR .opBody
{ clear: both; width: 680px; }
body.CCRR #body3, body.RCCR #body4,
body.CCRR #body7, body.RCCR #body8,
body.RRCC #body5, body.CCCC #body5
{ clear: left; }
/* Columns, Left Nav is Visible */
body.CCRR #body1, body.CCRR #body2, body.RCCR #body2, body.RCCR #body3,
body.RRCC #body3, body.RRCC #body4,
body.CCRR #body5, body.CCRR #body6, body.RCCR #body6, body.RCCR #body7,
body.RRCC #body7, body.RRCC #body8,
body.CCCC .opBody
{ float: left; vertical-align: top; width: 320px; }
/* Rows, Left Nav is Invisible */
body.hideLeftNav.CCRR #body3, body.hideLeftNav.CCRR #body4, body.hideLeftNav.RCCR #body1,
body.hideLeftNav.RCCR #body4, body.hideLeftNav.RRCC #body1, body.hideLeftNav.RRCC #body2,
body.hideLeftNav.CCRR #body7, body.hideLeftNav.CCRR #body8, body.hideLeftNav.RCCR #body5,
body.hideLeftNav.RCCR #body8, body.hideLeftNav.RRCC #body5, body.hideLeftNav.RRCC #body6,
body.hideLeftNav.RRRR .opBody
{ clear: both; width: 950px; }
/* Columns, Left Nav is Invisible */
body.hideLeftNav.CCRR #body1, body.hideLeftNav.CCRR #body2, body.hideLeftNav.RCCR #body2,
body.hideLeftNav.RCCR #body3, body.hideLeftNav.RRCC #body3, body.hideLeftNav.RRCC #body4,
body.hideLeftNav.CCRR #body5, body.hideLeftNav.CCRR #body6, body.hideLeftNav.RCCR #body6,
body.hideLeftNav.RCCR #body7, body.hideLeftNav.RRCC #body7, body.hideLeftNav.RRCC #body8,
body.hideLeftNav.CCCC .opBody
{ float: left; vertical-align: top; width: 460px; }
/* Padding between Columns */
body.CCRR #body1, body.RCCR #body2, body.RRCC #body3, body.CCCC #body1, body.CCCC #body3,
body.CCRR #body5, body.RCCR #body6, body.RRCC #body7, body.CCCC #body5, body.CCCC #body7 { margin-right: 30px; }
/* Break/Newline after Rightmost Columns */
body.CCRR #body2:after, body.RCCR #body3:after, body.RRCC #body4:after, body.CCCC #body2:after, body.CCCC #body4:after,
body.CCRR #body6:after, body.RCCR #body7:after, body.RRCC #body8:after, body.CCCC #body6:after, body.CCCC #body8:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/**************** Position and Styling for Media and their Captions *****************/
/* The Media Container (Holds Images and Videos and their Captions) */
/*body.displayMode .opMedia { padding-top: 2px; }*/
body.displayMode .opMedia.mediaFloatLeft { float: left; margin: 6px 15px 10px 0; }
body.displayMode .opMedia.mediaFloatRight { float: right; margin: 6px 0 10px 15px; }
/* Images */
body.displayMode .opMediaImg .ms-rtestate-field { line-height: 0; }
/* Video */
body.displayMode .opMediaVid, body.displayMode .opMediaVid .ms-rtestate-field, body.displayMode .opMediaVid .ms-rte-embedcode { line-height: 0; }
body.displayMode .opMediaVid .ms-rtestate-field { display: inline-block !important; }
body.displayMode .opMediaVid p { display: none; }
/* Captions */
body.displayMode .opMediaCap { display: inline-block; padding-top: 6px; }
body.displayMode .opMediaCap .ms-rtestate-field div, body.displayMode .opMediaCap .ms-rtestate-field p { margin-bottom: 8px; }
body.displayMode .opMediaCap .ms-rtestate-field div, body.displayMode .opMediaCap .ms-rtestate-field span,
body.displayMode .opMediaCap .ms-rtestate-field p, body.displayMode .opMediaCap .ms-rtestate-field a,
body.displayMode .opMediaCap .ms-rtestate-field em, body.displayMode .opMediaCap .ms-rtestate-field i,
body.displayMode .opMediaCap .ms-rtestate-field strong, body.displayMode .opMediaCap .ms-rtestate-field b
{ margin: 0; font-size: 11px; line-height: 14px; }
/* ==================================================================================== */
/* ---------- OmniPage Content Formatting
/* ==================================================================================== */
/* Disable the SharePoint pageTitle field - we don't use it, but SharePoint compains if it is removed entirely. */
#pageTitle { display: none; }
/* Captions */
.opMediaCap div, .opMediaCap span, .opMediaCap p, .opMediaCap a, .opMediaCap em,
.opMediaCap i, .opMediaCap strong, .opMediaCap br
{ color: rgba(0, 0, 0, 0.45); }
/* Lists */
.opBodyText ul li { line-height: 150%; padding: 3px 0 3px 3px; list-style: disc; list-style-type: disc; }
.opBodyText ol li { line-height: 150%; padding: 3px 0 3px 3px; }
.opBodyText li p:last-of-type { margin-bottom: 0; }
.opBodyText ol, .opBodyText ul { margin: 10px 0 16px 30px; }
.opBodyText ol, .opBodyText ol ol ol ol ol ol, .opBodyText ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; }
.opBodyText ol ol, .opBodyText ol ol ol ol ol ol ol { list-style-type: upper-alpha; }
.opBodyText ol ol ol, .opBodyText ol ol ol ol ol ol ol ol { list-style-type: upper-roman; }
.opBodyText ol ol ol ol, .opBodyText ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; }
.opBodyText ol ol ol ol ol, .opBodyText ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; }
/* Extending Lists fixes to Bio Individual Pages */
.bpSection ul li { line-height: 150%; padding: 3px 0 3px 3px; list-style: disc; list-style-type: disc; }
.bpSection ol li { line-height: 150%; padding: 3px 0 3px 3px; }
.bpSection li p:last-of-type { margin-bottom: 0; }
.bpSection ol, .bpSection ul { margin: 10px 0 16px 30px; }
.bpSection ol, .bpSection ol ol ol ol ol ol, .bpSection ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; }
.bpSection ol ol, .bpSection ol ol ol ol ol ol ol { list-style-type: upper-alpha; }
.bpSection ol ol ol, .bpSection ol ol ol ol ol ol ol ol { list-style-type: upper-roman; }
.bpSection ol ol ol ol, .bpSection ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; }
.bpSection ol ol ol ol ol, .bpSection ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; }
/******************************** Table Formatting **********************************/
/* Basic Layout, Spacing, and Sizing */
.opBodyText table { width: auto !important; }
.opBodyText td { padding: 3px; min-width: 20px; }
.opBodyText table.ms-rteTable-default, .opBodyText table.ms-rteTable-default td, .opBodyText table.ms-rteTable-default th { border: 0 none; }
.opBodyText table.ms-rteTable-1 th { font-weight: bold; }
/* Cell Shading */
.opBodyText table.ms-rteTable-1 tr:nth-of-type(odd) th, .opBodyText table.ms-rteTable-1 tr:nth-of-type(odd) td { background-color: rgba(0, 0, 0, 0.05); }
.opBodyText table.ms-rteTable-1 tr:nth-of-type(even) th, .opBodyText table.ms-rteTable-1 tr:nth-of-type(even) td { background-color: transparent; }
/* Border Color and Style */
.opBodyText table.ms-rteTable-default.ms-rteTableGrid td, .opBodyText table.ms-rteTable-default.ms-rteTableGrid th { border: 1px dashed rgba(0, 0, 0, 0.3); }
.opBodyText table.ms-rteTable-0 td, .opBodyText table.ms-rteTable-0 th { border: 1px solid rgba(0, 0, 0, 0.12); }
.opBodyText table.ms-rteTable-1 td, .opBodyText table.ms-rteTable-1 th { border: 1px solid rgba(0, 0, 0, 0.18); }
/* Change/Hide SharePoint's pre-defined styles found in the context-sensitive 'Table Layout' and 'Design' tabs in the ribbon */
#Ribbon\.Image,
#Ribbon\.Table\.Layout\.Properties-MediumTwoRow-0,
#Ribbon\.Table\.Layout\.Properties-MediumTwoRow-1,
#Ribbon\.Table\.Design\.StyleOptions-MediumMedium-1
{ display: none; }
#Ribbon\.Table\.Design\.Styles\.TableStyles\.Menu\.TableStyles li:nth-of-type(1n+4) { display: none; }
/* also hiding some H1,H2,etc tags */
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large,
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle2-Large,
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles-Thin,
#Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-0,
#Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-1-1,
#Ribbon\.EditingTools\.CPEditTab\.Markup-LargeMedium-1,
#Ribbon\.WikiPageTab\.TagsAndNotes
{ display: none; }
/* Customizing some entries */
#Ribbon\.EditingTools\.CPInsert\.Links\.InsertLink\.Link\.Menu\.Link\.FromSharePoint-Menu .ms-cui-ctl-mediumlabel::after { content: " (to a PDF)"; }
#Ribbon\.EditingTools\.CPInsert\.Links\.InsertLink\.Link\.Menu\.Link\.FromAddress-Menu .ms-cui-ctl-mediumlabel::after { content: " (this or another website)"; }
/* Hiding some insert options */
#Ribbon\.EditingTools\.CPInsert\.Media,
#Ribbon\.EditingTools\.CPInsert\.Content,
#Ribbon\.EditingTools\.CPInsert\.Links\.UploadFile-Large,
#Ribbon\.EditingTools\.CPInsert\.WebParts,
#Ribbon\.EditingTools\.CPInsert\.Embed
{ display: none; }
/* Remove the Web Part Title Chrome, if a WP forces it in */
body.displayMode .webPartWrapper .ms-webpart-chrome-title { display: none; }
/* ==================================================================================== */
/* ---------- OmniPage Web Part Formatting (For Those Pre-Built in Template)
/* ==================================================================================== */
/******************************* Biography Pages ************************************/
.bpDemographics { width: 260px; min-height: 255px; padding: 0 20px 10px 200px; float: left; }
.bpShortcuts { float: left; overflow: hidden; width: 200px; }
.bpDemographics, .bpDemographics div { font-size: 12px; line-height: 150%; }
.bpImage { margin-left: -200px; }
.bpImage img { float: left; width: 180px; height: 240px; }
#bpName { display: none; }
.bpTitles { margin-bottom: 10px; font-style: italic; font-size: 14px; }
.bpTitles div { margin-bottom: 5px; font-size: 14px; }
.bpAddress { margin-bottom: 10px; }
.bpTitles, .bpAddress, .bpEMail { width: 290px; overflow: hidden; }
.bpHours { margin-top: 15px; }
.bpYears { margin-top: 15px; font-size: 11px; }
.bpShortcuts ul { position: relative; }
.bpShortcuts ul, .bpShortcuts li { list-style: none; list-style-type: none; }
.bpShortcuts li, .bpShortcuts a { font-size: 13px; font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.bpShortcuts li:before { content: "»"; display: inline-block; font-size: 18px; height: 28px; line-height: 28px; opacity: 0.25; position: relative; top: 1px; }
.bpShortcutsDivider { margin: 16px 10px 12px 10px; height: 1px; }
.bpSection { padding-top: 10px; clear: both; }
/* Add post-link file type icons for the CV link, etc. */
/* If you make changes to this CSS, make sure you replicate them to the main */
/* set of icon-enabling CSS for OmniPage's body sections */
.bpDemographics a[href^='mailto']:after, .bpShortcuts a[href^='mailto']:after,
.bpDemographics a[href$='pdf']:after, .bpShortcuts a[href$='pdf']:after,
.bpDemographics a[href$='doc']:after, .bpShortcuts a[href$='doc']:after,
.bpDemographics a[href$='docx']:after, .bpShortcuts a[href$='docx']:after
{ content: " "; padding: 2px 0 3px 16px; margin: 0 2px; display: inline-block; height: 13px; background-image: url('/code/core/images/linkIcons.gif'); background-repeat: no-repeat; position: relative; top: 2px; }
.bpDemographics a[href^='mailto']:after, .bpShortcuts a[href^='mailto']:after
{ background-position: -80px 2px; padding: 0 0 0 18px; height: 14px; top: 0; }
.bpDemographics a[href$='pdf']:after, .bpShortcuts a[href$='pdf']:after
{ background-position: 0 0; }
.bpDemographics a[href$='doc']:after, .bpShortcuts a[href$='doc']:after,
.bpDemographics a[href$='docx']:after, .bpShortcuts a[href$='docx']:after
{ background-position: -16px 0; }
/********* Frequently Asked Questions (FAQ, Accordion-Based Content Display) ********/
.faqQuestion { margin-top: 12px; padding: 10px 14px; cursor: pointer; background-color: rgb(0, 0, 0); }
.faqQuestion.active, .faqTile:hover .faqQuestion { background-color: rgba(0, 0, 0, 0.85); }
.faqQuestionText { font-size: 14px; line-height: 180%; display: block; padding-left: 25px; text-transform: uppercase; color: rgb(255, 255, 255); }
.faqAnswer { padding: 12px 20px; margin-bottom: 25px; background-color: rgba(0, 0, 0, 0.08); }
.faqAnswer.active { display: block; }
.faqQuestion .fa-caret-down, .faqQuestion.active .fa-caret-up { font-size: 20px; color: rgba(255, 255, 255, 0.25); float: left; display: inline-block; padding-top: 1px; }
.faqQuestion.active .fa-caret-down, .faqQuestion .fa-caret-up, .faqAnswer { display: none; }
/* Bulleted Lists in FAQ Answers */
.faqAnswer ul li { line-height: 150%; padding: 3px 0 3px 8px; list-style: disc; list-style-type: disc; }
.faqAnswer ol li { line-height: 150%; padding: 3px 0 3px 8px; }
.faqAnswer ul li p:last-of-type { margin-bottom: 0; }
.faqAnswer ol, .faqAnswer ul { margin: 10px 0 16px 30px; }
/******************************* Gallery Web Parts **********************************/
/* There are two Gallery layouts - Grid and Strip. They share some but not all code */
/* Both layouts will pull images from a folder and all of its children folders. If */
/* child folders exist, the output will be divided into tabs across the top of the */
/* web part. */
/* Gallery Web Part (all layouts) */
.GalleryGrid, .GalleryStrip { position: relative; padding-bottom: 20px; }
.GalleryGrid .jasprTabCQWPHeader, .GalleryStrip .jasprTabCQWPHeader { color: rgba(255, 255, 255, 0.85); background-color: rgba(0, 0, 0, 0.75); }
.GalleryGrid .jasprTabCQWPHeaderActive, .GalleryGrid .jasprTabCQWPHeader:hover, .GalleryStrip .jasprTabCQWPHeaderActive, .GalleryStrip .jasprTabCQWPHeader:hover { background-color: rgb(0, 0, 0); }
.GalleryGrid .jasprTabCQWPPanel, .GalleryStrip .jasprTabCQWPPanel { background-color: rgba(0, 0, 0, 0.08); border-top: 10px solid rgb(0, 0, 0); width: 680px; line-height: 0; }
.GalleryGrid .jasprTabCQWPPanel { border-bottom: 10px solid rgb(0, 0, 0); }
/* Gallery Web Part, Strip Layout, Basic Code Structure: */
/* .GalleryStrip > li is a Tab, containing a .slideViewer fullsize image and .galSlider thumbnail carousel */
/* .GalleryStrip li li or .GalleryStrip li .galSlider li are .galSlider thumbnails in the carousel */
.GalleryStrip .slideViewer { padding: 30px 53px 20px; min-height: 390px; }
.GalleryStrip .slideViewer .fa { display: inline-block; font-size: 40px; line-height: 40px; position: absolute; top: 210px; width: 27px; }
.GalleryStrip .galSlideViewerPrev { left: 20px; }
.GalleryStrip .galSlideViewerNext { right: 20px; }
.GalleryStrip .slideViewer .slideViewerImgWrapper { display: block; margin-left: auto; margin-right: auto; max-width: 574px; overflow: hidden; text-align: center; }
.GalleryStrip .slideViewer img { max-width: 574px; padding-bottom: 8px; }
.GalleryStrip .slideViewer .slideViewerImgComments, .GalleryStrip .slideViewer .slideViewerImgTitle { font-size: 15px; line-height: 140%; padding-bottom: 6px; text-align: left; }
.GalleryStrip .galSlider { background-color: rgb(0, 0, 0); width: 588px; max-height: 155px; overflow: hidden; float: left; display: inline-block; padding: 10px 0 10px 0; }
.GalleryStrip .galSlider ul { width: 1500000px; position: relative; left: 0; }
.GalleryStrip .galSlider li { float: left; padding-right: 4px; line-height: 0; }
.GalleryStrip .galSlider img { cursor: pointer; width: 93px; opacity: 0.4; filter: alpha(opacity=40); }
.GalleryStrip .galSlider img.galCurrentThumbnail, .GalleryStrip .galSlider img:hover { opacity: 1; filter: alpha(opacity=100); }
.GalleryStrip .galStripPrev, .GalleryStrip .galStripNext { padding: 45px 15px 46px 15px; color: rgba(255, 255, 255, 0.25); background-color: rgb(0, 0, 0); cursor: pointer; font-size: 25px; line-height: 25px; width: 16px; height: 22px; overflow: hidden; }
.GalleryStrip .galStripPrev:hover, .GalleryStrip .galStripNext:hover { color: rgba(255, 255, 255, 0.7); }
.GalleryStrip .galStripPrev { float: left; }
.GalleryStrip .galStripNext { float: right; }
/* Gallery Web Part, Grid Layout, Basic Code Structure: */
/* .GalleryGrid > li is a Tab, containing a .jasprTabCQWPHeader tab and a .jasprTabCQWPPanel thumbnail grid */
/* #galGridWrapper contains the lighboxed image overlay, when visible. Code inserted near the end of the DOM */
.GalleryGrid li.dfwp-item { float: left; }
.GalleryGrid .jasprTabCQWPPanel ul { display: inline-block; padding: 7px; }
.GalleryGrid .jasprTabCQWPPanel li.dfwp-item { float: left; margin: 7px; line-height: 0; }
.GalleryGrid .jasprTabCQWPPanel li.dfwp-item img { cursor: pointer; }
#galGridWrapper { color: rgba(255, 255, 255, 0.9); }
#galGridOpaque { background-color: rgb(0, 0, 0); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.88; filter: alpha(opacity=88); }
#galGridOverlay { position: absolute; top: 50%; left: 50%; border: 5px solid rgb(0, 0, 0); padding: 0; line-height: 0; cursor: pointer; }
#galGridOverlay img { margin: 0; padding: 0; }
#galGridPrev, #galGridNext { font-size: 100px; position: absolute; top: 50%; cursor: pointer; }
#galGridPrev { left: 10px; }
#galGridNext { right: 10px; }
#galGridTitle { background-color: rgb(0, 0, 0); font-size: 14px; line-height: 16px; height: 16px; overflow: hidden; padding: 2px 0; }
#galGridFooter { background-color: rgb(0, 0, 0); padding: 2px 0; overflow: hidden; }
#galGridComments { float: left; font-size: 13px; line-height: 13px; }
#galGridAuthor { float: right; font-size: 11px; line-height: 14px; height: 14px; overflow: hidden; }
#galGridClose { background-color: rgb(0, 0, 0); position: absolute; top: 0; right: 0; font-size: 15px; line-height: 15px; border-radius: 5px; margin: -5px -5px 0 0; padding: 5px; }
#galGridClose:hover { color: rgba(255, 255, 255, 0.5); }
/* ==================================================================================== */
/* ---------- OmniPage Edit Mode Interface
/* ==================================================================================== */
/* This hidden div contains function/variable names used in OmniPage processing at page load. */
#hiddenCustomProperties { display: none; }
/* This keeps the ribbon container at the same height, even if the ribbon is contracted. */
/* This prevents the screen from "jumping" when moving in and out of context-sensitive fields. */
body.editMode #s4-ribbonrow { height: 126px !important; } /* Important is necessary since SharePoint uses an inline style here */
/* This prevents the Global Navigation (top) from expanding when you mouse over one of the menu items. */
/* This way the menu doesn't sit on top of the content when going from the page code to ribbon and back. */
body.editMode #globalNavigation ul ul { display: none; }
body.editMode #globalNavigation a:hover, body.editMode #globalNavigation span:hover { cursor: default !important; }
/* Validation Messages and Pop-Ups */
body.editMode .ms-formvalidation { margin-top: 1px; padding: 2px 10px; display: inline-block; background-color: rgb(244, 216, 217); color: rgb(162, 82, 58); border: 1px solid rgb(232, 192, 188); }
body.editMode .ms-formvalidation span { color: rgb(162, 82, 58); font-size: 11px; font-weight: bold; }
body.editMode .ms-formvalidation span:before { content: "»"; margin-right: 3px; font-size: 14px; }
body.editMode .ms-formvalidation br { display: none; }
body.editMode .mediaAlert div { margin-bottom: 6px; padding: 5px 5px 5px 32px; font-size: 11px; font-weight: bold; }
body.editMode .mediaAlert .mediaAlertRS { background-color: rgb(255, 241, 157); color: rgb(195, 144, 45); border: 1px solid rgb(245, 216, 125); }
body.editMode .mediaAlert .mediaAlertRS span { color: rgb(195, 144, 45); font-size: 16px; float: left; margin-left: -24px; }
body.editMode .mediaAlert .mediaAlertOS { background-color: rgb(244, 216, 217); color: rgb(162, 82, 58); border: 1px solid rgb(232, 192, 188); }
body.editMode .mediaAlert .mediaAlertOS span { color: rgb(162, 82, 58); font-size: 16px; float: left; margin-left: -24px; }
body #pageStatusBar[class] { margin-bottom: 0; } /* SharePoint's yellow sub-banner bar */
/********************************** OmniPage Interface and Form Elements ************************************/
/* This defines the look and feel of the various form / input elements in Edit Mode */
/* All Input / Form Fields' Shared Styling. The final value, div.ms-rtestate-write[role="textbox"], is */
/* SharePoint's faux textarea that they've built on top of a div element instead a form field. */
body.editMode input[type="password"], body.editMode input[type="text"], body.editMode input[type="file"],
body.editMode select, body.editMode textarea, body.editMode .sp-peoplepicker-topLevel,
body.editMode .sp-peoplepicker-topLevelDisabled, body.editMode .sp-peoplepicker-autoFillContainer,
body.editMode .ms-inputBox, body.editMode div.ms-rtestate-write[role="textbox"]
{ background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, .1); }
body.editMode .ms-formfieldlabelcontainer { margin: 0; }
body.editMode .ms-formfieldvaluecontainer { border: 0 none; margin: 0; padding: 0; }
body.editMode div.ms-formfieldlabelcontainer span.ms-formfieldlabel { border: 0; padding: 0; margin: 3px 0; display: inline-block; height: auto; font-weight: bold; font-size: 12px; }
/* Text Field and Text Area Placeholder Text (Do Not Combine Rules) */
body.editMode #pageContent input::-webkit-input-placeholder, body.editMode #pageContent textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, .2); }
body.editMode #pageContent input:-moz-placeholder, body.editMode #pageContent textarea:-moz-placeholder { color: rgba(0, 0, 0, .2); }
body.editMode #pageContent input::-moz-placeholder, body.editMode #pageContent textarea::-moz-placeholder { color: rgba(0, 0, 0, .2); }
body.editMode #pageContent input:-ms-input-placeholder, body.editMode #pageContent textarea:-ms-input-placeholder { color: rgba(0, 0, 0, .2); }
/* The Page Header (Title / H1) */
body.editMode #header { max-height: none; }
body.editMode #header input { width: 438px; max-width: 438px; overflow: hidden; }
body.editMode.hideLeftNav #header input { width: 708px; max-width: 708px; overflow: hidden; }
/* Section Headers (Sub-Title / H2) */
body.editMode .opSubTitle { padding-top: 0; margin-bottom: 15px; }
body.editMode .col .opSubTitle input { margin-bottom: 20px; width: 308px; max-width: 308px; overflow: hidden; }
body.editMode .row .opSubTitle input { margin-bottom: 10px; width: 510px; max-width: 510px; overflow: hidden; }
body.editMode.hideLeftNav .col .opSubTitle input { margin-bottom: 35px; width: 448px; max-width: 448px; overflow: hidden; }
body.editMode.hideLeftNav .row .opSubTitle input { margin-bottom: 0; width: 768px; max-width: 768px; overflow: hidden; }
/* Section Body */
body.editMode .opBody { margin-top: 35px; }
body.editMode .opBodyText, body.editMode .webPartWrapper { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, .2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); padding: 3px 6px; min-height: 290px; }
body.editMode .opBodyText { min-height: 290px; }
body.editMode.hideLeftNav .opBodyText { min-height: 375px; }
body.editMode .opBodyText a.addBodyText { display: inline-block; max-width: 150px; }
body.editMode .opBodyText .ms-rteclear { clear: none !important; }
/* SharePoint uses multiple embedded text areas to create the Body section. The only textarea that */
/* should have colorization, borders, padding, etc. is the topmost parent. All children and lower-level */
/* objects need to have their border/colorization/etc. removed/hidden/cleared/etc. */
/* */
/* This object, div.ms-rtestate-write[role="textbox"], is SharePoint's faux textarea that they build */
/* as a div element (instead a form field) layered on top of the real textarea. In this case, that */
/* real textarea is the body field. */
body.editMode .opBodyText div.ms-rtestate-write[role="textbox"] { background-color: transparent; border: 0 none; box-shadow: 0 none; padding: 0; min-height: 290px !important; } /* !important used to override min-height:18px set on the object */
/* The "▼" button that opens new Body Sections in OmniPage Edit Mode */
#expander { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); float: none; clear: both; width: 70px; text-align: center; margin-left: auto; margin-right: auto; display: none; padding: 5px; font-size: 20px; cursor: pointer; }
/******************************************** The Control Box ***********************************************/
/* The Control Box is the set of Page-Level Tools: */
/* Open Image Library, Open Document Library, Enable Web Part Zones, Toggle LeftNav on/off, Choose Layout */
/* ******************************************* Layout Options ********************************************* */
/* When the Layout Selector button (#pL-choiceLayoutButton) is pressed, a sub-menu (#layoutChoices) expands */
/* and becomes visible (a transition effect). From there, five layouts (RRRR, RCCR, etc.) can be selected. */
/* Control Box Basic Layout, Spacing, and Sizing */
body.editMode #controlBox { float: right; background-color: rgb(0, 0, 0); padding: 5px; font-size: 22px; }
body.editMode #controlBox div { float: left; margin: 0 4px; padding: 3px; color: rgba(0, 0, 0, .25); cursor: pointer; }
body.editMode #controlBox div:hover { color: rgba(255, 255, 255, 0.85); }
body.editMode #controlBox a { color: rgba(255, 255, 255, 0.85); }
/* LeftNav On/Off Toggle Glyph */
body.editMode #o1 #pL-boolHideLeftNavButton { font-size: 23px; }
/* Page Layout Selection Tool Glyph */
body.editMode #o1 #layoutChoices { display: none; margin: 35px 0 0 -4px; padding: 3px 4px 3px 5px; position: absolute; background-color: rgb(0, 0, 0); width: 170px; }
body.editMode #o1 #layoutChoices div { float: left; padding: 0; margin: 3px 7px; }
/* Page Layout Selection Tool Sub-Menu Glyphs, Built Entirely Using CSS */
body.editMode #o1 #layoutRRRR, body.editMode #o1 #layoutCCRR, body.editMode #o1 #layoutRCCR, body.editMode #o1 #layoutRRCC, body.editMode #o1 #layoutCCCC
{ position: relative; height: 2px; width: 20px; background-color: rgb(0, 0, 0); border-top: 12px solid rgba(255, 255, 255, 0.5); border-bottom: 12px solid rgba(255, 255, 255, 0.5); }
body.editMode #o1 #layoutRRRR:hover, body.editMode #o1 #layoutCCRR:hover, body.editMode #o1 #layoutRCCR:hover, body.editMode #o1 #layoutRRCC:hover, body.editMode #o1 #layoutCCCC:hover
{ border-color: rgba(255, 255, 255, 0.75); }
body.editMode #o1 #layoutRRRR:before, body.editMode #o1 #layoutCCRR:before, body.editMode #o1 #layoutRCCR:before, body.editMode #o1 #layoutRRCC:before, body.editMode #o1 #layoutCCCC:before
{ content: " "; position: absolute; height: 2px; width: 20px; margin-top: -7px; background-color: rgb(0, 0, 0); }
body.editMode #o1 #layoutRRRR:after, body.editMode #o1 #layoutCCRR:after, body.editMode #o1 #layoutRCCR:after, body.editMode #o1 #layoutRRCC:after, body.editMode #o1 #layoutCCCC:after
{ content: " "; position: absolute; height: 2px; width: 20px; margin-top: 7px; background-color: rgb(0, 0, 0); }
body.editMode #o1 #layoutCCRR:before { height: 13px; width: 2px; margin-top: -12px; margin-left: 9px; }
body.editMode #o1 #layoutRCCR { height: 16px; width: 2px; border-top-width: 5px; border-bottom-width: 5px; border-left: 9px solid rgba(255, 255, 255, 0.5); border-right: 9px solid rgba(255, 255, 255, 0.5); }
body.editMode #o1 #layoutRCCR:before { margin-top: 0; left: -9px; }
body.editMode #o1 #layoutRCCR:after { margin-top: 14px; left: -9px; }
body.editMode #o1 #layoutRRCC:after { height: 13px; width: 2px; margin-top: 2px; margin-left: 9px; }
body.editMode #o1 #layoutCCCC:before { height: 13px; width: 2px; margin-top: -12px; margin-left: 9px; }
body.editMode #o1 #layoutCCCC:after { height: 13px; width: 2px; margin-top: 2px; margin-left: 9px; }
/* When a Control Box option is toggled (LeftNav, Show Web Parts, Custom Layout), */
/* a corresponding class is added to . If such a class exists, its */
/* corresponding Glyph is highlighted, a visual cue showing if it is on or off. */
/* Web Parts Enabled Glyph */
body.editMode.showWebParts #o1 #showWebPartButton { color: rgba(255, 255, 255, 0.85); }
/* LeftNav Hidden */
body.editMode.hideLeftNav #o1 #pL-boolHideLeftNavButton { color: rgba(255, 255, 255, 0.85); }
/* Custom Page Layout Selected (includes the Selection Tool and Sub-Menu choice). */
body.editMode.CCRR #o1 #pL-choiceLayoutButton, body.editMode.RCCR #o1 #pL-choiceLayoutButton,
body.editMode.RRCC #o1 #pL-choiceLayoutButton, body.editMode.CCCC #o1 #pL-choiceLayoutButton
{ color: rgba(255, 255, 255, 0.85); }
body.editMode.RRRR #o1 #layoutRRRR, body.editMode.CCRR #o1 #layoutCCRR, body.editMode.RCCR #o1 #layoutRCCR, body.editMode.RRCC #o1 #layoutRRCC, body.editMode.CCCC #o1 #layoutCCCC
{ border-color: rgba(255, 255, 255, 1); }
/******************************************** The Media Panel ***********************************************/
/* The Media Panel allows a single image or video per OmniPage body section. It's interface, */
/* .media {1-4} Controls, are context-sensitive and show different tools (glyphs) for each supported media */
/* type (currently Images and Video). */
/* hiding "Add a Video" now that I changed the method */
body.editMode a.addVideo { display: none; }
/* The Media Panel Basic Layout, Spacing, and Sizing */
body.editMode .opMedia { min-width: 120px; overflow: hidden; z-index: 2; }
body.editMode .opMedia.mediaFloatLeft { float: left; margin: 6px 10px 10px 6px; }
body.editMode .opMedia.mediaFloatRight { float: right; margin: 6px 6px 10px 10px; }
/* Image Layout, Spacing, and Sizing */
body.editMode .opMediaImg { line-height: 0; }
body.editMode .opMediaImg span, body.editMode .opMediaImg div, body.editMode .opMediaVid span, body.editMode .opMediaVid div { display: inline-block; line-height: 140%; }
body.editMode .opMediaImg .ms-rtestate-field div div, body.editMode .opMediaVid { background-color: rgba(0, 0, 0, .08); padding: 0 !important; }
body.editMode .opMediaImg .ms-rtestate-field div div a.addImage, body.editMode .opMediaVid .ms-rtestate-field div div a.addVideo { display: inline-block; padding: 10px !important; }
body.editMode .row .opMediaImg .ms-rtestate-field div div a.addImage, body.editMode .row .opMediaVid .ms-rtestate-field div div a.addVideo { min-width: 305px; min-height: 163px; }
body.editMode .col .opMediaImg .ms-rtestate-field div div a.addImage, body.editMode .col .opMediaVid .ms-rtestate-field div div a.addVideo, body.editMode .col .opMediaVid { min-width: 288px; min-height: 153px; }
body.editMode.hideLeftNav .row .opMediaImg .ms-rtestate-field div div a.addImage, body.editMode.hideLeftNav .row .opMediaVid .ms-rtestate-field div div a.addVideo, body.editMode.hideLeftNav .row .opMediaVid { min-width: 445px; min-height: 247px; }
body.editMode.hideLeftNav .col .opMediaImg .ms-rtestate-field div div a.addImage, body.editMode.hideLeftNav .col .opMediaVid .ms-rtestate-field div div a.addVideo, body.editMode.hideLeftNav .col .opMediaVid { min-width: 428px; min-height: 237px; }
/* Video Layout, Spacing, and Sizing */
body.editMode .opMediaVid a.addVideo { z-index: 2; }
body.editMode .opMediaVid .ms-WPBorder { border: 0 none; }
body.editMode .opMediaVid #rtePasteFlyout { display: none; }
body.editMode .opMediaVid .ms-rte-embedcode-linkedit { display: none; }
body.editMode .opMediaVid .ms-rte-embedcode-title { display: none; }
body.editMode .opMediaVid > .ms-rtestate-field { display: block !important; }
body.editMode .opMediaVid .ms-rtestate-write > p { line-height: 140%; margin: 0; float: left; }
body.editMode .row .opMediaVid .ms-rtestate-field div div.ms-rtestate-write { min-width: 325px; min-height: 183px !important; }
/* Image/Video Caption Layout, Spacing, and Sizing */
body.editMode .opMediaCap { margin-top: 5px; }
body.editMode .opMediaCap .ms-rtestate-field div, body.editMode .opMediaCap .ms-rtestate-field span,
body.editMode .opMediaCap .ms-rtestate-field p, body.editMode .opMediaCap .ms-rtestate-field a,
body.editMode .opMediaCap .ms-rtestate-field em, body.editMode .opMediaCap .ms-rtestate-field i,
body.editMode .opMediaCap .ms-rtestate-field strong, body.editMode .opMediaCap .ms-rtestate-field b
{ margin: 0; color: rgba(0, 0, 0, .4); font-size: 10px; line-height: 13px; }
body.editMode .opMediaCap .ms-rtestate-field div, body.editMode .opMediaCap .ms-rtestate-field p { margin-bottom: 8px; }
body.editMode .opMediaCap .ms-formfieldvaluecontainer { border: 1px solid rgba(0, 0, 0, .1); padding: 3px 5px 4px 5px; }
body.editMode .opMediaCap a.addComment { display: inline-block; padding: 2px 6px !important; }
/* The Media Control Bar. Contains buttons/glyphs for image/video addition and removal, sizing, */
/* help popup, and a 'restore to page default' button to fix issues with the editor */
body.editMode .mediaControls { float: right; margin-top: -28px; background-color: rgb(0, 0, 0); padding: 6px 5px 3px 5px; }
body.editMode .mediaControls div { float: left; color: rgba(255, 255, 255, 0.65); cursor: pointer; font-size: 15px; padding: 2px; margin: 0 3px; }
body.editMode .mediaControls div:hover { color: rgb(255, 255, 255, 0.85); }
body.editMode .mediaControls .fa-magic { position: relative; top: 1px; }
body.editMode .mediaControls .fa-video-camera { position: relative; top: -1px; }
/* Show or Hide Buttons/Toggles based on what type of Media and/or Content is Currently Populated */
/* REMOVED body.editMode .opBody.col .mediaControlResButton & body.editMode .opBody.hasImg.col .mediaControlResButton */
body.editMode .mediaControlResButton, body.editMode .mediaControlFltButton, body.editMode .mediaControlNilButton,
body.editMode .mediaControlDImButton, body.editMode .mediaControlDViButton, body.editMode .mediaControlIRLButton,
body.editMode .opBody.hasMedia.hasImg .mediaControlNilButton, body.editMode .opBody.hasMedia.hasVid .mediaControlNilButton,
body.editMode .opBody.hasImg .mediaControlImgButton, body.editMode .opBody.hasVid .mediaControlImgButton,
body.editMode .opBody.hasImg .mediaControlVidButton, body.editMode .opBody.hasVid .mediaControlVidButton,
body.editMode .opBody.hasImg .mediaControlHlpButton, body.editMode .opBody.hasVid .mediaControlHlpButton,
body.editMode .opBody.hasImg .mediaControlNilButton, body.editMode .opBody.hasVid .mediaControlNilButton,
body.editMode .opBody .accordionOnButton
{ display: none; }
body.editMode .opBody.hasImg .mediaControlResButton, body.editMode .opBody.hasVid .mediaControlResButton,
body.editMode .opBody.hasImg .mediaControlFltButton, body.editMode .opBody.hasVid .mediaControlFltButton,
body.editMode .opBody.hasImg .mediaControlDImButton,
body.editMode .opBody.hasImg .mediaControlIRLButton,
body.editMode .opBody.hasVid .mediaControlDViButton,
body.editMode .opBody.hasMedia .mediaControlNilButton,
body.editMode .opBody.accordion .accordionOnButton
{ display: block; }
/* Accordion Mode */
body.editMode .opBody.accordion .accordionOffButton { display: none; }
/******************************************* Meta-Data Section ***********************************************/
/* At the bottom of OmniPage in Edit Mode there are a number of non-content (auxiliary) fields. */
body.editMode #metaDataPanel { clear: both; padding: 15px 15px 30px 15px; margin-bottom: 60px; position: relative; top: 30px; background-color: rgba(0, 0, 0, .08); }
body.editMode #metaDataPanel .ms-formfieldcontainer { margin-bottom: 6px; }
body.editMode #metaDataPanel input, body.editMode #metaDataPanel textarea, body.editMode #metaDataPanel select { background-color: rgb(255, 255, 255); }
body.editMode .metaDataPanelTitle { font-family: "Montserrat"; font-size: 19px; line-height: 120%; }
body.editMode .metaDataPanelSubText { color: rgba(0, 0, 0, .4); font-size: 10px; }
body.editMode .metaDataPanelSubTitle { color: rgba(0, 0, 0, .55); font-family: "Montserrat"; font-size: 15px; margin: 20px 0 15px 0; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, .08); color: rgba(0, 0, 0, .3); }
body.editMode div.ms-formfieldvaluecontainer label { margin-left: 6px; display: inline-block; height: auto; font-weight: bold; font-size: 11px; }
body.editMode #metaDataPanel div.ms-formfieldlabelcontainer span.ms-formfieldlabel { font-size: 11px; margin: 0 0 2px 0; }
body.editMode .metaBool { padding: 6px 1px; }
body.editMode .metaBool .ms-formfieldlabelcontainer { display: inline-block; }
body.editMode .metaBool .ms-formfieldvaluecontainer { float: left; padding: 2px 6px 0 0; }
body.editMode #lastModifiedPanel { display: block !important; margin-top: 25px; }
body.editMode #lastModifiedPanel > span { display: inline-block; float: left; }
body.editMode #lastModifiedPanel > span:first-child { margin-right: 10px; position: relative; top: 6px; }
/********************************************* Web Part Zones ***********************************************/
/* Each body section has, at its bottom, an optional Web Part Zone. Web Part Zones can have more than one */
/* web part in them. These zones are turned off and on by a button/glyph in the Control Box. */
body.editMode .webPartWrapper { display: none; }
body.editMode.showWebParts .webPartWrapper { display: block; }
body.editMode .webPartWrapper { margin-top: 30px; border: 1px solid rgba(0, 0, 0, .1); }
body.editMode .webPartWrapper .ms-webpart-zone-title { margin-bottom: -3px; display: inline-block; font-weight: bold; font-size: 11px; }
body.editMode .webPartWrapper .ms-SPZoneLabel { padding: 0; margin-top: -17px; }
body.editMode .webPartWrapper .ms-SPZone { padding: 0; border: 0 none; }
body.editMode .webPartWrapper .ms-SPZone > div { padding: 5px 5px 0 5px !important; }
body.editMode .webPartWrapper #MSOZone_EmptyZoneCell { display: none; }
body.editMode .webPartWrapper .ms-WPAddButton { background-color: rgba(0, 0, 0, .05); border: 0 none; }
body.editMode .webPartCaption { margin: 5px; }
body.editMode .webPartCaption .ms-formfieldvaluecontainer p, body.editMode .webPartCaption .ms-formfieldvaluecontainer p span, body.editMode .webPartCaption .ms-formfieldvaluecontainer a { line-height: 160%; font-size: 10px; }
body.editMode .webPartCaption p { margin: 0; }
body.editMode .webPartCaption .ms-formfieldvaluecontainer { border: 1px solid rgba(0, 0, 0, .1); padding: 3px 5px 4px 5px; }
body.editMode .webPartCaption .ms-formfieldvaluecontainer > span > div > div { font-size: 10px; line-height: 16px; }
body.editMode .webPartCaption .ms-rtestate-write { min-height: 0 !important; }
body.editMode #DeltaWebPartAdderUpdatePanelContainer { z-index: 99; }
/* ==================================================================================== */
/* ---------- OmniPage Custom / Pre-Defined / Special Pages
/* ==================================================================================== */
/* Formatting for the Dashboard Page ~/dash.aspx */
span.dashPage { display: inline-block; width: 250px; padding-left: 30px; }
span.dashCreator, span.dashModifier { display: inline-block; width: 150px; }
span.dashStatus { display: inline-block; width: 100px; padding-left: 30px; }
span.dashModified { float: right; }
/* ==================================================================================== */
/* ---------- Registrar Embed
/* ==================================================================================== */
#custom #o1 #o2 div.acalog H1 { color: #00539F; font-size: 22px; line-height: 22px; font-weight: 700; }
#custom #o1 #o2 div.acalog H2 { color: #00539F; font-size: 20px; line-height: 20px; font-weight: 500; }
#custom #o1 #o2 div.acalog H3 { color: #00539F; font-size: 19px; line-height: 19px; font-weight: 500; }
#custom #o1 #o2 div.acalog H4 { color: #00539F; font-size: 18px; line-height: 18px; font-weight: 500; }
#custom #o1 #o2 div.acalog table,
#custom #o1 #o2 div.acalog th,
#custom #o1 #o2 div.acalog td { border: 1px solid #DEDEDE; }
#custom #o1 #o2 div.acalog div.acalog-program-description p:first-of-type { display: none; }
#custom #o1 #o2 div.acalog.acalog-HideProgramName h1.acalog-program-name { display: none; }
/* ==================================================================================== */
/* ---------- CAS In the Media on Dept Sites
/* ==================================================================================== */
.CAS_CASintheMedia { margin-bottom: 20px; }
.CAS_CASintheMedia-Title { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 2px; margin-bottom: 5px; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.CAS_CASintheMedia-CITMPublicationDate { font-weight: 600; }
/* ==================================================================================== */
/* ---------- Broken Nav Errors
/* ==================================================================================== */
body.authenticated .opBodyText [href*="/_layouts/15/FIXUPREDIRECT.ASPX"] { background-color: #FF7777 !important; border: 1px solid rgb(114, 50, 44) !important; color: rgb(114, 50, 44) !important; padding: 1px 3px; }
body.authenticated .opBodyText [href*="/_layouts/15/FIXUPREDIRECT.ASPX"]:hover:before { position: absolute; display: block; padding: 25px; margin-left: -120px; margin-top: 30px; max-width: 240px; min-width: 240px; text-align: center; width: 240px; z-index: 10; background-color: rgb(237, 233, 224); border: 1px solid rgba(40, 62, 102, 0.3); color: rgba(40, 62, 102, 0.75); }
body.authenticated .opBodyText [href*="/_layouts/15/FIXUPREDIRECT.ASPX"]:hover:before {
content: "BROKEN NAV - Contact CAS IT"; }
/* MOVED FROM CSWP.CSS */
/* ==================================================================================== */
/* ========================= CAS SharePoint 2013 Template CSS ========================= */
/* =================================== Web Parts ====================================== */
/* ==================================================================================== */
/* ==================================================================================== */
/* ---------- Paging Controls
/* ==================================================================================== */
/* 'promlink' is SharePoint for 'Promoted Link', part of the 'Promoted Links Web Part' */
/************************ Content Search Web Parts (cswp) ***************************/
/* CSWPs' Header Row is normally not needed. We hide it here. */
/* The header can be un-hidden in a specific Web Parts' CSS Section or design file. */
.cswpHeader, .cswpHeaderCell { display: none; }
.cswpHeader { margin-bottom: 5px; }
.cswpHeader .cswpHeaderCell { font-size: 13px; line-height: 26px; height: 26px; font-weight: bold; }
.cswpHeaderRow { padding: 5px; font-size: 0; }
.cswpHeaderCell { padding: 0 5px; margin: 2px; vertical-align: middle; }
.cswpPaged-List > li, .cswpPaged-List > li > div { font-size: 0; }
/* The Paging Controls' Containers */
.cswpPaged-PagerWrapper-Top, .cswpPaged-PagerWrapper-Bottom { clear: both; text-align: center; }
.cswpPaged-PagerWrapper-Top { padding-bottom: 30px; }
.cswpPaged-PagerWrapper-Bottom { padding-top: 30px; }
/* The default paging control button styles */
.cswpPaged-List .ms-promlink-button { background-color: rgb(0, 0, 0); }
.cswpPaged-List .ms-promlink-button { margin: 0 2px; border: 0 none; }
#o1 .cswpPaged-List .ms-promlink-button span { font-size: 14px; font-weight: 700; line-height: 24px; }
.cswpPaged-List .ms-promlink-button-image, .cswpPaged-List .ms-promlink-button { height: 24px; width: 24px; }
/* An 'enabled' button is a standard, functional, normal button. */
.cswpPaged-List .ms-promlink-button-enabled { background-color: rgba(0, 0, 0, 0.4); }
.cswpPaged-List .ms-promlink-button-enabled span { color: rgba(0, 0, 0, 1); }
.cswpPaged-List .ms-promlink-button-enabled:hover { background-color: rgba(0, 0, 0, 1); }
.cswpPaged-List .ms-promlink-button-enabled:hover span { color: rgba(255, 255, 255, .85); }
/* A 'disabled' button is one that is greyed out / displayed but not used. E.g. the */
/* [<] button to go to the first page when you're already on page 1. */
.cswpPaged-List .ms-promlink-button-disabled,
.cswpPaged-List .ms-promlink-button-disabled:hover { background-color: rgba(0, 0, 0, 0.08); }
.cswpPaged-List .ms-promlink-button-disabled span,
.cswpPaged-List .ms-promlink-button-disabled:hover span { background-color: transparent; color: rgba(0, 0, 0, 0.3); }
/* The 'currPage' button is one displaying the number of the page you're currently on. */
/* It's also disabled because clicking it would serve no real purpose.*/
.cswpPaged-List .ms-promlink-button-disabled.currPage { background-color: rgb(0, 0, 0); }
.cswpPaged-List .ms-promlink-button-disabled.currPage span { color: rgba(255, 255, 255, .85); }
/* ==================================================================================== */
/* ---------- News Rollup
/* ==================================================================================== */
.CAS_NewsList-Item { clear: both; margin-bottom: 30px; min-height: 135px; }
.CAS_NewsList-RollupImage { float: left; }
.CAS_NewsList-RollupImage, .CAS_NewsList-RollupImage a { line-height: 0; font-size: 0; }
.CAS_NewsList-Headline { position: relative; top: -3px; margin: 0 0 4px 245px; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.CAS_NewsList-Headline a { font-size: 16px; font-weight: 600; text-transform: uppercase; }
.CAS_NewsList-Blurb { margin-left: 245px; }
.CAS_NewsList-Blurb, .CAS_NewsList-Blurb p { line-height: 18px; }
.CAS_NewsList-Blurb p { margin-bottom: 0px; }
.CAS_NewsList-Blurb .CAS_NewsList-ReadMoreLink { display: block; padding-top: 8px; }
.CAS_NewsList-ReadMoreLink, .CAS_NewsList-ReadMoreLink a { font-size: 11px; line-height: 11px; font-weight: 600; text-transform: uppercase; }
.CAS_NewsList-ReadMoreLink { display: block; padding-left: 15px; }
.CAS_NewsList-ReadMoreLink a:after { content: " "; display: inline-block; height: 9px; width: 5px; position: relative; left: 5px; opacity: 0.5; background: url("//code.art-sci.udel.edu/code/core/images/arrowIcons.png") no-repeat scroll -19px -22px transparent; }
/* Styles for the full-page News Rollup located at ~/news */
.hideLeftNav .CAS_NewsList-Item { min-height: 275px; }
.hideLeftNav .CAS_NewsList-Headline, .hideLeftNav .CAS_NewsList-Blurb { margin-left: 470px; }
/* Styles for the Story Page layout */
#header a { font-size: 22px; font-weight: normal; height: 35px; line-height: 35px; padding-right: 6px; }
/* ==================================================================================== */
/* ---------- Events Rollup
/* ==================================================================================== */
.event { padding: 12px; min-height: 45px; }
.eventTitle { font-size: 14px; font-weight: 600; line-height: 16px; position: relative; top: -3px; }
.eventDate { font-size: 11px; line-height: 16px; max-height: 32px; }
.eventDescription { font-size: 11px; line-height: 16px; }
.cswpPaged-List .event:nth-child(odd) { background-color: rgba(0, 0, 0, .05); } /* Alternating Row Colors */
/* ==================================================================================== */
/* ---------- 2-Column Personnel Listing
/* ==================================================================================== */
.CAS_BioList-Item { float: left; margin: 6px 12px 6px 0; padding: 10px 0; height: 160px; width: 328px; overflow: hidden; background-color: rgba(0, 0, 0, .05); }
.CAS_BioList-Item:nth-child(odd) { margin-right: 0; } /* Remove the right margin for the righthand column */
.CAS_BioList-Item div { font-size: 13px; line-height: 155%; margin-left: 140px; }
.CAS_BioList-Item .CAS_BioList-Pic { height: 160px; width: 120px; padding-left: 0px; margin-left: 10px; float: left; }
.CAS_BioList-Item .CAS_BioList-Name a { font-weight: bold; font-size: 14px; }
.CAS_BioList-Item .CAS_BioList-Title { font-size: 11px; line-height: 14px; margin-top: 10px; margin-bottom: -4px; max-height: 28px; overflow: hidden; }
.CAS_BioList-Item .CAS_BioList-Address { margin-top: 12px; max-height: 34px; line-height: 15px; overflow: hidden; }
.CAS_BioList-Item .CAS_BioList-Phone { line-height: 18px; }
/* ==================================================================================== */
/* ---------- Alumni Profiles
/* ==================================================================================== */
.CAS_ProfileAlumnus-Item { margin: 20px 0 30px 0; }
.CAS_ProfileAlumnus-ProfileAlumnusPicture { float: left; width: 180px; padding: 0 20px 12px 0; }
.CAS_ProfileAlumnus-ProfileAlumnusName { font-size: 24px; line-height: 24px; font-weight: 600; }
.CAS_ProfileAlumnus-ProfileAlumnusTitle { font-size: 15px; line-height: 30px; padding: 0 0 5px 0; }
.CAS_ProfileAlumnus-ProfileAlumnusDegree { display: inline-block; font-size: 13px; font-weight: 600; line-height: 20px; max-width: 410px; }
.CAS_ProfileAlumnus-ProfileAlumnusJobTitle { font-size: 13px; font-weight: 600; line-height: 20px; }
#o1 .CAS_ProfileAlumnus-ProfileAlumnusText { padding: 25px 0 0 0; line-height: 155%; }