<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Campbellsville University
Author:     Jonathan Pufal
email:      jspufal@campbellsville.edu
*/
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);

.btn-primary {
  color: #fff;
  background-color: #800000;
  border-color: #800000;
}

.btn-primary:focus,
.btn-primary .focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #535753;
  border-color: #535753;
}

.btn-primary:active,
.btn-primary .active,
.btn-primary .open&gt;.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
  background-image: none;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active .focus,
.btn-primary .active:hover,
.btn-primary .active:focus,
.btn-primary .active .focus,
.btn-primary .open&gt;.dropdown-toggle.btn-primary:hover,
.btn-primary .open&gt;.dropdown-toggle.btn-primary:focus,
.btn-primary .open&gt;.dropdown-toggle.btn-primary .focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary .disabled:hover,
.btn-primary .disabled:focus,
.btn-primary .disabled .focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled] .focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary .focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.user-login.popover {
  margin-right: 8%;
}

/*=============================================================================
    BASE STYLES
=============================================================================*/
/* BODY */
body {
  font-family: "Nunito", sans-serif;
  font-size: 1.6rem;
}

.simple-form .form-group label {
  font-weight: bold;
}

/* TYPOGRAPHY */
.h1,
h1 {
  font-size: 3.6rem;
}

.h2,
h2 {
  font-size: 3rem;
}

.h3,
h3 {
  font-size: 2.4rem;
}

a {
  color: #850d20;
  text-decoration: none;
}

a:hover {
  color: #b3122b;
  text-decoration: underline;
}

a:focus {
  color: #e21636;
  text-decoration: underline;
}

.btn {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

/* Make it blue instead */
.btn-grey {
  background-color: #0d5c85;
  color: #fff;
}

.text-maroon {
  color: #850d20;
}

.bg-maroon-linear {
  background: rgba(133, 13, 32, 1);
  /* background: -webkit-gradient(linear, left top, left bottom, from(#a50d22), to(#860d20));
  background: -o-linear-gradient(#a50d22, #860d20);
  background: linear-gradient(#a50d22, #860d20); */
}

/*=============================================================================
    LAYOUT STYLES
=============================================================================*/
/* MAIN LAYOUT */
#mainLayout {
  margin-top: -60px;
}

#mainLayout .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

#mainLayout .container-fluid .row {
  margin-right: 0;
  margin-left: 0;
}

.slideout-body {
  background-color: rgb(248, 248, 248);
}

.slideout-wrapper {
  border: 1px solid #850d20;
  border-radius: 5px;
  box-shadow: -4px 4px 1px 1px #7f7f7a;
}

/*=============================================================================
    MODULE STYLES
=============================================================================*/
/* SITE WRAPPER */
#siteWrapper {
  margin-top: 32px;
}

.modal-overlay {
  background-color: transparent;
}

/* PAGE HEADER */
#masthead {
  height: 215px;
  padding: 80px 5% 0;
}

#masthead a {
  /* color: #fff; */
  font-family: Nunito, Lustria, Lucida, Sans-Serif;
  /* text-shadow: 1px 1px 1px #000; */
  -webkit-filter: dropshadow(color=#000, offx=1, offy=1);
  filter: dropshadow(color=#000, offx=1, offy=1);
  text-decoration: none;
}

#masthead a:hover {
  text-decoration: none;
}

#masthead a:focus {
  text-decoration: none;
  /* -webkit-text-stroke-width: 1px; */
  -webkit-text-stroke-color: #850d20;
}

#masthead a img {
  display: none;
  padding-top: 20px;
}

#masthead a h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
}

.site-header-container .main-nav-submenu-container .user-login {
  top: 78px;
}

.site-header-container .search-btn {
  top: 66px;
}

#siteNavBar_welcomeBackBarLoggedOut_ButtonLogin {
  padding: 5px 7px;
}

#siteNavBar_searchBox_SearchButton {
  padding: 3px 6px;
}



#siteNavBar_searchBox_searchPanel {
  position: relative;
}

#siteNavBar_searchBox_divSideBarContainer {
  position: absolute;
  top: -150px;
  right: -5.3%;
}


/* .site-header-container .main-nav-submenu-container .user-login.popover { */
  /* margin-right: 75px !important; */
  /* margin-top: -200px; */
/* } */

.logged-in .site-header-container .search-section {
  margin-right: 35px !important;
}


.site-header-container .user-btn {
  top: 50px;
  right: 200px;
}

#quickLinks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#quickLinks .nav .nav-item {
  margin: 0;
}

#quickLinks .nav .nav-item .nav-link {
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
}

#quickLinks .nav .nav-item .nav-link:hover {
  background-color: transparent;
  color: #b3b2b1;
}

#top-nav-bar,
#more-links-div {
  background-color: rgba(133, 13, 32, 1);
}

/* NAVIGATION */
#top-nav-bar {
  border-color: #570815;
  padding-left: 0px;
  padding-right: 5px;
  position: absolute;
  top: 32px;
}

#top-nav-bar button {
  background-color: #fff;
}

#top-nav-bar #header-tabs {
  background-color: #000;
  background-color: rgba(0, 0, 0, 1);
}

#top-nav-bar #main-nav li a {
  border: 3px solid transparent;
  color: #fff;
}

#siteNavBar_searchBox_SearchButton {
  background-color: #fff;
}

#siteNavBar_welcomeBackBarLoggedIn_loginToggle {
  background-color: #fff;
}

#top-nav-bar #main-nav li a:hover,
#top-nav-bar #main-nav li a:focus {
  background-color: #000;
  border-color: #850d20;
}

#top-nav-bar #user-login-section .forgot-password-link {
  color: #fff;
  font-weight: bold;
}

#top-nav-bar #user-login-section .forgot-password-link:hover {
  text-decoration: underline;
}

#top-nav-bar .user-btn {
  padding: 0px 10px;
}

#siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink {
	margin: 6px 100px 0;
    float: right;
    font-size: 12px;
}

/* #more-links-div {
  border-top: 2px solid #000;
} */

/* MAIN CRUMBS */
.main-crumbs {
  color: #000;
  top: -80px;
  left: 0;
}

.main-crumbs a {
  color: #850d20;
}

/* SIDEBAR */
.sidebar {
  margin-top: 20px;
  top: 48px;
}

.sidebar .slide-menu-right {
  background-color: #e3e3e2;
}

.sidebar .slide-menu-right .navbar-default {
  background-color: #e3e3e2;
  border-color: #b1b1ae;
}

.sidebar .slide-menu-right .navbar-default #contextPages .current-page a {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 3px 2px gray;
  box-shadow: 0 0 0 1px #fff, 0 3px 2px gray;
}

.sidebar .slide-menu-right .navbar-default #contextPages a[href="#pagePortlets"] {
  font-weight: bold;
}

.sidebar .slide-menu-right .navbar-default #contextPages #subContexts {
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages #subContexts a {
  padding-left: 25px !important;
  background: url("/ics/ui/common/images/portletimages/icons/16/folder.png") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages #subContexts a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages #subContexts a span {
  display: none;
}

.sidebar .slide-menu-right .navbar-default #contextPages .addPage.add-page {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages .addPage.add-page a {
  padding-left: 25px !important;
  background: url("/ics/ui/common/images/portletimages/icons/16/page_add.png") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages .addPage.add-page a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages .addPage.add-page a span {
  display: none;
}

.sidebar .slide-menu-right .navbar-default #contextPages .manageContext.manage-context {
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages .manageContext.manage-context a {
  padding-left: 25px !important;
  background: url("/ICS/UI/Common/images/PortletImages/Icons/folder_edit.gif") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages .manageContext.manage-context a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages .manageContext.manage-context a span {
  display: none;
}

.sidebar .slide-menu-right .navbar-default #contextPages .usageStats.usage-stats {
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages .usageStats.usage-stats a {
  padding-left: 25px !important;
  background: url("/ICS/UI/Common/images/PortletImages/Icons/icon_graph_16.gif") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages .usageStats.usage-stats a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages .usageStats.usage-stats a span {
  display: none;
}

.sidebar .slide-menu-right .navbar-default #contextPages .copy-courses {
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages .copy-courses a {
  padding-left: 25px !important;
  background: url("/ics/ui/common/images/portletimages/icons/16/copying_and_distribution.png") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages .copy-courses a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages .copy-courses a span {
  display: none;
}

.sidebar .slide-menu-right .navbar-default #contextPages .sidebar-quick-link {
  padding-left: 15px;
}

.sidebar .slide-menu-right .navbar-default #contextPages .sidebar-quick-link a {
  padding-left: 25px !important;
  background: url("/ics/ui/common/images/portletimages/icons/16/link.png") no-repeat left center;
}

.sidebar .slide-menu-right .navbar-default #contextPages .sidebar-quick-link a:hover {
  text-decoration: underline;
}

.sidebar .slide-menu-right .navbar-default #contextPages .sidebar-quick-link a span {
  display: none;
}

.sidebar .slide-menu-right .slide-menu-toggle-btns {
  background-color: #850d20;
}

.sidebar .slide-menu-right .slide-menu-toggle-btns li a {
  border: 2px solid transparent;
  color: #fff;
}

.sidebar .slide-menu-right .slide-menu-toggle-btns li a:hover {
  background-color: #000;
  border-color: #9c0f26;
}

.sidebar .slide-menu-right .slide-menu-toggle-btns .active a {
  background-color: #000;
  border-color: #9c0f26;
}

#sidebar-slide-menu-button {
  background-color: #850d20;
  border-radius: 100%;
  color: #cacac8;
  height: 60px;
  width: 60px;
}

#sidebar-slide-menu-button.is-closed {
  /* Fix position of button when sidebar opens or closes */
  /* Could also use JS for this */
  left: 5px !important;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

#sidebar-slide-menu-button:not(.is-closed) {
  /* Fix position of button when sidebar opens or closes */
  /* Could also use JS for this */
  left: 315px !important;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

#sidebar-slide-menu-button .sidebar-slide-btn-icon {
  margin-top: 3%;
  margin-right: 3%;
  font-size: 4.5rem;
}

.sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

/* PORTLETS */
#portlets {
  background: #fff;
  padding: 10px !important;
  /* FORM WRAPPER */
  /* TOOLBAR MENU */
}

#portlets a[id*="lnkAdd"] img,
#portlets a[id*="lnkEdit"] img {
  padding-right: 5px;
}

#portlets .page-title h2 {
  border-bottom: 2px solid #cacac8;
  font-weight: bold;
  padding-bottom: 5px;
  text-indent: 10px;
}

#portlets .page-title-btn {
  margin-top: 0;
}

#portlets .page-title-btn #PageBar_wrenchToggle,
#portlets .page-title-btn #PageBar_btnPrintView {
  background-color: #850d20;
  color: #fff;
  top: -10px;
}

#portlets .page-title-btn #PageBar_wrenchToggle:hover,
#portlets .page-title-btn #PageBar_btnPrintView:hover {
  background-color: #b3122b;
}

#portlets .portlet {
  border: 1px solid #850d20 !important;
  border-radius: 5px;
  -webkit-box-shadow: -4px 4px 1px 1px #7f7f7a;
  box-shadow: -4px 4px 1px 1px #7f7f7a;
}

#portlets .portlet .portlet-header-bar {
  background-color: #fafafa;
  border-radius: 5px 5px 0 0;
}

#portlets .portlet .portlet-header-bar h3 {
  font-size: 2.4rem;
  padding-left: 10px;
}

#portlets .hint {
  background-color: orange;
  border: 5px solid #000;
  font-size: 1.6rem;
  font-weight: bold;
}

#portlets .form-wrapper .link-btn {
  padding: 6px 12px;
}

#portlets .form-wrapper input[type="checkbox"],
#portlets .form-wrapper input[type="radio"] {
  display: inline-block;
  height: auto;
  width: auto;
}

#portlets .form-wrapper #swfu_container {
  margin-bottom: 30px;
}

#portlets .form-wrapper #swfu_container .howTo {
  margin-bottom: 10px;
}

#portlets .form-wrapper #swfu_container input[type="file"] {
  margin-bottom: 10px;
}

#portlets .form-wrapper #swfu_container .originalDiv {
  background-color: #dff0d8;
  border-radius: 5px;
  cursor: move;
}

#portlets .pToolbar {
  background: #0d5c85;
  width: 100%;
  height: 26px;
}

#portlets .pToolbar ul {
  border-bottom: 1px solid #ccc;
}

#portlets .pToolbar a {
  background: #0d5c85;
  color: #fff;
}

#portlets .pToolbar a:hover,
#portlets .pToolbar a.active,
#portlets .pToolbar a .pTool a:hover,
#portlets .pToolbar a .pTool a.active {
  background-color: #127cb3;
}

#portlets .pToolbar li.off a {
  background-color: #B8BCC4;
  color: #6E6E6E;
}

#portlets .pToolbar li.off a:hover,
#portlets .pToolbar li.off a.active {
  background-color: #B8BCC4;
  color: #6E6E6E;
}

#portlets .pToolbar .pTool {
  border-right: solid 1px #fff;
}

#portlets .pToolbar .pTool li.off a {
  background-color: #B8BCC4;
  color: #6E6E6E;
}

#portlets .pToolbar .pTool li.off a:hover,
#portlets .pToolbar .pTool li.off a.active {
  background-color: #B8BCC4;
  color: #6E6E6E;
}

#portlets .pToolbar .menu a {
  border: 1px solid #ccc;
  padding: 1px;
}

#portlets .pToolbar .menu .hasKids {
  background: #0d5c85 url(./images/toolbar_rightarrow.gif) center right no-repeat;
}

#portlets .hidden-white.portlet {
  background-color: #fff;
  border: none !important;
  border-color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#portlets .hidden-white.portlet .portlet-header-bar {
  background-color: #fff;
  color: #fff;
  cursor: default;
  margin: 0;
  padding: 0;
}

#portlets .hidden-white.portlet .portlet-header-bar h3 {
  color: #fff;
  cursor: default;
  margin: 0;
  padding: 0;
}

#portlets .hidden-white.portlet .portlet-header-bar h3 a {
  color: #fff;
  cursor: default;
  margin: 0;
  padding: 0;
}

#portlets .hidden-white.portlet .portlet-header-bar h3 a:hover {
  color: #fff;
  text-decoration: none;
}

#portlets .hidden-white.portlet .pToolbar {
  background-color: #fff;
  color: #fff;
  cursor: default;
  margin: 0;
  padding: 0;
}

.StaffPortlet&gt;div&gt;div&gt;ul&gt;li {
  background-color: #ddd;
  color: #000
}

.StaffPortlet&gt;div&gt;div&gt;ul&gt;li {
  border-left: solid 2px #fff !important;
}

.StaffPortlet&gt;div&gt;div&gt;ul&gt;li&gt;a {
  color: #000;
}

.StaffPortlet&gt;div&gt;div&gt;ul&gt;li&gt;a:hover {
  background-color: #eee;
}

#pg0_EmployeeInformationPortlet&gt;div.portlet-padding.StaffPortlet&gt;div&gt;div&gt;ul&gt;li:nth-child(3)&gt;a

/*Fix form builder forms*/
div#Layer2 {
  position: static !important;
  margin-left: -9px;
}

.portlet-grid .portlet-header-bar .portlet-help-wrapper {
  display: none;
}

.alert-container.error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-container.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-container.feedback {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-container.warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

/* ADMIN STYLES */
/* BUTTONS */
.preferencesPanel .modalButtons input[name*="save"],
.preferencesPanel .modalButtons input[name*="cancel"],
.PageOptionsPopup #editPortletPopup #renamePorltet,
.PageOptionsPopup #editPortletPopup .deletePortlet,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll,
.PageOptionsPopup .DeletePagePanel #deletePortlet,
.PageOptionsPopup .DeletePagePanel a[id*="DeletePage_deletePage"] {
  color: #fff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  line-height: 1.42857143;
  border-radius: 4px;
  font-size: 14px;
}

.preferencesPanel .modalButtons input[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.preferencesPanel .modalButtons input:focus[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:focus,
.preferencesPanel .modalButtons input.focus[name*="save"],
.PageOptionsPopup #editPortletPopup .focus#renamePorltet {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.preferencesPanel .modalButtons input:hover[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.preferencesPanel .modalButtons input:active[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:active,
.preferencesPanel .modalButtons input.active[name*="save"],
.PageOptionsPopup #editPortletPopup .active#renamePorltet {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
  background-image: none;
}

.preferencesPanel .modalButtons input:active:hover[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:active:hover,
.preferencesPanel .modalButtons input.active:hover[name*="save"],
.PageOptionsPopup #editPortletPopup .active#renamePorltet:hover,
.preferencesPanel .modalButtons input:active:focus[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:active:focus,
.preferencesPanel .modalButtons input.active:focus[name*="save"],
.PageOptionsPopup #editPortletPopup .active#renamePorltet:focus,
.preferencesPanel .modalButtons input:active.focus[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet:active.focus,
.preferencesPanel .modalButtons input.active.focus[name*="save"],
.PageOptionsPopup #editPortletPopup .active.focus#renamePorltet {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.preferencesPanel .modalButtons input[name*="save"] .badge,
.PageOptionsPopup #editPortletPopup #renamePorltet .badge {
  color: #5cb85c;
  background-color: #fff;
}

.preferencesPanel .modalButtons input.disabled:hover[name*="save"],
.PageOptionsPopup #editPortletPopup .disabled#renamePorltet:hover,
.preferencesPanel .modalButtons input[disabled]:hover[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet[disabled]:hover,
fieldset[disabled] .preferencesPanel .modalButtons input:hover[name*="save"],
.preferencesPanel .modalButtons fieldset[disabled] input:hover[name*="save"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup #renamePorltet:hover,
.PageOptionsPopup #editPortletPopup fieldset[disabled] #renamePorltet:hover,
.preferencesPanel .modalButtons input.disabled:focus[name*="save"],
.PageOptionsPopup #editPortletPopup .disabled#renamePorltet:focus,
.preferencesPanel .modalButtons input[disabled]:focus[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet[disabled]:focus,
fieldset[disabled] .preferencesPanel .modalButtons input:focus[name*="save"],
.preferencesPanel .modalButtons fieldset[disabled] input:focus[name*="save"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup #renamePorltet:focus,
.PageOptionsPopup #editPortletPopup fieldset[disabled] #renamePorltet:focus,
.preferencesPanel .modalButtons input.disabled.focus[name*="save"],
.PageOptionsPopup #editPortletPopup .disabled.focus#renamePorltet,
.preferencesPanel .modalButtons input[disabled].focus[name*="save"],
.PageOptionsPopup #editPortletPopup #renamePorltet[disabled].focus,
fieldset[disabled] .preferencesPanel .modalButtons input.focus[name*="save"],
.preferencesPanel .modalButtons fieldset[disabled] input.focus[name*="save"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup .focus#renamePorltet,
.PageOptionsPopup #editPortletPopup fieldset[disabled] .focus#renamePorltet {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.preferencesPanel .modalButtons input[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet,
.PageOptionsPopup .DeletePagePanel #deletePortlet,
.PageOptionsPopup .DeletePagePanel a[id*="DeletePage_deletePage"] {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.preferencesPanel .modalButtons input:focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel #deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel a:focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .focus.deletePortlet,
.PageOptionsPopup .DeletePagePanel .focus#deletePortlet,
.PageOptionsPopup .DeletePagePanel a.focus[id*="DeletePage_deletePage"] {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.preferencesPanel .modalButtons input:hover[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel #deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel a:hover[id*="DeletePage_deletePage"] {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.preferencesPanel .modalButtons input:active[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:active,
.PageOptionsPopup .DeletePagePanel #deletePortlet:active,
.PageOptionsPopup .DeletePagePanel a:active[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.active[name*="cancel"],
.PageOptionsPopup #editPortletPopup .active.deletePortlet,
.PageOptionsPopup .DeletePagePanel .active#deletePortlet,
.PageOptionsPopup .DeletePagePanel a.active[id*="DeletePage_deletePage"] {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
  background-image: none;
}

.preferencesPanel .modalButtons input:active:hover[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:active:hover,
.PageOptionsPopup .DeletePagePanel #deletePortlet:active:hover,
.PageOptionsPopup .DeletePagePanel a:active:hover[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.active:hover[name*="cancel"],
.PageOptionsPopup #editPortletPopup .active.deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel .active#deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel a.active:hover[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input:active:focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:active:focus,
.PageOptionsPopup .DeletePagePanel #deletePortlet:active:focus,
.PageOptionsPopup .DeletePagePanel a:active:focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.active:focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .active.deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel .active#deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel a.active:focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input:active.focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet:active.focus,
.PageOptionsPopup .DeletePagePanel #deletePortlet:active.focus,
.PageOptionsPopup .DeletePagePanel a:active.focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.active.focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .active.focus.deletePortlet,
.PageOptionsPopup .DeletePagePanel .active.focus#deletePortlet,
.PageOptionsPopup .DeletePagePanel a.active.focus[id*="DeletePage_deletePage"] {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.preferencesPanel .modalButtons input.disabled:hover[name*="cancel"],
.PageOptionsPopup #editPortletPopup .disabled.deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel .disabled#deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel a.disabled:hover[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input[disabled]:hover[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet[disabled]:hover,
.PageOptionsPopup .DeletePagePanel #deletePortlet[disabled]:hover,
.PageOptionsPopup .DeletePagePanel a[disabled]:hover[id*="DeletePage_deletePage"],
fieldset[disabled] .preferencesPanel .modalButtons input:hover[name*="cancel"],
.preferencesPanel .modalButtons fieldset[disabled] input:hover[name*="cancel"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup .deletePortlet:hover,
.PageOptionsPopup #editPortletPopup fieldset[disabled] .deletePortlet:hover,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel #deletePortlet:hover,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] #deletePortlet:hover,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel a:hover[id*="DeletePage_deletePage"],
.PageOptionsPopup .DeletePagePanel fieldset[disabled] a:hover[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.disabled:focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .disabled.deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel .disabled#deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel a.disabled:focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input[disabled]:focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet[disabled]:focus,
.PageOptionsPopup .DeletePagePanel #deletePortlet[disabled]:focus,
.PageOptionsPopup .DeletePagePanel a[disabled]:focus[id*="DeletePage_deletePage"],
fieldset[disabled] .preferencesPanel .modalButtons input:focus[name*="cancel"],
.preferencesPanel .modalButtons fieldset[disabled] input:focus[name*="cancel"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup .deletePortlet:focus,
.PageOptionsPopup #editPortletPopup fieldset[disabled] .deletePortlet:focus,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel #deletePortlet:focus,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] #deletePortlet:focus,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel a:focus[id*="DeletePage_deletePage"],
.PageOptionsPopup .DeletePagePanel fieldset[disabled] a:focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input.disabled.focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .disabled.focus.deletePortlet,
.PageOptionsPopup .DeletePagePanel .disabled.focus#deletePortlet,
.PageOptionsPopup .DeletePagePanel a.disabled.focus[id*="DeletePage_deletePage"],
.preferencesPanel .modalButtons input[disabled].focus[name*="cancel"],
.PageOptionsPopup #editPortletPopup .deletePortlet[disabled].focus,
.PageOptionsPopup .DeletePagePanel #deletePortlet[disabled].focus,
.PageOptionsPopup .DeletePagePanel a[disabled].focus[id*="DeletePage_deletePage"],
fieldset[disabled] .preferencesPanel .modalButtons input.focus[name*="cancel"],
.preferencesPanel .modalButtons fieldset[disabled] input.focus[name*="cancel"],
fieldset[disabled] .PageOptionsPopup #editPortletPopup .focus.deletePortlet,
.PageOptionsPopup #editPortletPopup fieldset[disabled] .focus.deletePortlet,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel .focus#deletePortlet,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] .focus#deletePortlet,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel a.focus[id*="DeletePage_deletePage"],
.PageOptionsPopup .DeletePagePanel fieldset[disabled] a.focus[id*="DeletePage_deletePage"] {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.preferencesPanel .modalButtons input[name*="cancel"] .badge,
.PageOptionsPopup #editPortletPopup .deletePortlet .badge,
.PageOptionsPopup .DeletePagePanel #deletePortlet .badge,
.PageOptionsPopup .DeletePagePanel a[id*="DeletePage_deletePage"] .badge {
  color: #d9534f;
  background-color: #fff;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll:focus,
.PageOptionsPopup .DeletePagePanel .focus#hidePageFromAll {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll:active,
.PageOptionsPopup .DeletePagePanel .active#hidePageFromAll {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
  background-image: none;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll:active:hover,
.PageOptionsPopup .DeletePagePanel .active#hidePageFromAll:hover,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll:active:focus,
.PageOptionsPopup .DeletePagePanel .active#hidePageFromAll:focus,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll:active.focus,
.PageOptionsPopup .DeletePagePanel .active.focus#hidePageFromAll {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.PageOptionsPopup .DeletePagePanel .disabled#hidePageFromAll:hover,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll[disabled]:hover,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel #hidePageFromAll:hover,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] #hidePageFromAll:hover,
.PageOptionsPopup .DeletePagePanel .disabled#hidePageFromAll:focus,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll[disabled]:focus,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel #hidePageFromAll:focus,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] #hidePageFromAll:focus,
.PageOptionsPopup .DeletePagePanel .disabled.focus#hidePageFromAll,
.PageOptionsPopup .DeletePagePanel #hidePageFromAll[disabled].focus,
fieldset[disabled] .PageOptionsPopup .DeletePagePanel .focus#hidePageFromAll,
.PageOptionsPopup .DeletePagePanel fieldset[disabled] .focus#hidePageFromAll {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.PageOptionsPopup .DeletePagePanel #hidePageFromAll .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.PageOptionsPopup #editPortletPopup #portletNameTextBox {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

/* GENERAL ADMIN SIDE STYLES */
.preferencesPanel a[id*="backButton"]:first-of-type,
.pageOptionsPanel a[id*="backButton"]:first-of-type,
.pageAccessPanel a[id*="backButton"],
.settings-wrapper a[id*="backButton"] {
  color: #0d5c85;
  text-decoration: none;
}

.preferencesPanel a:hover[id*="backButton"]:first-of-type,
.pageOptionsPanel a:hover[id*="backButton"]:first-of-type,
.pageAccessPanel a:hover[id*="backButton"],
.settings-wrapper a:hover[id*="backButton"] {
  text-decoration: underline;
}

.preferencesPanel a[id*="backButton"]:last-of-type,
.pageOptionsPanel a[id*="backButton"]:last-of-type,
.pageOptionsPanel a[id*="backtoOptions"]:first-of-type,
.pageAccessPanel a[id*="BackButton"],
.settings-wrapper a[id*="backbutton"],
.PageLayoutPanel a[id*="backButton"] {
  color: #0d5c85;
  display: inline-block;
  text-decoration: none;
}

.preferencesPanel a:hover[id*="backButton"]:last-of-type,
.pageOptionsPanel a:hover[id*="backButton"]:last-of-type,
.pageOptionsPanel a:hover[id*="backtoOptions"]:first-of-type,
.pageAccessPanel a:hover[id*="BackButton"],
.settings-wrapper a:hover[id*="backbutton"],
.PageLayoutPanel a:hover[id*="backButton"] {
  text-decoration: underline;
}

.pageOptionsPanel .PageOptionsBody .devider,
#editPortletPopup .devider,
#DeleteShortcutPopup .devider,
.PageLayoutPanel .devider {
  border-top: 1px dashed #000;
}

.ui-widget-overlay {
  background: #000 !important;
  opacity: .5 !important;
}

.PageOptionsInnerBody .layoutOptions .content.one_column,
.PageLayoutPanel .availableLayout.one_column .icon {
  background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_rwide,
.PageLayoutPanel .availableLayout.two_column_rwide .icon {
  background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_rwide,
.PageLayoutPanel .availableLayout.three_column_rwide .icon {
  background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_even,
.PageLayoutPanel .availableLayout.two_column_even .icon {
  background-image: url(./images/admin/layout_icon-2.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_lwide,
.PageLayoutPanel .availableLayout.two_column_lwide .icon {
  background-image: url(./images/admin/layout_icon-3.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_mwide,
.PageLayoutPanel .availableLayout.three_column_mwide .icon {
  background-image: url(./images/admin/layout_icon-6.gif);
}

.PageOptionsInnerBody .layoutOptions .content.side_by_side_with_header,
.PageLayoutPanel .availableLayout.side_by_side_with_header .icon {
  background-image: url(./images/admin/layout_icon-2a.gif);
}

.PageOptionsInnerBody .layoutOptions .content.blog_style_header,
.PageLayoutPanel .availableLayout.blog_style_header .icon {
  background-image: url(./images/admin/layout_icon-3a.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_even,
.PageLayoutPanel .availableLayout.three_column_even .icon {
  background-image: url(./images/admin/layout_icon-4.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_lwide,
.PageLayoutPanel .availableLayout.three_column_lwide .icon {
  background-image: url(./images/admin/layout_icon-5.gif);
}

/* ADMIN MENU */
.admin-menu .actions-menu {
  background: #850d20;
}

.admin-menu .actions-menu a {
  color: #fff;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.admin-menu .actions-menu a:hover {
  background-color: #b3122b;
}

.admin-menu .actions-menu.drag-menu {
  background-color: #cacac8;
}

.admin-menu .actions-menu.drag-menu a {
  color: #850d20;
}

.ui-sortable .drag-header h3,
.ui-sortable .drag-header a {
  color: #fff;
}

/* PREFERENCES */
.preferencesPanel .modalButtons input[name*="cancel"] {
  margin-left: 0;
}

/* PAGE ACCESS */
.pageAccess .permissionsTitle {
  color: #4b4b48;
}

.pageAccess .subTitle {
  color: #989894;
}

.pageAccess .pa-roleContentMenu {
  border: 1px solid #a4a4a1;
}

.pageAccess .pa-roleContentMenu .selected .pointer {
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  border-left: 16px solid #008700;
}

.pageAccess .pa-roleContentMenu .selected .pointerBorder {
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 18px solid #015701;
}

.pageAccess .pa-roleContentMenu li.heading {
  background-color: #cacac8;
  border-bottom: 1px solid #b1b1ae;
}

.pageAccess .pa-roleContentMenu li a {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #cacac8;
  color: #000;
}

.pageAccess .pa-roleContentMenu li a.allowedButton {
  background: url("./images/portlet-images/icon/tick.png") 8px 10px no-repeat #f4fbd3;
}

.pageAccess .pa-roleContentMenu li a.allowedButton:hover {
  background-color: #5cb85c;
}

.pageAccess .pa-roleContentMenu li a.allowedButton.byInheritance {
  background: url("./images/portlet-images/icon/white-tick-16.png") 8px 10px no-repeat #f4fbd3;
}

.pageAccess .pa-roleContentMenu li a.allowedButton.byInheritance:hover {
  background-color: #5cb85c;
}

.pageAccess .pa-roleContentMenu li a.allowedButton.selected {
  background-color: #008700;
  border: 2px solid #015701;
  color: white;
  background: url("./images/portlet-images/icon/tick.png") 8px 10px no-repeat #008700;
}

.pageAccess .pa-roleContentMenu li a.allowedButton.byInheritance.selected {
  background: url("./images/portlet-images/icon/white_check.gif") 8px 10px no-repeat #008700;
}

.pageAccess .pa-roleContentMenu li a.notallowedButton {
  background: url("./images/portlet-images/icon/delete.png") 8px 10px no-repeat #fdebee;
}

.pageAccess .pa-roleContentMenu li a.notallowedButton:hover {
  background-color: #d9534f;
}

.pageAccess .pa-roleContentMenu li a.notallowedButton.selected {
  background-color: #464646;
  border: 2px solid #790000;
  color: white;
  background: url("./images/portlet-images/icon/delete.png") 8px 10px no-repeat #464646;
}

.pageAccess .pa-roleContentMenu li a.notallowedButton.selected .pointer {
  border-left: 16px solid #464646;
}

.pageAccess .pa-roleContentMenu li a.notallowedButton.selected .pointerBorder {
  border-left: 18px solid #790000;
}

.pageAccess .pageAccessTitle.cantAccess {
  background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 4px;
}

.pageAccess .pageAccessTitle.byInheritanceAccess {
  background: url("./images/portlet-images/icon/white_check_large.gif") no-repeat scroll 8px 0;
}

.pageAccess .accessActions {
  background-color: #e6e6e6;
  border: 1px solid #cacac8;
}

.pageAccess .accessActions.adminPanel header {
  font-size: 1.3em;
}

.pageAccess .accessActions.adminPanel a {
  color: blue;
}

.pageAccess .accessActions.adminPanel .exclamation {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0;
}

.pageAccess .accessActions.canAccess {
  background-color: #f4fbd3;
}

.pageAccess .accessActions.noSelection {
  background-color: #E2E2E2;
}

.pageAccess .accessActions.noSelection .warning {
  background: url("./images/portlet-images/icon/alert.png") no-repeat scroll 8px 0 #E2E2E2;
}

.pageAccess .accessActions.noSelection .pointer {
  border-bottom: 16px solid rgba(0, 0, 0, 0);
  border-right: 16px solid #E2E2E2;
  border-top: 16px solid rgba(0, 0, 0, 0);
}

.pageAccess .accessActions .pageAccessActionTitle.disable {
  border-top: #000 1px dashed;
}

.pageAccess .portletActions li a.portletAction.enabled {
  background: url("./images/portlet-images/icon/tick.png") no-repeat scroll 8px 0 #f4fbd3;
  color: #000;
  border-radius: 3px;
}

.pageAccess .portletActions li a.portletAction.disabled {
  background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 0 #f4fbd3;
  border-radius: 3px;
}

.pageAccess .roleManager .roleOptions .addPeople-link.hasMembers a {
  background-color: #fff;
}

.pageAccess .roleManager .roleOptions .addPeople-link a {
  color: #083c57;
  background-color: #eff9fd;
  border: 1px solid #083c57;
}

.pageAccess .roleManager .expandAll {
  color: #000;
}

.pageAccess .pageAccessRoleMenu .AddRoleContainer a {
  text-decoration: underline;
}

.pageAccess .pageActions .ChangePermissions {
  color: #0000c4;
}

.pageAccess a.pageAction,
.pageAccess a.permissionChangeOfRoleForPage,
.pageAccess a.permissionChangeOfRoleForPage.disable&gt;span {
  color: #0000C4;
}

.pageAccess a.pageAction.enable,
.pageAccess a.permissionChangeOfRoleForPage.enable {
  background-color: #f0ffd9;
  border: 1px solid green;
  background: url("./images/portlet-images/icon/enable.png") no-repeat scroll 0px 10px #F0FFD9;
  color: green;
}

.pageAccess a.pageAction.disable {
  background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 2px #FFFEE0;
  border: 1px solid #790000;
}

.pageAccess a.permissionChangeOfRoleForPage.disable {
  background: url("./images/portlet-images/icon/delete22x22.png") no-repeat scroll 8px 5px #FFFEE0;
  border: 1px solid #790000;
}

.pageAccess a.permissionChangeOfRoleForPage.disable&gt;span {
  color: #790000;
}

.pageAccess .portletAccessDescription.exclamation {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 0px 0 transparent;
}

/* PAGE OPTIONS */
.pageOptionsPanel .homePage a[id*="defaultLayoutLink"] {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  width: 200px;
}

.pageOptionsPanel .actions .deletePage {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  width: 150px;
}

.pageOptionsPanel .actions .deletePage.disabled {
  cursor: not-allowed;
}

.pageOptionsPanel .layout {
  background: url("./images/admin/pageLayout.png") 0 0 no-repeat;
}

.pageOptionsPanel .layout.multiPorltet a {
  color: #000;
}

.pageOptionsPanel .PageOptionsHeader .description a {
  color: #0d5c85;
}

.pageOptionsPanel .pageRenaming .content .validator {
  color: red;
}

.pageOptionsPanel .pageRenaming .outsidePortal {
  color: #0d5c85;
}

.PageOptionsPopup {
  border: none;
  border-radius: 10px;
  color: #000;
}

.PageOptionsPopup .ui-dialog-content .header {
  background-color: #fff;
  font-size: 1.6rem;
}

.PageOptionsPopup .ui-dialog-content .link-info {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 #EFEFEF;
}

.PageOptionsPopup .ui-dialog-content a {
  color: #0d5c85;
}

.PageOptionsPopup .ui-dialog-content a:visited {
  color: #0d5c85;
}

.PageOptionsPopup #editPortletPopup .ValidationError {
  color: red;
}

.PageOptionsPopup #editPortletPopup .portletRename input[type="text"].error {
  border-color: red;
}

.PageOptionsPopup #editPortletPopup .deletePortlet {
  text-decoration: none;
}

.PageOptionsPopup #editPortletPopup #diretLinkCollapser {
  color: #000;
}

.PageOptionsPopup #editPortletPopup #closePopupLink {
  text-decoration: none;
}

.PageOptionsPopup #editPortletPopup #closePopupLink:hover {
  text-decoration: underline;
}

.PageOptionsPopup .DeletePagePanel p {
  width: 500px;
}

.PageOptionsPopup .DeletePagePanel .warning-info {
  background: url("./images/admin/Warning.gif") no-repeat scroll 15px 15px #f2dede;
}

.PageOptionsPopup .DeletePagePanel .deleteButtonPanel div {
  background-color: transparent;
  border: none;
}

.PageOptionsPopup .DeletePagePanel #closePopupLink {
  color: #0d5c85;
  text-decoration: none;
}

.PageOptionsPopup .DeletePagePanel #closePopupLink:hover {
  text-decoration: underline;
}

#DeleteShortcutPopup .Content .deletePortlet {
  background-color: #FFFEE0;
  border: 1px solid #790000;
  color: #790000 !important;
}

.rssReaderPage .icon {
  background-image: url(./images/admin/32/feed.png);
}

.contentImportPage .icon {
  background-image: url(./images/admin/32/course_content_import_32.png);
}

.learningToolsPage .icon {
  background-image: url(./images/admin/32/measure.png);
}

.rosterPage .icon {
  background-image: url(./images/admin/32/book_addresses.png);
}

.courseOrganizerPage .icon {
  background-image: url(./images/admin/32/course-organizer-32.png);
}

.chatPage .icon {
  background-image: url(./images/admin/32/user_comment.png);
}

.calendarPage .icon {
  background-image: url(./images/admin/32/calendar.png);
}

.free-formContentPage .icon {
  background-image: url(./images/admin/32/course_content_import_32.png);
}

.gradebookPage .icon {
  background-image: url(./images/admin/32/gradebook_32.png);
}

.attendancePage .icon {
  background-image: url(./images/admin/32/attendance_32.png);
}

.courseWorkPage .icon {
  background-image: url(./images/admin/32/coursework_32.png);
}

.handoutsPage .icon {
  background-image: url(./images/admin/32/handouts_32.png);
}

.blogPage .icon {
  background-image: url(./images/admin/32/blogs_news_32.png);
}

.formsPage .icon {
  background-image: url(./images/admin/32/forms_32.png);
}

.bookmarksPage .icon {
  background-image: url(./images/admin/32/bookmarks_32.png);
}

.forumsPage .icon {
  background-image: url(./images/admin/32/forums_32.png);
}

.courseInfoPage .icon {
  background-image: url(./images/admin/32/course-info-32.png);
}

.readingsPage .icon {
  background-image: url(./images/admin/32/readings_32.png);
}

.onlineMeetingPage .icon {
  background-image: url(./images/admin/32/meeting-32.png);
}

/*
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
.drag-list.empty-List {
  background-color: #cacac8;
}

.portlet.drag-Content {
  border: 2px dashed #ACACAC;
}

#DeleteShortcutPopup .Content .sharedFrom a {
  color: black;
}

#DeleteShortcutPopup .Content .deletePortlet.notActive,
.DeletePagePanel .deleteButtonPanel .deletePortlet.notActive {
  color: gray !important;
}

#AccessiblityPopup .Content li .downButton .icon {
  background: transparent url(./images/portlet-images/icon/arrow_down.gif) 0 0 no-repeat;
}

#AccessiblityPopup .Content li .upButton .icon {
  background: transparent url(./images/portlet-images/icon/arrow_up.gif) 0 0 no-repeat;
}

#AccessiblityPopup .optionContainer span {
  background: url("./images/admin/accessbility-icons.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.settings-wrapper.inner-settings-wrapper .modalPopup,
.preferencesPanel.inner-settings-wrapper .modalPopup,
.pageAccessPanel .inner-settings-wrapper .modalPopup,
.pageOptionsPanel .inner-settings-wrapper .modalPopup {
  background-color: #BABABA;
}

.settings-wrapper .modalDiv,
.preferencesPanel .modalDiv,
.pageAccessPanel .inner-settings-wrapper .modalDiv {
  border: 1px solid black;
  background-color: #FFF;
}

.settings-wrapper .modalHeadingImg,
.preferencesPanel .modalHeadingImg,
.pageAccessPanel .inner-settings-wrapper .modalHeadingImg,
.pageOptionsPanel .inner-settings-wrapper .modalHeadingImg,
.ui-dialog-content .modalHeadingImg {
  background-image: url("./images/admin/16/close-popup.png");
}

.settings-wrapper .modalHeading .icon,
.preferencesPanel .modalHeading .icon {
  background-image: url("./images/admin/16/cog_edit.png");
}

.settings-wrapper .inner-settings-wrapper .modalHeading,
.preferencesPanel .inner-settings-wrapper .modalHeading {
  background-color: white;
}

.settings-wrapper .inner-settings-wrapper .inner-settings-wrapper,
.preferencesPanel .inner-settings-wrapper .inner-settings-wrapper {
  background-color: #EFEFEF;
  border: 1px solid #B2B2B2;
}

.settings-wrapper .inner-settings-wrapper div.modalButtons,
.preferencesPanel .inner-settings-wrapper div.modalButtons,
#AccessiblityPopup div.modalButtons {
  background-color: #EFEFEF;
}

.settings-wrapper .portletSelection,
.preferencesPanel .portletSelection {
  border: 1px solid #479997;
  background-color: #f0f6ff;
}

.no-operations.info .icon {
  background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 transparent;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
  color: #000;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
  color: black;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly {
  border: 1px solid #015627;
  background-color: #f0ffd9;
}

.PageLayoutPanel .custom-layout .pre-title {
  color: #000;
}

.PageLayoutPanel .custom-layout input[type='submit'] {
  color: white;
  background-color: #002057;
  border: 1px solid #00164f;
}

.PageLayoutPanel .availableLayout.one_column.readonly {
  border: 1px solid #003663;
  background-color: #e5eefe;
}

.PageLayoutPanel a.availableLayout .description {
  color: black;
}

.PageLayoutPanel .header {
  background-color: white;
}

.PageLayoutPanel .description a {
  color: #265B8C;
}

.PageLayoutPanel .backButton {
  color: #265B8C;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
  color: #000;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
  color: black;
}

.portletAccessDescription {
  color: #000;
}

.MainGroupListings .footer {
  background: none repeat scroll 0 0 transparent;
  color: #000;
}

.MainGroupListings .header,
.AddPageHeader .header {
  background: none repeat scroll 0 0 transparent;
}

.pageDescript {
  color: #636363;
}

ul.PageGroupListView h2 {
  color: #004a80;
}

ul.PageGroupListView .pageDescript {
  color: #636363;
}

a.availablePage,
a.unavailablePage,
a.availableLayout {
  border: 1px solid transparent;
}

a.availablePage:hover,
a.availableLayout:hover {
  border: 1px solid #003663;
  background-color: #e5eefe;
}

.availablePage h2,
a.availableLayout h2 {
  color: black;
}

.availablePage:hover h2 a.availableLayout:hover h2 {
  color: blue;
}

.unavailablePage .pageType {
  color: #636363;
}

.moreOptionsPanel .optionsHeader {
  border-top: 1px dashed #b5b5b5;
  color: #000;
}

.ExpandablePanel {
  color: #000;
}

.MetaControl {
  color: Black;
}

.SubTable_Footer.ValidationError {
  color: Red;
}

.rePositionItem {
  background-color: #FFFFFF !important;
}

.rePositionItem&gt;.portlet&gt;.dragBar {
  background-color: #DEDEDE;
}

.rePositionItem&gt;.portlet&gt;.dragBar p {
  background-color: transparent;
}

.rePositionItem&gt;.portlet&gt;.dragBar p {
  background: url("./images/admin/16/DragDrop.png") no-repeat scroll 8px 5px;
}

.rePositionItem .drag-header {
  background-color: #265B8C;
}

.drag-disable {
  opacity: 0.1;
}

.success {
  color: #5cb85c;
}

.DialogWindow_OuterFrame {
  border: 1px solid black;
  background-color: White;
}

.DialogWindow_InnerFrame {
  border: 1px solid gray;
}

.DialogWindow_Title {
  background-color: #E2E2E2;
  color: Black;
}

.DialogWindow_Background {
  background-color: #DDDDDD;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}

.AsPopupView .selectUser .peoplechooser .pc-action .pc-more {
  color: #265B8C;
}

.AsPopupView .selectUser .peoplechooser .pc-action .pc-prev {
  color: #265B8C;
}

.AsPopupView .selectUser .peoplechooser .pc-action .pc-removeAll {
  color: #265B8C;
}

.AsPopupView .selectUser .peoplechooser.pc-full .pc-filter span {
  color: #888888;
}

.AsPopupView .selectRole .info .title,
.AsPopupView .selectUser .info .title {
  color: #909090;
}

.AsPopupView .selectRole .info .description,
.AsPopupView .selectUser .info .description {
  color: #909090;
}

.AsPopupView .selectRole .saveContainer .save,
.AsPopupView .selectUser .saveContainer .save {
  background-color: #265B8C;
  color: white;
  border: 1px solid #266a8c;
}

.AsPopupView .selectRole .saveContainer .cancel,
.AsPopupView .selectUser .saveContainer .cancel {
  color: #265B8C;
}

.roleManager .saveContainer .save {
  background-color: #265B8C;
  color: white;
  border: 1px solid #266a8c;
}

.roleManager&gt;.saveContainer .cancel {
  color: #265B8C;
}

.context-manager.roles-list .role-link.selected-role {
  background-color: #850d20;
}

.context-manager.roles-list .role-link.selected-role a {
  color: #fff;
}

.context-manager.roles-list .role-link.admin {
  background-color: #70850d;
}

.context-manager.roles-list .role-link.admin a {
  color: #fff;
}

.context-manager.roles-list li {
  border: 1px solid #CCCCCC;
  background-color: #F5F5F5;
}

/* FOOTER */
footer .footer-links a {
  color: #000;
}

footer .footer-links a:hover {
  color: #850d20;
  text-decoration: underline;
}

#copyright {
  display: none !important;
}

#TargetedMessage {
  background-color: #fff;
  margin-top: -190px;
  margin-bottom: 80px;
  position: initial;
}

/* Portlets */


#pg0_V_lnkbCourseTextBooks {
	display: none;
}

.portlet.pt_CustomContentPortlet .pSection.ccSection img {
  width: 97%;
  max-width: 400px;
}

.pt_SimpleQuery table.dataTable {
  width: 100% !important;
}

.pt_SimpleQuery .pagination li.ui-state-default {
  border: none;
}

.handouts-order-container .display-order input {
  padding: 1px;
}

.wysiwygtext .logged-in-links li {
  list-style-type: none !important;
  margin-bottom: 170px;
  font-weight: bold;
  font-size: 1.7rem;
}

.wysiwygtext .logged-in-links li a {
  text-decoration: underline;
}

.wysiwygtext .logged-in-links .dropdown-menu,
.wysiwygtext .logged-in-links .dropdown-menu li {
  margin: 0;
}

.wysiwygtext .logged-in-links .dropdown-menu li {
  font-size: 1.6rem;
  margin: 5px 0;
}

.wysiwygtext .logged-in-links .dropdown-menu li a {
  color: #790000;
  text-decoration: none;
}

.wysiwygtext .logged-in-links .dropdown-menu li a:hover {
  text-decoration: underline;
}

.FormFlow .jcf-label-group label .jcf-req-indicator {
  padding-top: 8px;
}

.FormFlow .glyphicon-ok.jcf-tab-complete {
  color: limegreen;
}

.FormFlow .text-char-count {
  border-radius: 5px;
  padding: 0.5px 5px;
}

.RequisitionsAndOrders label {
  font-weight: bold;
}

.RequisitionsAndOrders div[id*="pnlUpload"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_agentRequesterSearchModal"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_vendorSearchModal"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_approvalTrackModal"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_RequestingForSearchModal"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_feedbackView__feedbackEditor__divFeedbackModal"],
.RequisitionsAndOrders div[id*="RequestSummaryArea_feedbackView__feedbackFileUploader__divFeedbackModal"] {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.RequisitionsAndOrders .req-summary-area .ROHeaderText,
.RequisitionsAndOrders .req-item-area .ROHeaderText {
  font-weight: bold;
}

#Form1 {
  background-color: #fff;
  height: 100%;
  margin: 0;
  padding: 5px;
}

/*=============================================================================
    MEDIA QUERIES
=============================================================================*/
/* Small Screens */
@media screen and (min-width: 280px) and (max-width: 780px) {

  /* Header */
  #masthead a h1 {
    font-size: 5rem;
  }

  #siteNavBar_loginToggle {
    margin-left: 15px;
  }

  .user-image {
    margin-top: 2px;
  }

  #quickLinks .nav .nav-item .nav-link {
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
  }

  .input-group-addon.glyphicons.glyphicons-user::before {
    margin-left: -7px;
  }

  .input-group-addon.glyphicons.glyphicons-asterisk::before {
    margin-left: -7px;
  }

  #user-login-section {
    max-width: 100% !important;
    position: fixed !important;
  }

  .popover-content {
    margin-top: 25px;
  }

  #siteNavBar_searchBox_searchPanel {
    position: relative;
    right: 0%;
  }

  #search-section {
    top: -75px;
    margin-right: -35px;
  }
  #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink {
    color: #ffffff;
  }
}

/* Medium Screens */

@media screen and (min-width: 781px) and (max-width: 1025px) {
	  #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink {
    color: #ffffff;
  }
}

@media screen and (min-width: 781px) and (min-width: 1026px) {

  /* Base */
  body {
    font-size: 1.6rem;
  }

  /* Main Layout */
  #mainLayout {
    margin-top: -55px;
  }

  /* Header */
  #masthead {
    padding-left: 2%;
  }

  /* #masthead a:hover {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #850d20; } */
  #masthead a h1 {
    font-size: 6rem;
  }

  /* Main Crumbs */
  .main-crumbs {
    top: -60px;
  }

  #siteNavBar_loginToggle {
    margin-right: 65px;
    height: 96%;
    margin-top: 5px;
    width: 9.8%;
    padding-right: 10px;
  }

  #siteNavBar_loginToggle .icon-user-icon {
    position: relative;
    margin-left: 0px;
  }

  /* Main Layout */
  #mainLayout {
    margin-top: -42px;
  }

  /* Header */
  #masthead {
    padding: 5px 5% 0 10px;
  }

  #masthead a img {
    display: block;
    max-width: 320px;
  }

  #masthead a h1 {
    display: none;
  }

  /* Navigation */
  #top-nav-bar {
    min-height: 47px;
    top: 132px;
  }

  #siteNavBar_searchBox_searchPanel {
    position: relative;
    right: 0%;
  }

  .site-header-container .main-nav-submenu-container .user-login {
    position: absolute;
    display: block;
    width: 568px;
    right: 112px;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    z-index: 5000;
  }

  #top-nav-bar #header-tabs {
    background-color: transparent;
  }

  #top-nav-bar .more-links-div ul,
  #top-nav-bar #main-nav {
    height: auto;
  }

  #top-nav-bar .more-links-div ul li a,
  #top-nav-bar #main-nav li a {
    border: 3px solid transparent;
    color: #fff;
  }

  #top-nav-bar .more-links-div ul li a:hover,
  #top-nav-bar .more-links-div ul li a:focus,
  #top-nav-bar #main-nav li a:hover,
  #top-nav-bar #main-nav li a:focus {
    background-color: #000;
    border-color: #cacac8;
  }

  #top-nav-bar .more-links-div ul .selected a,
  #top-nav-bar #main-nav .selected a {
    border: 3px solid #cacac8;
    background-color: #000;
  }

  #top-nav-bar #siteNavBar_btnLogin {
    background-color: #850d20;
    border-color: #083c57;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 6px 12px;
    width: 70px;
  }

  #top-nav-bar #siteNavBar_btnLogin:hover {
    background-color: #127cb3;
    border-color: #0d5c85;
  }

  #top-nav-bar .more-links-div {
    height: 47px;
    top: 47px;
  }

  #top-nav-bar .more-links-div ul {
    margin-top: 10px;
  }

  #top-nav-bar .more-links-div ul li {
    padding: 0;
  }

  #top-nav-bar .more-links-div ul li a {
    padding: 7px 10px;
  }

  #top-nav-bar .user-btn {
    padding: 1px 12px;
    right: 130px;
  }

  #top-nav-bar .user-btn .glyphicons {
    top: 3px;
  }

  #top-nav-bar .user-login.popover {
    margin-right: 8%;
  }
  



  /* Sidebar */
  .sidebar {
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: -1px 0 3px 0 #bbbbb8 inset;
    box-shadow: -1px 0 3px 0 #bbbbb8 inset;
    left: 0;
    top: 0;
    padding-right: 0 !important;
  }

  .sidebar .slide-menu-right {
    background-color: #cacac8;
    margin-left: 5px;
    overflow: visible;
  }

  .sidebar .slide-menu-right #thisContext .sidebar-link-title a {
    color: #333333;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .sidebar .slide-menu-right #thisContext .navbar-default {
    border: none;
    border-radius: 0;
  }

  .sidebar .slide-menu-right #thisContext .navbar-default #contextPages .current-page a {
    margin-left: -2%;
  }

  .sidebar .slide-menu-right #thisContext .navbar-default #contextPages .current-page a:hover {
    background-color: #cacac8;
  }

  .sidebar .slide-menu-right #thisContext .navbar-default #contextPages #pagePortlets li a:hover {
    background-color: #cacac8;
  }

  .sidebar .slide-menu-right #thisContext .navbar-default #contextPages .sidebar-link-title {
    font-weight: bold;
  }

  #siteNavBar_loginToggle {
    margin-right: 65px;
    height: 96%;
    margin-top: 5px;
    width: 3.8%;
    padding-right: 10px;
  }

  #siteNavBar_loginToggle .icon-user-icon {
    position: static;
  }

  #siteNavBar_searchBox_divSideBarContainer {
    position: static;
    top: 0px;
    right: 0;
  }
}

/*** Large Screens ***/
@media screen and (max-width: 1025px) {
  .site-header-container .top-nav-bar {
    height: 47px;
  }

  .site-header-container .top-nav-bar .nav-container .link-scroll.vertical-menu {
    top: 47px !important;
  }

  #siteNavBar_searchBox_searchPanel {
    position: relative;
    right: 0%;
  }

  .user-login.popover.fade.bottom.collapse.in.overlay-z-index {
    top: 67px !important;
  }

  #logout {
    border: 1px solid #ffffff;
  }

  .popover {
    border: none !important;
  }

  .site-header-container .main-nav-btn {
    position: fixed !important;
    margin-top: 30px;
    z-index: 6000 !important;
    background-color: #fff;
    font-size: 30px !important;
  }

  #siteNavBar_welcomeBackBarLoggedOut_ButtonLogin {
    color: #fff;
    background-color: #5e5753;
    border-color: #5e5753;
  }

  #user-login-section {
    position: fixed;
    background-color: rgba(133, 13, 32, 1);
    align-items: center;
    justify-content: center;
  }

  .input-group.init-user-username-section {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .site-header-container .main-nav-submenu-container .user-login .user-name,
  .site-header-container .main-nav-submenu-container .user-login .user-password {
    margin: 0 0 0 0 !important;
  }

  .site-header-container .main-nav-submenu-container .user-login .input-group span {
    left: -5px;
  }

  #user-login-section&gt;div.input-group.init-user-username-section&gt;* {
    border-radius: 5px;
  }

  #user-login-section&gt;div.input-group.init-user-password-section&gt;* {
    border-radius: 5px;
  }

  #siteNavBar_welcomeBackBarLoggedOut_ButtonLogin {
    margin-top: 10px;
  }

  .input-group.init-user-password-section {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .site-header-container .login-btn {
    position: fixed;
    z-index: 7000;
    top: 30px;
    right: 5px;
  }

  #siteNavBar_searchBox_SearchButton {
    position: fixed;
    z-index: 7000;
    top: 30px;
    right: 100px;
    font-size: 25px;
  }

  #siteNavBar_searchBox_divSideBarContainer {
    position: static;
    top: 0px;
    right: 0;
  }

  #siteNavBar_welcomeBackBarLoggedIn_loginToggle {
    position: fixed;
    z-index: 7000 !important;
    top: 30px;
    right: 15px;
    font-size: 25px;
  }

  #siteNavBar_welcomeBackBarLoggedOut_loginToggle {
    font-size: 20px;
  }

  .custom-icon.icon-user-icon.no-profile-image {
    right: 7.5px;
  }

  .site-header-container .search-section {
    top: -50px;
    margin-right: -35px;
  }

  #siteNavBar_welcomeBackBarLoggedIn_SiteManagerLinkText {
    color: #fff;
  }

  #siteNavBar_welcomeBackBarLoggedIn_MyProfileSettingsLinkText {
    color: #fff;
  }

  .popover-content&gt;* {
    color: #fff;
  }

  .site-header-container .main-nav-btn {
    z-index: 6000;
    font-size: 30px;
    top: 0px;
  }

  .slideout-toggle-btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 1026px) and (max-width: 3840px) {

  #siteNavBar_searchBox_divSideBarContainer {
    position: absolute;
    top: -25px;
    right: -5.3%;
  }
  
/* .site-header-container .main-nav-submenu-container .user-login.popover { */
  /* position: sticky; */
  /* margin-top: -20px; */
/* } */

  #welcomeBackBar #siteNavBar_welcomeBackBarLoggedIn_loginToggle ~ #user-login-section{ 
  position: fixed;
  top: 100px;
  left: 83%; 
   } 
}</pre></body></html>