/* styles for banners */
#content-header                        {background: url("/Intranet/images/ucl-logo-header.png"), url("/Intranet/images/banner_home.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }

.section-newlogo #portal-globalnav-wrapper, 
.section-newlogo .navbar-nav li, 
.section-newlogo .navbar-nav li a, 
.section-newlogo .navbar-nav li.current a,
.section-newlogo .navbar-nav li a:focus {background-color:#361a54;} 
.section-newlogo .navbar-nav li a:hover {text-decoration: none; background-color:#9a3bff;}

.section-newlogo #portal-footer-wrapper {background-color:#361a54;}
.section-newlogo #portal-footer-wrapper a, 
.section-newlogo #portal-footer-wrapper a:hover, 
.section-newlogo #portal-footer-wrapper a:focus {color:#9a3bff; font-weight:bold;}

.section-newlogo #content-header       {background: url("/images/ucl-logo-primary.svg");
                                        background-repeat: no-repeat; background-size: 304px 148px; background-position: right; height: 125px;}

.section-it #content-header            {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_it.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-finance #content-header        {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_finance.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-info #content-header           {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_general.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-safety #content-header         {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_safety.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-wellbeing #content-header      {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_wellbeing.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-people #content-header        {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_people.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
.section-facilities #content-header    {background: url("/Intranet/images/ucl-logo-header.png"), url("/INTRANET/images/banner_facilities.jpg");
                                        background-repeat: no-repeat;
                                        background-position: 100% 0%, right;
                                        height: 320px;
                                        }
                                                                                
#header-text                            {position:relative; top:20px; left:20px; color:#fff; text-transform:uppercase; font-weight:normal;}
#portal-logo                            {display:none;}
#portal-top                             {background: url("/Intranet/images/ucl-logo-header.png"); height:130px; display:block; margin-bottom:0px; position:absolute; top:0px; left:0px;}
/* Not sure this is needed anymore??? */
#photo                                  {border-spacing:10px; border-collapse:separate; border:0px; background-color:#fafafa;}
#photo tr td img                        {image-orientation:none;}
#photo tr td                            {padding:10px; font-weight:bold; background-color:#fff; background-clip:padding-box; border-radius:5px;}
#showresults                            {margin-top:10px;}
/* ----- */


#portal-logo-wrapper::before            {content: "UCL DEPARTMENT OF ELECTRONIC & ELECTRICAL ENGINEERING \A STAFF/STUDENT INTRANET";
                                         color:#fff;
                                         font-weight: bold;
                                         font-style:uppercase;
                                         padding-left: 11px;
                                         height: 400px;
                                         display:inline-block;
                                         white-space: pre;
                                         }

.section-newlogo #portal-logo-wrapper::before {content: "UCL DEPARTMENT OF ELECTRONIC & ELECTRICAL ENGINEERING \A STAFF/STUDENT INTRANET"; color:#361a54; font-weight: bold; font-style:uppercase; padding-left: 11px; height: 400px; display:inline-block; white-space: pre; }


/* remove password reset link */
#login-form div.footer                   {display:none;}
/* styles for "code" sections */
pre                                      {background-color:#e9ecef; padding:10px; margin:10px;}

.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  code {
    border-radius: 3px;
  }
  & + .bs-callout {
    margin-top: -5px;
  }
}
.callout-default    {border-left-color:#777;}
.callout-default h4 {color:#777;}
.callout-primary    {border-left-color:#428bca;}
.callout-primary h4 {color:#428bca;}
.callout-success    {border-left-color:#5cb85c;}
.callout-success h4 {color:#5cb85c;}
.callout-danger     {border-left-color:#d9534f;}
.callout-danger h4  {color:#d9534f;}
.callout-warning    {border-left-color:#f0ad4e;}
.callout-warning h4 {color:#f0ad4e;}
.callout-info       {border-left-color:#5bc0de;}
.callout-info h4    {color:#5bc0de;}
.callout-bdc        {border-left-color:#29527a;}
.callout-bdc h4     {color:#29527a;}