 /* 

    Theme: Liz1

--  All styles are imported into this main stylesheet

*/

 /* 

    Theme: Liz1

--  Master variables file

*/

 /* 

    Theme: Liz1

--  Theme specific styles

*/

 /* 

    Theme: Liz1

--  Button placeholders

--  Using placeholders rather than mixins cuts down on CSS duplication

--  .my-button {@extend %btn-primary;}

--  Create another file to override these styles if needed

*/



 .main-nav-links,
 .top-nav-bar .nav-container .link-scroll .h-menu a,
 .top-nav-bar .more-links-div ul a {
   color: #fff;
   background-color: transparent;
   border: none;
 }

 .main-nav-links:hover,
 .top-nav-bar .nav-container .link-scroll .h-menu a:hover,
 .top-nav-bar .more-links-div ul a:hover {
   color: #6A0A1B;
   background-color: #DEDEDE;
 }

 .sidebar-slide-menu-links,
 .slide-menu-right .navbar li a,
 .slide-menu-right .navbar li #pagePortlets .glyphicons,
 .slide-menu-right .navbar li #pagePortlets .custom-icon,
 .slide-menu-right .navbar li #myPages .glyphicons,
 .slide-menu-right .navbar li #myPages .custom-icon,
 .slide-menu-right .navbar li #myGroups .glyphicons,
 .slide-menu-right .navbar li #myGroups .custom-icon {
   color: #6A0A1B;
   background-color: transparent;
   border: none;
 }

 .sidebar-slide-menu-links:hover,
 .slide-menu-right .navbar li a:hover,
 .slide-menu-right .navbar li #pagePortlets .glyphicons:hover,
 .slide-menu-right .navbar li #pagePortlets .custom-icon:hover,
 .slide-menu-right .navbar li #myPages .glyphicons:hover,
 .slide-menu-right .navbar li #myPages .custom-icon:hover,
 .slide-menu-right .navbar li #myGroups .glyphicons:hover,
 .slide-menu-right .navbar li #myGroups .custom-icon:hover {
   color: #fff;
   background-color: #6A0A1B;
 }

 .dashboard-menu-links li a {
   color: #000;
   background-color: transparent;
   border: none;
   text-decoration: none;
 }

 .dashboard-menu-links li a:hover {
   color: #fff;
   background-color: #6A0A1B;
 }

 .link-secondary {
   color: #3e3e3e;
 }

 .link-secondary:hover {
   color: #3e3e3e;
 }

 .btn-primary {
   color: #fff;
   background-color: #6A0A1B;
   border: none;
 }

 .btn-primary:hover {
   background-color: #6A0A1B;
 }

 .btn-primary:active {
   background-color: #6A0A1B;
   box-shadow: none;
 }

 .btn-primary:active:hover,
 .btn-primary:active:focus {
   background-color: #6A0A1B;
 }

 .btn-primary:focus {
   background-color: #6A0A1B;
 }

 .btn-primary-no-bg {
   color: #fff;
   background-color: transparent;
   border: none;
 }

 .btn-primary-no-bg:hover {
   background-color: transparent;
 }

 .btn-primary-no-bg:active {
   background-color: transparent;
   box-shadow: none;
 }

 .btn-primary-no-bg:active:hover,
 .btn-primary-no-bg:active:focus {
   background-color: transparent;
 }

 .btn-primary-no-bg:focus {
   background-color: transparent;
 }

 .btn-primary-no-bg:hover,
 .btn-primary-no-bg:focus {
   color: #fff;
 }

 .btn-danger {
   color: #fff;
   background-color: #D33A35;
   border: none;
 }

 .btn-danger:hover {
   background-color: #D33A35;
 }

 .btn-danger:active {
   background-color: #D33A35;
   box-shadow: none;
 }

 .btn-danger:active:hover,
 .btn-danger:active:focus {
   background-color: #D33A35;
 }

 .btn-danger:focus {
   background-color: #D33A35;
 }

 .btn-success {
   color: #fff;
   background-color: #417505;
   border: none;
 }

 .btn-success:hover {
   background-color: #417505;
 }

 .btn-success:active {
   background-color: #417505;
   box-shadow: none;
 }

 .btn-success:active:hover,
 .btn-success:active:focus {
   background-color: #417505;
 }

 .btn-success:focus {
   background-color: #417505;
 }

 .btn-danger-toggle {
   color: #fff;
   background-color: #D33A35;
   border: 1px solid #D33A35;
   box-shadow: none;
 }

 .btn-danger-toggle:hover {
   color: #fff;
   background-color: #D33A35;
 }

 .btn-danger-toggle:active {
   background-color: #D33A35;
   box-shadow: none;
 }

 .btn-danger-toggle:active:hover,
 .btn-danger-toggle:active:focus {
   background-color: #D33A35;
 }

 .btn-danger-toggle:focus {
   background-color: #D33A35;
 }

 .btn-success-toggle {
   color: #fff;
   background-color: #417505;
   border: 1px solid #417505;
   box-shadow: none;
 }

 .btn-success-toggle:hover {
   color: #fff;
   background-color: #417505;
 }

 .btn-success-toggle:active {
   background-color: #417505;
   box-shadow: none;
 }

 .btn-success-toggle:active:hover,
 .btn-success-toggle:active:focus {
   background-color: #417505;
 }

 .btn-success-toggle:focus {
   background-color: #417505;
 }

 .btn-alternate-one {
   color: #fff;
   background-color: #6b6b6b;
   border: 1px solid #6b6b6b;
 }

 .btn-alternate-one:hover,
 .btn-alternate-one:focus {
   color: #fff;
   box-shadow: none;
 }

 .btn-alternate-two {
   color: #000;
   background-color: #fff;
   border: 1px solid #6b6b6b;
 }

 .btn-alternate-two:hover,
 .btn-alternate-two:focus {
   color: #000;
   box-shadow: none;
 }

 .btn-primary-jquery-ui-override {
   font-family: Open Sans !important;
   color: #fff !important;
   background: #265B8C !important;
   border: none !important;
   text-shadow: none !important;
 }

 .btn-primary-jquery-ui-override:hover {
   background-color: #265B8C !important;
 }

 .btn-primary-jquery-ui-override:active {
   background-color: #265B8C !important;
   box-shadow: none !important;
 }

 .btn-primary-jquery-ui-override:active:hover,
 .btn-primary-jquery-ui-override:active:focus {
   background-color: #265B8C !important;
 }

 .btn-primary-jquery-ui-override:focus {
   background-color: #265B8C !important;
 }

 .btn-danger-jquery-ui-override {
   font-family: Open Sans !important;
   color: #fff !important;
   background: #D33A35 !important;
   border: none !important;
   text-shadow: none !important;
 }

 .btn-danger-jquery-ui-override:hover {
   background-color: #D33A35 !important;
 }

 .btn-danger-jquery-ui-override:active {
   background-color: #D33A35 !important;
   box-shadow: none !important;
 }

 .btn-danger-jquery-ui-override:active:hover,
 .btn-danger-jquery-ui-override:active:focus {
   background-color: #D33A35 !important;
 }

 .btn-danger-jquery-ui-override:focus {
   background-color: #D33A35 !important;
 }

 .link-btn {
   color: #6A0A1B;
   background: none;
   border: none;
 }

 .link-btn-jquery-ui-btn-override {
   font-family: Open Sans !important;
   color: #265B8C !important;
   text-decoration: underline !important;
   background: none !important;
   border: none !important;
   text-shadow: none !important;
 }

 a.disabled {
   color: #575757;
 }

 /* 
    Theme: Gary
--  Base colors
--  Create another file to override these styles if needed
*/
 .primary {
   color: #6A0A1B;
 }

 .color-content-one {
   color: #fff;
 }

 .color-content-two {
   color: #000;
 }

 .warning-content {
   color: #fffde5;
 }

 .secondary-content {
   color: #DEDEDE;
 }

 .secondary-alternate-content-one {
   color: #5f5f5f;
 }

 .danger {
   color: #D33A35;
 }

 .error {
   color: #D33A35;
 }

 .success {
   color: #417505;
 }

 .feedback {
   color: #6A0A1B;
 }

 .danger-alternate-content-one {
   color: #af2a26;
 }

 .body-text {
   color: #575757;
 }

 .body-text-alternate-one {
   color: #bdbdbd;
 }

 .disabled-link {
   color: #5f5f5f;
 }

 .color-background-one {
   background-color: #fff;
 }

 .color-background-two {
   background-color: #000;
 }

 .primary-background {
   background-color: #6A0A1B;
 }

 .primary-alternate-background-one {
   background-color: #ebf2f9;
 }

 .primary-alternate-background-two {
   background-color: rgba(38, 91, 140, 0.18);
 }

 .secondary-alternate-background-one {
   background-color: whitesmoke;
 }

 .secondary-alternate-background-two {
   background-color: #d9d9d9;
 }

 .secondary-background {
   background-color: #DEDEDE;
 }

 .secondary-alternate-background-three {
   background-color: #ababab;
 }

 .secondary-alternate-background-four {
   background-color: #6b6b6b;
 }

 .warning-background {
   background-color: #fffde5;
 }

 .success-background {
   background-color: #77d709;
 }

 .transparent-background-desktop {
   background-color: transparent;
 }

 .default-border {
   border-color: #DEDEDE;
 }

 .default-top-border {
   border-top-color: #DEDEDE;
 }

 .default-right-border {
   border-right-color: #DEDEDE;
 }

 .default-bottom-border {
   border-bottom-color: #DEDEDE;
 }

 .default-left-border {
   border-left-color: #DEDEDE;
 }

 .default-border-alternate-one {
   border-color: #ababab;
 }

 .default-top-border-alternate-one {
   border-top-color: #ababab;
 }

 .default-right-border-alternate-one {
   border-right-color: #ababab;
 }

 .default-bottom-border-alternate-one {
   border-bottom-color: #ababab;
 }

 .default-left-border-alternate-one {
   border-left-color: #ababab;
 }

 .warning-border {
   border-color: #fffde5;
 }

 .warning-alternate-border-one {
   border-color: #e5d300;
 }

 .transparent-border {
   border-color: transparent;
 }

 /* 
    Theme: Gary
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
 @media screen and (max-width: 1025px) {
   .portlet-style-override .primary-hover-state {
     color: inherit;
   }

   .portlet-style-override .primary-hover-state:hover {
     color: #fff;
     background-color: #6A0A1B;
   }

   .portlet-style-override .color-background-one.override-hover-state {
     color: #fff;
     background-color: #6A0A1B;
   }

   .portlet-style-override .color-background-one.override-hover-state:hover {
     color: #fff;
     background-color: #6A0A1B;
   }

   .secondary-alternate-background-mobile-one {
     background-color: whitesmoke;
   }
 }

 /* 
    Theme: Gary
--  Button color specific styles
--  Create another file to override these styles if needed
*/
 .dashboard-menu-links li a.active-content-color {
   color: #fff;
 }

 .btn-border {
   border: 1px solid #ababab;
 }

 /* 
    Theme: Gary
--  Base colors specific styles
--  Create another file to override these styles if needed
*/
 body {
   font-family: Open Sans;
   font-size: 14px;
   color: #575757;
   background: #fff;
 }

 a {
   color: #6A0A1B;
 }

 a:hover,
 a:focus {
   color: #6A0A1B;
 }

 a.success {
   color: #417505;
 }

 a.success:hover,
 a.success:focus {
   color: #417505;
 }

 .feedbackError {
   color: #D33A35;
 }

 .pagination>.active>a,
 .pagination>.active>a:focus,
 .pagination>.active>a:hover,
 .pagination>.active>span,
 .pagination>.active>span:focus,
 .pagination>.active>span:hover {
   background-color: #6A0A1B;
 }

 .choose-file {
   color: #fff;
   background-color: #6A0A1B;
 }

 .error-message {
   color: #D33A35;
   background: #fff;
   border: 1px solid #DEDEDE;
 }

 .page-title-btn {
   background-color: #6A0A1B;
 }

 .footer-wrapper {
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #ababab;
 }

 h5 {
   border-bottom: solid 1px #999999;
 }

 /* 
    Theme: Gary
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
 @media screen and (max-width: 1025px) {
   .portlet-style-override .primary-hover-state {
     color: inherit;
   }

   .portlet-style-override .primary-hover-state:hover {
     color: #fff;
     background-color: #6A0A1B;
   }

   .portlet-style-override .color-background-one.override-hover-state {
     color: #fff;
     background-color: #6A0A1B;
   }

   .portlet-style-override .color-background-one.override-hover-state:hover {
     color: #fff;
     background-color: #6A0A1B;
   }

   .secondary-alternate-background-mobile-one {
     background-color: whitesmoke;
   }
 }

 /* 
    Theme: Gary
--  Portlet color specific styles
--  Create another file to override these styles if needed
*/
 .portlet-grid .portlet-header-bar {
   background: #6A0A1B;
 }

 .portlet-grid .portlet-header-bar h3,
 .portlet-grid .portlet-header-bar a {
   color: #fff;
 }

 .portlet-grid .portlet {
   border: 1px solid #DEDEDE;
 }

 .portlet-grid .singlePortlet {
   border: none;
 }

 .portlet-grid .alt {
   background: #d6d6d6;
 }

 .portlet.pageSettings,
 .portlet.pageOptions,
 .portlet.pageLayouts,
 .portlet.page-access {
   background-color: white;
 }

 .settings-wrapper .inner-settings-wrapper .innerModal .portlet,
 .preferencesPanel .inner-settings-wrapper .innerModal .portlet {
   background-color: white !important;
 }

 .portletnavtabs {
   background: #D4D4D4;
   border-bottom-color: #A5A5A5;
 }

 .portletSectionJump {
   background: #D4D4D4;
   border-left-color: white;
 }

 .portletSectionJump dd {
   border-right-color: #fff;
 }

 .portletSectionJump dd.selected {
   border-color: #A5A5A5;
   background: #fff;
 }

 .portletSectionJump dd a,
 .portletSectionJump dd a:link,
 .portletSectionJump dd a:visited {
   color: #456C91;
   background: #D4D4D4;
 }

 .portletSectionJump dd.selected a,
 .portletSectionJump dd.selected a:link,
 .portletSectionJump dd.selected a:visited {
   background: #fff;
   color: #000;
 }

 .portletSectionJump dd a:hover {
   background: #E1E1E1;
   color: #003A70;
 }

 .portletSectionJump dd.selected a:hover {
   background: #fff;
 }

 div.tabGroup ul.tabHeaders li.selected a,
 div.tabGroup ul.tabHeaders li.selected a:link,
 div.tabGroup ul.tabHeaders li.selected a:visited,
 div.tabGroup ul.tabHeaders li.selected a:hover {
   background: #fff;
 }

 div.tabGroup ul.tabHeaders a.selected,
 div.tabGroup ul.tabHeaders a.selected:link,
 div.tabGroup ul.tabHeaders a.selected:visited,
 div.tabGroup ul.tabHeaders a.selected:hover {
   background: #fff;
 }

 .pa-roleContentMenu li a.allowedButton.selected {
   background-color: #FCFFFA;
   border: 1px solid #417505;
   color: #417505;
 }

 .pa-roleContentMenu li a.allowedButton.byInheritance.selected {
   background: url("./images/portlet-images/icon/white_check.gif") 8px 10px no-repeat #008700;
 }

 .pa-roleContentMenu li a.notallowedButton.selected {
   background-color: #FEFAFA;
   border: 1px solid #D33A35;
   color: #D33A35;
 }

 .pa-roleContentMenu li a.notallowedButton.selected .pointer {
   border-left: 16px solid #FEFAFA;
 }

 .pa-roleContentMenu li a.notallowedButton.selected .pointerBorder {
   border-left: 17px solid #D33A35;
 }

 .selected .pointer {
   border-bottom: 16px solid transparent;
   border-top: 16px solid transparent;
   border-left: 16px solid #FCFFFA;
 }

 .selected .pointerBorder {
   border-bottom: 17px solid transparent;
   border-top: 17px solid transparent;
   border-left: 17px solid #417505;
 }

 .availablePage:hover .hoverHint,
 a.availableLayout:hover .hoverHint,
 .PageLayoutPanel .availableLayout.selected .hoverHint {
   color: #575757;
 }

 .PageLayoutPanel .availableLayout.selected {
   Border: 1px solid #015627;
   background-color: #f0ffd9;
   cursor: none;
 }

 .buttonBar {
   background-color: #ddd;
 }

 .buttonBarCentered {
   background-color: #ddd;
 }

 .buttonBarCenteredVer2 {
   background-color: #bacddb;
 }

 .buttonBarCenteredVer2 input {
   padding: 3px 15px;
 }

 .buttonBarCenteredVer2 input.enhanced {
   font-weight: bold;
 }

 .groupedGrid {
   border-bottom: solid 1px #ddd;
   background: #cdcdcd;
 }

 .groupedGrid thead,
 .groupedGrid .ghead {
   background: #cdcdcd;
   font-weight: bold;
 }

 .groupedGrid thead tbody {
   background: #cdcdcd;
 }

 .groupedGrid th {
   background: #ddd;
 }

 .groupedGrid tfoot,
 .subheader,
 .subfooter {
   background: #ddd;
 }

 .groupedGrid tfoot tbody {
   background: #dddddd;
 }

 .groupedGrid_VerticalHeader {
   background: #ddd;
 }

 .groupedGrid tr.subGroup td {
   font-weight: bold;
   border-bottom: solid 0px #000;
 }

 .groupedGrid tr.subItem td {
   border-top: dashed 1px #cdcdcd;
 }

 .groupedGrid th a,
 .groupedGrid th a:link,
 .groupedGrid th a:visited {
   color: #000;
 }

 .groupedGrid th a:hover {
   color: #666;
 }

 .groupedGrid tbody {
   background: #fff;
 }

 .groupedGrid tbody tr td.highlight {
   background: #DAE3F2;
 }

 .groupedGrid tbody tr.alt td.highlight {
   background: #C4D2EA;
 }

 .groupedGrid tbody tr.highlight {
   background: #cedbe9;
 }

 .groupedGrid tbody tr.althighlight {
   background: #F1EFBE;
 }

 .groupedGrid tbody tr td.alt {
   background: #e5e5e5;
 }

 .groupedGrid tbody tr.alt td.alt {
   background: #d6d6d6;
 }

 .groupedGrid thead tr th.highlight {
   background: #000;
   color: #fff;
 }

 .groupedGrid .error {
   color: red;
 }

 .groupedGrid .disable {
   color: #666;
 }

 .groupedGrid .disable td input {
   color: #666;
 }

 .groupedGrid .disable td a:link {
   color: #666;
 }

 .groupedGrid .disable td a:visited {
   color: #666;
 }

 .groupedGrid .disable td a:active {
   color: #666;
 }

 .groupedGrid .innerTable {
   background: #cdcdcd;
 }

 .cal img {
   cursor: pointer;
 }

 div.originalDiv {
   border: 1px solid black;
   background-color: white;
 }

 .hint {
   background-color: #ebebeb;
   border: 1px solid #DEDEDE;
 }

 .pToolbar ul {
   border-bottom: 1px solid #ccc;
 }

 /* Styles for Menu Items */
 .pToolbar a,
 .pToolbar a:link,
 .pToolbar a:visited {
   color: #fff;
   background: #4870AC;
   /* IE6 needs this */
 }

 .pToolbar .menu a.hasKids {
   background: #4870AC url(./images/toolbar_rightarrow.gif) center right no-repeat;
 }

 .pToolbar a:hover,
 .pToolbar a.active,
 .pToolbar .pTool a:hover,
 .pToolbar .pTool a.active {
   color: #fff;
   background-color: #3366cc;
 }

 /* End */
 .pToolbar {
   background: #4870AC;
   color: #fff;
   border-top: solid 1px #fff;
 }

 .pToolbar .pTool {
   border-right: solid 1px #fff;
 }

 .pToolbar .menu a,
 .pToolbar .menu a:link,
 .pToolbar .menu a:visited {
   border: 1px solid #ccc;
 }

 .pToolbar li.off a,
 .pToolbar li.off a:link,
 .pToolbar li.off a:visited,
 .pToolbar li.off a:hover,
 .pToolbar li.off a.active,
 .pToolbar .pTool li.off a:hover,
 .pToolbar .pTool li.off a.active {
   background-color: #B8BCC4;
   color: #6E6E6E;
 }

 .cpHeader {
   color: #ffffff;
   background-color: #6699ff;
 }

 .cpBody {
   background-color: #fcfcfc;
 }

 .cpLbl {
   color: #000099;
 }

 .cpTxt {
   color: #006600;
 }

 div.cp div.cpHead {
   background: #ddd;
 }

 .dateRangeEdit div.opt a,
 .dateRangeEdit div.opt a:link,
 .dateRangeEdit div.opt a:visited {
   color: #000;
 }

 .dateRangeEdit div.opt a:hover {
   color: Blue;
 }

 .dateRangeEdit div.opt label:hover {
   color: Blue;
 }

 #AccessiblityPopup .optionContainer span {
   background: url("../Images/accessbility-icons.png") no-repeat scroll left top transparent;
 }

 .contentTabs ul {
   border-bottom: 1px solid #A4A4A4;
 }

 .contentTabs li {
   border: solid 1px #A4A4A4;
   border-bottom: none;
   background: #e1e1e1;
 }

 .contentTabs li.selected {
   border-color: #A4A4A4;
   background: #ffffff;
 }

 div.tabbox {
   border-color: #A4A4A4;
 }

 div.thumbDiv {
   border: 1px solid black;
   padding: 2px;
   float: left;
   z-index: 2;
 }

 div#action {
   border: 1px solid black;
   background-color: #EAEAEA;
 }

 .multiUp table {
   background: #eee;
 }

 .multiUp table thead {
   background: #ccc;
 }

 #tblUserSelector .largehint {
   background-color: #EEEEEE;
   border: 1px solid #888888;
 }

 #tblUserSelector #userSelectorCell .userlistTitleCell {
   background-color: #D5D5D5;
 }

 .error {
   color: #D33A35;
   font-weight: bold;
 }

 .glyphicons.glyphicons-circle-minus.delete-ordered-item {
   color: #D33A35;
 }

 .glyphicon.glyphicon-ok.approve-ordered-item {
   color: #417505;
 }

 .multi-file-upload .header-row {
   background-color: #DEDEDE;
 }

 .MyPagesSetup .glyphicons.glyphicons-circle-arrow-right,
 .MyPagesSetup .glyphicons.glyphicons-circle-arrow-left {
   color: #6A0A1B;
 }

 .RssPortlet .rss-folder {
   color: #6A0A1B;
 }

 .RssPortlet .custom-icon.icon-rss {
   color: #6A0A1B;
 }

 .RssPortlet .categories-and-feed-header-row {
   color: #6A0A1B;
 }

 .RssPortlet .categories-and-feed,
 .RssPortlet .rss-feed-item-alt-row {
   background-color: #EEEEEE;
 }

 .RssPortlet .item-header {
   background-color: #D8D8D8;
 }

 .RssPortlet .category-header {
   color: #000000;
 }

 .forums-portlet .single-post-container .original-post-row a {
   color: #fff;
 }

 .forums-portlet .alternate-post {
   background-color: whitesmoke;
 }

 .forums-portlet .original-post.alternate-post {
   background-color: rgba(38, 91, 140, 0.18);
 }

 .forums-portlet .original-post {
   background-color: rgba(38, 91, 140, 0.18);
 }

 .forums-portlet .unread-post {
   background-color: #eaf9e6;
 }

 .forums-portlet .requires-approval,
 .forums-portlet .original-post.requires-approval,
 .forums-portlet .unread-post.requires-approval,
 .forums-portlet .original-post.unread-post.requires-approval {
   background-color: #fffde5;
 }

 .forums-portlet .secondary-alternate-background-one.original-post-row.primary-background {
   background-color: #6A0A1B;
 }

 /* 
    Theme: Gary
--  Portlet mobile color specific styles
--  Create another file to override these styles if needed
*/
 /* 
    Theme: Gary
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
 .admin-menu .actions-menu {
   background: #6A0A1B;
 }

 .admin-menu .actions-menu a {
   color: #fff;
 }

 .admin-menu .actions-menu.drag-menu {
   background-color: #DEDEDE;
 }

 .admin-menu .actions-menu.drag-menu a {
   color: #6A0A1B;
 }

 .ui-sortable .drag-header h3,
 .ui-sortable .drag-header a {
   color: #fff;
 }

 .drag-list.empty-List {
   background-color: #DEDEDE;
 }

 .portlet.drag-Content {
   border: 2px dashed #ACACAC;
 }

 #editPortletPopup .Content .portletRename input[type="text"].error {
   border: 1px dotted red;
 }

 #editPortletPopup .Content #diretLinkCollapser {
   color: #000;
 }

 #DeleteShortcutPopup .Content .sharedFrom a {
   color: black;
 }

 #DeleteShortcutPopup .Content .deletePortlet.notActive,
 .DeletePagePanel .deleteButtonPanel .deletePortlet.notActive {
   color: gray !important;
 }

 .DeletePagePanel .header {
   background-color: #EFEFEF;
 }

 .DeletePagePanel .warning-info {
   background: url("./images/admin/Warning.gif") no-repeat scroll 15px 15px #FFFEE0;
 }

 .DeletePagePanel .deleteButtonPanel div {
   background-color: #FFDADA;
   border: 1px solid #8B2323;
 }

 .DeletePagePanel .deleteButtonPanel div a {
   background-color: #FFFFFF;
   border: 1px solid black;
 }

 #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 transparent;
 }

 .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,
 .PageOptionsPopup .ui-dialog-content a:link,
 .PageOptionsPopup .ui-dialog-content a:visited {
   color: #003663;
 }

 .PageOptionsPopup .ui-dialog-content .pheader {
   background-color: #EFEFEF;
 }

 #directLinkPopup,
 #deletePagePopup,
 #editPortletPopup,
 #DeletePortletPopup,
 #DeleteShortcutPopup,
 #AccessiblityPopup {
   background-color: #EFEFEF;
   border: 1px solid gray;
   color: #222222;
 }

 .settings-wrapper .inner-settings-wrapper .innerModal,
 .pageOptionsPanel .innerModal,
 .preferencesPanel .inner-settings-wrapper .innerModal {
   background-color: white !important;
 }

 .settings-wrapper a,
 .preferencesPanel a,
 .pageOptionsPanel .PageOptionsInnerBody a,
 #editPortletPopup .Content a,
 #DeleteShortcutPopup .Content a,
 #closePopupLink {
   color: #003663;
 }

 .settings-wrapper .saveButtonContainer,
 .preferencesPanel .saveButtonContainer,
 #AccessiblityPopup .saveButtonContainer {
   background-color: #D6E2FB;
   border: 1px solid #39527B;
 }

 .settings-wrapper .inner-settings-wrapper .cancelButtonContainer,
 .preferencesPanel .inner-settings-wrapper .cancelButtonContainer,
 #AccessiblityPopup .cancelButtonContainer {
   background-color: #EFEFEF;
   border-top: 1px solid #CACACA;
   border-right: 1px solid #CACACA;
   border-bottom: 1px solid #CACACA;
 }

 .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;
 }

 .allowedButton {
   background-color: #F0FFD0;
 }

 .allowedButton.byInheritance {
   background-color: #F0FFD0;
 }

 .notallowedButton {
   background-color: #eeeeee;
 }

 .PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
   color: #575757;
 }

 .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: #575757;
 }

 .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: #6A0A1B;
 }

 .PageLayoutPanel .backButton {
   color: #6A0A1B;
 }

 .PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
   color: #575757;
 }

 .PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
   color: black;
 }

 .pageAccessPanel .inner-settings-wrapper .innerModal,
 .preferencesPanel .inner-settings-wrapper .innerModal {
   background-color: white;
 }

 .pageAccessPanel .inner-settings-wrapper .topBackButton {
   color: #004A80;
 }

 .pageAccessPanel .backButton,
 .pageOptionsPanel .backButton {
   color: #004a80;
 }

 .pageAccessPanel .roleManager .roleOptions .addPeople-link.hasMembers a {
   background-color: white;
 }

 .pageAccessPanel .roleManager .roleOptions .addPeople-link a {
   color: #254a6f;
   background-color: #ebf4ff;
   border: 1px solid #24716b;
 }

 .pageAccessPanel .roleManager .roleOptions .addOthersRoles-link {
   color: #254a6f;
 }

 .pageAccessPanel .roleManager .expandAll {
   color: black;
 }

 .pageAccessRoleMenu .AddRoleContainer a {
   color: #003663;
 }

 .pageAccessRoleMenu .AddRoleContainer {
   color: #575757;
 }

 .pageAccessRoleMenu .AddRoleContainer.noRoles {
   color: #464646;
 }

 .pa-roleContentMenu {
   border: 1px solid #979797;
 }

 .pa-roleContentMenu li.heading {
   background-color: #D8D8D8;
   border-bottom: 1px solid #979797;
   color: #575757;
 }

 .pa-roleContentMenu li a {
   border-bottom: 1px solid #979797;
   color: #575757;
 }

 .accessActions {
   background-color: #FFFFFF;
   border: 1px solid #979797;
 }

 .accessActions .pageAccessActionTitle.disable {
   border-top: gray 1px dashed;
 }

 .accessActions.adminPanel .exclamation {
   background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 white;
 }

 .accessActions.adminPanel header {
   font-size: 1.3em;
 }

 .accessActions.adminPanel a {
   color: #0000c4;
 }

 .accessActions.adminPanel {
   color: #363636;
 }

 .back-to-members {
   background-color: #0B4981;
   color: white;
 }

 .noSelection {
   border: 1px solid #979797;
   background-color: #EEEEEE;
 }

 .portletAccessDescription {
   color: #575757;
 }

 .portletActions li a.portletAction.enabled {
   background: url("./images/portlet-images/icon/tick.png") no-repeat scroll 8px 0 #FFFFFF;
   color: black;
 }

 .portletActions li a.portletAction.disabled {
   color: #790000;
   background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 0 #ffffff;
 }

 .permissionsTitle {
   color: #464646;
 }

 .permissionsTitle .subTitle {
   color: #898989;
 }

 .pageOptionsPanel .PageOptionsHeader .description a {
   color: #003663;
 }

 .pageOptionsPanel .PageOptionsBody {
   background-color: white !important;
 }

 .pageOptionsPanel .PageOptionsBody .devider,
 #editPortletPopup .devider,
 #DeleteShortcutPopup .devider,
 .PageLayoutPanel .devider {
   border-top: 1px dashed #B5B5B5;
 }

 .pageOptionsPanel .actions .deletePage,
 #editPortletPopup .Content .deletePortlet,
 #DeleteShortcutPopup .Content .deletePortlet {
   background-color: #FFFEE0;
   border: 1px solid #790000;
   color: #790000 !important;
 }

 .pageOptionsPanel .actions .deletePage.disabled {
   color: #575757 !important;
 }

 .pageOptionsPanel .actions .deletePage .disabledDeleteButton {
   color: black;
 }

 .pageOptionsPanel .layout {
   background: url("./images/admin/pageLayout.png") 0 0 no-repeat;
 }

 .pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts div div a {
   color: black !important;
 }

 .pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts a:link {
   color: black !important;
 }

 .pageOptionsPanel .layout.multiPorltet .pagePortlets .portletDisplayName {
   color: black;
 }

 .pageOptionsPanel .PageOptionsInnerBody .pageOptionsLinks .title {
   color: #575757;
 }

 .pageOptionsPanel .pageRenaming .outsidePortal {
   color: #003663;
 }

 .pageOptionsPanel .pageRenaming .content .validator {
   color: red;
 }

 .pageOptionsPanel .pageRenaming .renameButton {
   background-color: #FFFFFF;
   border: 1px solid black;
 }

 .pageOptionsPanel .pageRenaming .renameButton:hover {
   background-color: #D6E2FB;
   border: 1px solid #39527B;
 }

 .pageOptionsPanel .modalHeading {
   background-color: white !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);
 }

 .MainGroupListings .footer {
   background: none repeat scroll 0 0 transparent;
   color: #575757;
 }

 .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;
 }

 .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);
 }

 .moreOptionsPanel .optionsHeader {
   border-top: 1px dashed #b5b5b5;
   color: #575757;
 }

 .ExpandablePanel {
   color: #575757;
 }

 .MetaControl {
   color: Black;
 }

 .SubTable_Footer.ValidationError {
   color: Red;
 }

 .rePositionItem {
   background-color: #FFFFFF !important;
 }

 .rePositionItem>.portlet>.dragBar {
   background-color: #DEDEDE;
 }

 .rePositionItem>.portlet>.dragBar p {
   background-color: transparent;
 }

 .rePositionItem>.portlet>.dragBar p {
   background: url("./images/admin/16/DragDrop.png") no-repeat scroll 8px 5px;
 }

 .rePositionItem .drag-header {
   background-color: #6A0A1B;
 }

 .drag-disable {
   opacity: 0.1;
 }

 .pageActions .ChangePermissions {
   color: #0000c4;
 }

 a.pageAction,
 a.permissionChangeOfRoleForPage,
 a.permissionChangeOfRoleForPage.disable>span {
   color: #0000C4;
 }

 a.pageAction.enable,
 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;
 }

 a.pageAction.disable {
   background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 2px #FFFEE0;
   border: 1px solid #790000;
 }

 a.permissionChangeOfRoleForPage.disable {
   background: url("./images/portlet-images/icon/delete22x22.png") no-repeat scroll 8px 5px #FFFEE0;
   border: 1px solid #790000;
 }

 a.permissionChangeOfRoleForPage.disable>span {
   color: #790000;
 }

 .portletAccessDescription.exclamation {
   background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 0px 0 transparent;
 }

 .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: #6A0A1B;
 }

 .AsPopupView .selectUser .peoplechooser .pc-action .pc-prev {
   color: #6A0A1B;
 }

 .AsPopupView .selectUser .peoplechooser .pc-action .pc-removeAll {
   color: #6A0A1B;
 }

 .AsPopupView .selectUser .peoplechooser.pc-full .pc-filter span {
   color: #575757;
 }

 .AsPopupView .selectRole .info .title,
 .AsPopupView .selectUser .info .title {
   color: #575757;
 }

 .AsPopupView .selectRole .info .description,
 .AsPopupView .selectUser .info .description {
   color: #575757;
 }

 .ui-widget-content a.save {
   color: #fff;
 }

 .ui-widget-content a.cancel {
   color: #6A0A1B;
 }

 .context-manager.roles-list .role-link.selected-role {
   background-color: #6A0A1B;
 }

 .context-manager.roles-list .role-link.selected-role a {
   color: #fff;
 }

 .context-manager.roles-list .role-link.admin {
   background-color: #417505;
 }

 .context-manager.roles-list .role-link.admin a {
   color: #fff;
 }

 .context-manager.roles-list li {
   border: 1px solid #CCCCCC;
   background-color: #F5F5F5;
 }

 /* 
    Theme: Gary
--  Admin mobile color specific styles
--  Create another file to override these styles if needed
*/
 /* 
    Theme: Gary
--  Button color specific styles
--  Create another file to override these styles if needed
*/
 .dashboard-menu-links li a.active-content-color {
   color: #fff;
 }

 .btn-border {
   border: 1px solid #ababab;
 }

 /* 
    Theme: Gary
--  Navbar color specific styles
--  Create another file to override these styles if needed
*/
 .top-nav-bar {
   background-color: #6A0A1B;
 }

 .top-nav-bar .nav-container .link-scroll {
   background: transparent;
 }

 .top-nav-bar .nav-container .user-btn:focus,
 .top-nav-bar .nav-container .search-btn:focus {
   box-shadow: none;
 }

 .top-nav-bar .nav-container .user-btn {
   color: #DEDEDE;
 }

 .top-nav-bar .nav-container .search-btn {
   color: #6A0A1B;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .popover {
   background-color: #fff;
   border: 1px solid #DEDEDE;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
   color: #6A0A1B;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
 .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
   color: #6A0A1B;
   background: none;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:active,
 .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active {
   box-shadow: none;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
   color: #ababab;
   background: #d1d1d1;
 }

 .top-nav-bar .nav-container .main-nav-submenu-container .user-login .forgot-password-link {
   color: #6A0A1B;
 }

 .top-nav-bar .more-links-div {
   background-color: #6A0A1B;
 }

 .main-crumbs {
   color: #6A0A1B;
 }

 #mainCrumbs #emulation {
   color: #575757;
 }

 /* 
    Theme: Gary
--  Navbar mobile color specific styles
--  Create another file to override these styles if needed
*/
 @media screen and (max-width: 1025px) {
   .top-nav-bar .nav-container .link-scroll.vertical-menu {
     background: #fff !important;
   }

   .top-nav-bar .nav-container .link-scroll {
     background: #fff;
   }

   .top-nav-bar .nav-container .link-scroll .h-menu ul a {
     color: #6A0A1B;
   }

   .top-nav-bar .nav-container .link-scroll .h-menu ul a:hover {
     background-color: transparent;
   }

   .top-nav-bar .nav-container .user-btn,
   .top-nav-bar .nav-container .search-btn {
     color: #fff;
   }

   .top-nav-bar .nav-container .login-btn {
     color: #fff;
     background-color: transparent;
   }

   .top-nav-bar .nav-container .login-btn:active,
   .top-nav-bar .nav-container .login-btn:focus {
     outline: none;
     box-shadow: none;
   }

   .top-nav-bar .nav-container .main-nav-submenu-container {
     background: #DEDEDE;
   }

   .top-nav-bar .nav-container .main-nav-submenu-container .popover {
     background-color: transparent;
     border: none;
     box-shadow: none;
   }

   .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover {
     color: #6A0A1B;
   }

   .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
   .top-nav-bar .nav-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
     background-color: #6A0A1B;
     color: #fff;
   }

   .top-nav-bar .nav-container .main-nav-submenu-container .user-login ul .site-manager,
   .top-nav-bar .nav-container .main-nav-submenu-container .user-login ul .account-info {
     color: #6A0A1B;
   }
 }

 /* 
    Theme: Gary
--  Sidebar color specific styles
--  Create another file to override these styles if needed
*/
 .slide-menu-right {
   background-color: #DEDEDE;
 }

 .slide-menu-right .sidebar-link-title {
   color: #6A0A1B;
 }

 .slide-menu-right .sidebar-link-title a {
   color: #6A0A1B;
 }

 .slide-menu-right .navbar {
   background-color: #DEDEDE;
   border: none;
 }

 .slide-menu-right .navbar li #pagePortlets a,
 .slide-menu-right .navbar li #myPages a,
 .slide-menu-right .navbar li #myGroups a {
   color: #fff;
   background-color: #6A0A1B;
 }

 .slide-menu-right .navbar li #pagePortlets a:hover,
 .slide-menu-right .navbar li #myPages a:hover,
 .slide-menu-right .navbar li #myGroups a:hover {
   color: #6A0A1B;
   background-color: #fff;
 }

 .slide-menu-right .navbar .quick-links {
   border-top: 12px solid #fff;
 }

 /* 
    Theme: Gary
--  Sidebar mobile color specific styles
--  Create another file to override these styles if needed
*/
 @media screen and (max-width: 1025px) {
   .slide-menu-right .navbar li {
     border-top: 1px solid #ababab;
   }

   .slide-menu-right .navbar li:last-child {
     border-bottom: 1px solid #ababab;
   }

   .slide-menu-right .navbar li.sub-context-parent {
     border-top: none;
   }

   .slide-menu-right .navbar li.sub-context-parent .sub-contexts li:last-child {
     border-bottom: none;
   }

   .slide-menu-right .navbar .tab-pane {
     border-top: none !important;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns-wrapper {
     border-top: none;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns li {
     border: none;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns li:first-child {
     border-right: 1px solid #ababab;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns li a {
     color: #fff;
     background: #6A0A1B;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns .active a {
     color: #6A0A1B;
     background: transparent;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns .active a:hover {
     color: #fff;
     background-color: #6A0A1B;
   }

   .slide-menu-right .navbar .quick-links {
     border: none !important;
   }

   .slide-menu-btn {
     background-color: #6A0A1B;
     color: #fff;
   }
 }

 /* 
    Theme: Gary
--  Form colors specific styles
--  Create another file to override these styles if needed
*/
 .form-wrapper .form-icon {
   color: #DEDEDE;
 }

 .form-wrapper .custom-form-control {
   color: #5f5f5f;
 }

 legend {
   color: #575757;
 }

 select[disabled] {
   background-color: #DEDEDE;
 }

 .toggle.highlight {
   border-color: #6A0A1B;
 }

 /* 
    Theme: Gary
--  Card color specific styles
--  Create another file to override these styles if needed
*/
 .card-layout .card-set-wrapper {
   border: 1px solid #DEDEDE;
 }

 .card-layout .masonry .card {
   background-color: whitesmoke;
 }

 .card-layout .masonry .card p {
   color: #575757;
 }

 .card-layout .masonry .card .wysiwygtext {
   color: #575757;
 }

 .card-layout .masonry .card a.title {
   color: #6A0A1B;
 }

 .card-layout .masonry .card .btn-primary {
   border-right: 1px solid #fff;
 }

 .card-layout .masonry .card .sub-info {
   color: #575757;
 }

 .card-layout .masonry .leader-highlight {
   background-color: #d9d9d9;
 }

 @media screen and (max-width: 992px) {
   .card-layout .card-set-wrapper {
     border: none;
   }
 }

 /* 
    Theme: Gary
--  Slide menu colors specific styles
--  Create another file to override these styles if needed
*/
 /* 
    Theme: Gary
--  Slide menu mobile colors specific styles
--  Create another file to override these styles if needed
*/
 @media screen and (max-width: 1025px) {
   .slideout-wrapper.closed {
     border-color: transparent;
   }

   .slideout-wrapper.open {
     border-color: #ababab;
     transition: border-color 2s;
   }

   .slideout-wrapper.closed .slideout-body,
   .slideout-wrapper.open .slideout-body {
     background: #f8f8f8;
   }
 }

 /* 
    Theme: Gary
--  Popovers colors specific styles
--  Create another file to override these styles if needed
*/
 .popover {
   font-family: Open Sans;
 }

 /* 
    Theme: Gary
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
 .alert-container.error {
   border-color: #D33A35;
   color: #D33A35;
   background-color: #fefafa;
 }

 .alert-container.success {
   border-color: #417505;
   color: #417505;
   background-color: #fcfffa;
 }

 .alert-container.feedback {
   border-color: #6A0A1B;
   color: #6A0A1B;
   background-color: #f3f7fc;
 }

 .alert-container.warning {
   border-color: #e5d300;
   color: #575757;
   background-color: #fffde5;
 }

 /* 
    Theme: Gary
--  Base layout specific styles
--  Create another file to override these styles if needed
*/

 /* #masthead h1 {
    margin: 0;
    padding: 0 10px; }
    #masthead h1 a {
      background: transparent url(./images/logo.png) no-repeat;
      display: block;
      width: 220px;
      height: 50px;
      background-size: contain; } */

 /* 
    Theme: Gary
--  Base mobile layout specific styles
--  Create another file to override these styles if needed
*/
 /* @media screen and (max-width: 1025px) {
  #masthead {
    top: 50px;
    height: auto !important; }
    #masthead h1 {
      float: none;
      text-align: center; }
      #masthead h1 a {
        margin: 0 auto; } } */

 /*# sourceMappingURL=style.css.map */

 /* ---------------------------- LIZ CHANGES ---------------------------- */
 /* -- header -- */

 /* #masthead {
    margin: 0;
    padding-top: 20px;
    height: 70px;
    position: relative;
    background-color: #6A0A1B;
} */

 /* .top-nav-bar {
    top: 70px;
    min-height: 0;
    height: 41px;
    position: absolute;
} */

 /* .top-nav-bar .nav-container .main-nav-submenu-container .user-login .init-user-login-btn, .top-nav-bar .nav-container .main-nav-submenu-container .user-login .init-logout-btn {
    padding: 6px 5px;
    float: left;
    width: 54px;
    font-size: 14px;
    border: 1px solid #fff;
} */

 /* .top-nav-bar .nav-container .main-nav-submenu-container .user-login {
    position: absolute;
    display: block;
    width: 568px;
    right: 112px;
    top: -52px;
    font-size: 14px;
    overflow: visible;
} */

 /* .top-nav-bar .nav-container .search-btn {
    color: #fff;
    margin-top: 12px;
    right: 140px;
}

.main-crumbs {
    top: 65px;
    left: -8px;
    position: relative;
    padding: 0 15px;
    color: #575757;
} */

 /* .main-crumbs .crumbs .breadcrumbs-title {
    font-weight: bold;
    color: #575757;
}

.crumbs a {
    color: #337ab7;
} */


 .page-title-btn {
   background-color: #6A0A1B;
   margin-top: -45px;
 }

 .top-nav-bar .nav-container .user-btn {
   color: #fff;
 }

 /* 
.top-nav-bar .nav-container .user-btn {
    top: -59px;
    right: 40px;
} */

 .main-nav-links,
 .top-nav-bar .nav-container .link-scroll .h-menu a,
 .top-nav-bar .more-links-div ul a {
   color: #fff;
   background-color: transparent;
   border: none;
   font-size: 16px;
 }

 /*--- TYPE --*/
 .page-title h2 {
   font-size: 30px;
   border-bottom: 1px solid #575757;
 }

 a#contextName {
   color: #575757;
   text-decoration: none;
 }

 /*-- portlets --*/
 .portlet-grid .portlet {
   border: 1px solid #DEDEDE;
   border-radius: 6px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
 }

 .portlet-grid .portlet-header-bar a {
   color: #575757;
 }

 .portlet-grid .portlet-header-bar {
   background: #eef0f1;
   border-bottom: 1px solid #DEDEDE;
   border-radius: 5px 5px 0 0;
 }

 /*-- SIDEBAR --*/

 .slide-menu-right .sidebar-link-title {
   color: #fff;
   font-weight: bold;
   border-bottom: 1px solid #fff;
   font-size: 18px;
   font-style: normal;
   text-align: center;
 }

 ul.nav.nav-pills.nav-stacked {
   background-color: #337ab7;
 }

 .slide-menu-right .navbar li {
   margin: 0;
   color: #fff;
 }

 a.anchor-contains-icon {
   color: #fff !important;
 }

 li.current-page {
   background-color: #6A0A1B;
   color: #fff !important;
 }

 a.page-portlets.sub-nav {
   color: #fff !important;
 }

 a.page-portlets.sub-nav {
   color: #575757 !important;
 }

 a.page-portlets.sub-nav.collapsed:hover {
   color: #fff !important;
 }

 li.current-page {
   background-color: #DEDEDE;
   color: #575757;
 }


 a.page-portlets.sub-nav:hover {
   color: #fff !important;
 }

 .slide-menu-right .navbar li #pagePortlets a,
 .slide-menu-right .navbar li #myPages a,
 .slide-menu-right .navbar li #myGroups a {
   color: #575757;
   background-color: #eef0f1;
   border-bottom: .5px solid #c7c7c7;
 }

 .sidebar-slide-menu-links,
 .slide-menu-right .navbar li a,
 .slide-menu-right .navbar li #pagePortlets .glyphicons,
 .slide-menu-right .navbar li #pagePortlets .custom-icon,
 .slide-menu-right .navbar li #myPages .glyphicons,
 .slide-menu-right .navbar li #myPages .custom-icon,
 .slide-menu-right .navbar li #myGroups .glyphicons,
 .slide-menu-right .navbar li #myGroups .custom-icon {
   color: #4d4d4d;
   background-color: #eef0f1;
   border: none;
 }

 .sidebar-slide-menu-links:hover,
 .slide-menu-right .navbar li a:hover,
 .slide-menu-right .navbar li #pagePortlets .glyphicons:hover,
 .slide-menu-right .navbar li #pagePortlets .custom-icon:hover,
 .slide-menu-right .navbar li #myPages .glyphicons:hover,
 .slide-menu-right .navbar li #myPages .custom-icon:hover,
 .slide-menu-right .navbar li #myGroups .glyphicons:hover,
 .slide-menu-right .navbar li #myGroups .custom-icon:hover {
   color: #fff;
   background-color: #4d4d4d;
 }


 a.anchor-contains-icon {
   color: #4d4d4d !important;
 }


 li.addPage.add-page {
   color: #4d4d4d !important;
   border-top: 1px solid #c7c7c7;
 }

 .slide-menu-right .sidebar-link-title a {
   color: #4d4d4d;
 }

 .sidebar-slide-menu-links:hover,
 .slide-menu-right .navbar li a:hover,
 .slide-menu-right .navbar li #pagePortlets .glyphicons:hover,
 .slide-menu-right .navbar li #pagePortlets .custom-icon:hover,
 .slide-menu-right .navbar li #myPages .glyphicons:hover,
 .slide-menu-right .navbar li #myPages .custom-icon:hover,
 .slide-menu-right .navbar li #myGroups .glyphicons:hover,
 .slide-menu-right .navbar li #myGroups .custom-icon:hover {
   color: #fff !important;
   background-color: #4d4d4d;
 }

 .slide-menu-right .navbar li #pagePortlets a:hover,
 .slide-menu-right .navbar li #myPages a:hover,
 .slide-menu-right .navbar li #myGroups a:hover {
   color: #fff;
   background-color: #4d4d4d !important;
 }

 /*-- QUICK LINKS --*/


 .slide-menu-right .navbar .quick-links {
   border-top: 12px solid #fff;
   background-color: #337ab7;
 }

 li.sidebar-quick-link a {
   background-color: #337ab7 !important;
   color: #fff !important;
 }

 li.sidebar-quick-link a:hover {
   background-color: #4d4d4d !important;
   color: #fff !important;
 }

 a.my-pages.sub-nav:hover {
   background-color: #4d4d4d !important;
   color: #fff !important;
 }

 #myPages li a {
   background-color: #c5e4ff !important;
 }

 #myPages li a:hover {
   background-color: #337ab7 !important;
   color: #fff;
 }

 a.my-pages.sub-nav {
   background-color: #337ab7 !important;
   border-bottom: 1px solid #fff !important;
   color: #fff !important;
 }

 /* -- LIZ MEDIA SCREEN -- */
 @media screen and (max-width: 1025px) {
   /* #masthead {
    top: 40px !important;
    height: auto !important;
} */

   /* .top-nav-bar .nav-container .main-nav-submenu-container {
    width: 100%;
    float: left;
    margin-top: 0px;
    overflow: auto;
} */

   /* .top-nav-bar {
    top: 0;
    height: auto;
    text-align: center;
    padding-top: 5px;
    position: fixed;
} */

   /* .top-nav-bar .nav-container .main-nav-submenu-container .user-login .init-user-login-btn, .top-nav-bar .nav-container .main-nav-submenu-container .user-login .init-logout-btn {
    margin: 0 auto 14px auto;
    padding: 10px 16px!important;
    font-size: 22px!important;
    width: 80%!important;
    float: none;
}
    
    .top-nav-bar .nav-container .main-nav-submenu-container .collapse.in {
    display: block!important;
} */

   /* .top-nav-bar .nav-container .main-nav-submenu-container .user-login {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
} */

   /* .top-nav-bar .nav-container .search-btn {
    color: #fff;
    margin-top: 5px;
    font-size: 23px;
    right: 60px;
    top: 0px;
} */

   .top-nav-bar .nav-container .link-scroll.horizontal-slide .h-menu ul li {
     display: block;
     float: none;
     border-bottom: 1px solid #c7c7c7;
   }

   .page-title-btn {
     background-color: #6A0A1B;
     margin-top: -70px;
     margin-right: 15px;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns li a {
     color: #fff;
     background: #337ab7;
   }

   .slide-menu-btn {
     color: #fff;
     background-color: #337ab7;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }

   .slide-menu-btn {
     width: 55px;
     height: 55px;
     position: fixed;
     bottom: 1px;
     left: 2px;
     cursor: pointer;
     display: block !important;
     border-radius: 0;
     text-align: center;
     z-index: 1010;
   }

   .sidebar-slide-btn-icon {
     font-size: 30px;
     margin-top: 22%;
     padding: 0;
     background: none;
     border: none;
     outline: none;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns .active a:hover {
     color: #fff;
     background-color: #337ab7;
   }

   .slide-menu-right .navbar .slide-menu-toggle-btns li a {
     color: #575757;
     background: #dedede;
   }

   a#menu-links-tab {
     background-color: #dedede;
     color: #575757;
   }

   a#quick-links-tab {
     background-color: #337ab7;
     color: #fff !important;
   }

   .slide-menu-right {
     background-color: #fff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }

   .top-nav-bar .nav-container .link-scroll.horizontal-slide .h-menu ul a::after {
     display: none;
   }

   .top-nav-bar .nav-container .user-btn {
     /* top: 0px;
    float: right; */
     /* position: relative; */
   }

   /* .top-nav-bar .nav-container .link-scroll.horizontal-slide .h-menu ul a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    font-size: 14px !important;
}
     */
 }



 /*------ LIZ STYLE EDITS ----*/

 @media only screen and (max-width: 1025px) {
   li .active #menu-links-tab-sn {
     background-color: #fff;
     font-weight: bold;
     color: #6A0A1B;
   }

   #menu-links-tab-sn {
     background-color: #eef0f1;
     font-weight: regular;
     color: #4d4d4d;
   }

   #quick-links-tab-sn {
     background-color: #eef0f1;
     color: #4d4d4d;
   }

   .tabs {
     border-bottom: 1px solid #c7c7c7;
   }

   #menu-links-ul {
     background-color: #fff;
   }


   li .active #quick-links-tab-sn {
     background-color: #fff;
     font-weight: bold;
     color: #337ab7;
   }


   #myPages-label-sn {
     background-color: #fff;
   }


   .sidebar-quick-link {
     background-color: #fff !important;
     color: #337ab7 !important;
     border-bottom: 1px solid #c7c7c7;
   }

   #myPagesSn a {
     color: #fff !important;
   }


   li #menu-links-ul a:hover {

     background-color: #4d4d4d !important;
     color: #fff !important;

   }

   #page-portlets-label-sn {

     color: #6A0A1B;
     font-weight: bold;

   }

   #this-context-pages-sn {

     background-color: #eef0f1;

   }

   #pagePortletsSn {

     background-color: #eef0f1;

   }

   ul.nav.nav-pills.nav-stacked {

     background-color: #eef0f1;

   }

   .sidebar-icon-link {

     float: left !important;

   }

 }


 /* Abel Gonzalez's edits */

 /* Header Buttons */

 .btn-no-bg-hover-color-content-one {
   top: 0%;
   border-radius: 0%;
   background-color: transparent;
   color: white;
 }

 .btn-no-bg-hover-color-content-one:focus {
   color: white;
   background-color: transparent;
 }

 .btn-no-bg-hover-color-content-one:hover {
   color: #DEDEDE;
   background-color: transparent;
 }

 .btn-no-bg-hover-color-content-one:active {
   background-color: transparent;
 }

 /* Masthead color and spacing */

 #sitemasthead {
   background-color: #6A0A1B;
 }

 #sitemasthead h1 {
   margin: 0;
 }


 .site-logo {
   padding-top: 20px;
   padding-left: 10px;
   height: 70px;
 }

 @media screen and (max-width: 1025px) {
   .site-logo {
     padding-top: 0;
     width: 50%;
     height: auto;
   }

   #logo-heading {
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: center;
   }
 }

 .navbar-fixed-top {
   top: auto;
 }


 /* Search and User icons */

 .site-header-container .search-btn,
 .site-header-container .user-btn {
   position: absolute;
   top: 8px;
   z-index: 5005;
 }

 .search-btn {
   top: 15px !important;
 }

 @media screen and (max-width: 1025px) {

   .site-header-container .search-btn,
   .site-header-container .user-btn {
     position: fixed;
     float: right;
     display: block;
   }


   .search-btn {
     top: 5px !important;
   }

   .user-btn {
     top: 3.0px !important;
   }

   /*

  .search-btn {
    position: fixed;
    top: 5px !important;
    font-size: 32px !important;
    right: 90px !important;
    display: block;
  }

  .site-header-container .user-btn .no-profile-image {
    font-size: 32px !important;
    top: -3px;
    margin-right: 20px;
  }
  */
 }

 div .mobile-fixed-container {
   height: 43px;
   background-color: #6A0A1B;
 }


 /* Mobile Menu Header */

 @media screen and (max-width: 1025px) {
   #top-nav-bar {
     height: 43px !important;
   }

   #main-nav-btn {
     z-index: 5005 !important;
   }

   #main-nav {
     border-top-width: 0;
     margin-top: 0;
   }

   .header {
     z-index: 5001 !important;
   }

 }

 /* Breadcrumbs */

 #mainCrumbs {
   top: 45px;
   padding-top: 15px;
   padding-bottom: 15px;
 }

 .breadcrumbs-container {
   display: inline;
 }

 .breadcrumbs-title {
   font-size: 12px;
   color: #575757;
 }

 .crumbs a {
   color: #337ab7;
 }

 @media screen and (max-width: 1025px) {
   #mainCrumbs {
     top: 20px;
   }

   .breadcrumbs-container {
     display: block;
   }
 }


 /* Proxy Login */
 input {
   color: rgb(87, 87, 87);
 }


 /* Login Form Group */

 .forgot-password-link {

   color: white;
 }

 .forgot-password-link:hover {
   color: #337ab7;
 }

 #siteNavBar_welcomeBackBarLoggedOut_loginToggle {
   position: fixed;
   top: 3px;
   z-index: 50001;
   right: 5vw;
   background-color: transparent;
   color: white;
   border: 1px solid white;
 }

 #user-login-section {
   top: 15px;
 }


 @media screen and (max-width: 1025px) {

   #user-login-section {
     height: 100%;
     top: 0;
   }

   #siteNavBar_searchBox_SearchButton {
     left: 50%;
     transform: translateX(-45%);
   }

   #siteNavBar_welcomeBackBarLoggedOut_ButtonLogin {
     margin-top: 10px;
   }

   #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink {
     text-align: center;
   }

   .init-user-username-section {
     left: 50%;
     transform: translateX(-45%);
   }

   .init-user-password-section {
     left: 50%;
     transform: translateX(-45%);
   }

 }



 #user-login-section {
   background-color: transparent;
 }

 #user-login-section .popover-content {
   position: absolute;
   background-color: white;
   border-radius: 5%;
 }

 .popover {
   display: none !important;
 }

 .collapse.in {
   display: block !important;
 }

 @media screen and (max-width: 1025px) {
   #user-login-section .popover-content {
     max-width: 100% !important;
     position: relative !important;
     border-radius: 0;
   }

   #user-login-section {
     background-color: transparent;
   }
 }


 /* Simple query styles. */
 /* pg0_V_lblQueryTitle  Query Title ID for Test page. */


 .ripon-edu-btn-primary {
   padding: 15px 25px;
   font-weight: 800;
   font-size: .9em;
   text-decoration: none;
   text-transform: uppercase;
   cursor: pointer;
   display: inline-block;
   transition: all 400ms ease-in-out;
   border-radius: 3px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   border: 0;
   background: linear-gradient(270deg, #4ac0ff, #0094E3);
   color: white;
 }

 .ripon-edu-btn-primary:hover {
   background: linear-gradient(90deg, #4ac0ff, #0094E3);
 }

 .ripon-edu-btn-secondary {
   padding: 15px 25px;
   font-weight: 800;
   font-size: .9em;
   background: white;
   text-decoration: none;
   text-transform: uppercase;
   cursor: pointer;
   display: inline-block;
   color: #0094E3;
   border: 1px solid #0094E3;
   border-radius: 3px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }

 .ripon-edu-btn-secondary:hover {
   background: #0094E3;
   color: white !important;
 }

 #pg0_SimpleQuery div.portlet-padding {
   padding: 0;
   margin: 0;
 }

 #pg0_SimpleQuery div.pToolbar {
   margin: 0;
 }

 #pg0_SimpleQuery div.portlet-padding div.pContent {
   padding: 0;
   margin: 0;
 }

 #pg0_SimpleQuery div.portlet-padding div.pContent div.pSection div.row {
   margin: 0;
 }

 #pg0_V_divSQResults {
   float: none;
   margin: 0;
 }

 #pg0_V_pnlTemplate {
   margin: 0;
 }

 .text-white {
   color: white;
 }

 #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink:focus {
   color: white;
 }

 #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink:active {
   color: white;
 }

 /* Hide Forgot Password Link */
 /* #siteNavBar_welcomeBackBarLoggedOut_ForgotPasswordLink {
  display: none;
} */