/*
 * HTML5 - Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #333333; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #005D7C; color: #fff; text-shadow: none; }
::selection { background: #005D7C; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #005D7C; text-decoration: none;}
a:visited { color: #005D7C; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; text-decoration: underline;}


/* =============================================================================
   Typography
   ========================================================================== */

p, p.p { font-family: "Georgia", "Verdana", serif; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote {
  margin: 1em 40px;
height: 98px;
padding-right: 7px;
border-right-width: 12px;
margin-right: -12;
width: 172px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 20px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }



/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7 http://h5bp.com/d
 * 2. Remove the gap between images and borders on image containers http://h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Floating elements
   ========================================================================== */
.fl {float: left !important;}
.fr {float: right !important;}
.fn {float: none !important;}


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */


/*start sticky shortcuts*/
#sticky {
    background: url('../img/sticky_shortcuts.gif') no-repeat scroll right top;
    border: medium none;
    color: #FFFFFF;
    left: -200px;
    padding: 0;
    position: fixed;
    top: 320px;
    overflow: hidden;
    width: 240px;
    z-index: 110;
}
#sticky:hover {
    left: 0;
}
.stiky_container {
    background-color: #00C878;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.stiky_shortcuts {
    border-top: 1px solid black;
    width: 180px;
    margin-left: 10px;
    margin-right: 10px;
}
.stiky_shortcuts p {
    margin:0px;
    font-family: sans-serif;
}
.stiky_shortcuts p a {
    color: white;
    text-decoration: none;
}
.stiky_shortcuts p.stiky_title{
    color: black;
    text-decoration: none;
}
.stiky_shortcuts p.stiky_title a:hover,
.stiky_shortcuts p a:hover {
    text-decoration: underline;
}
/*endsticky shortcuts*/

/*Start Kupu editor styles*/
p.lead {
    font-weight: bold;
}
textarea {
    font-family: Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
}
p.annotation, dd {
    color: #A0A0A0;
}
h1, h2, h3, h4, h5, h6 {
    color: #4c4c4c; /*Dynamic Colour*/
    font-weight: bold;
}
h2.heading{
    font-size: 1.4em;
}
h3.heading {
    border-top:1px solid #333333;
    padding-top:0.5em;
    font-family: "Georgia", "Verdana", serif;
/*should be smaller than h2*/
}
h4.heading {
/*should be smaller than h3*/
}
h5.heading {
/*should be smaller than h4*/
}
h6.heading {
/*should be smaller than h5*/
}
h6.minor {
/*should be smaller than h6*/
}
pre {
    line-height: 1.5em;
    margin: 0 0 1em;
}
em {
}
sup{
}
sub{
}
ol {
list-style-position: inside;
}
ol.upper-roman {
    list-style-type: upper-roman;
}
ol.lower-roman {
    list-style-type: lower-roman;
}
ol.lower-roman {
    list-style-type: lower-roman;
}
ol.upper-alpha {
    list-style-type: upper-alpha;
}
ol.lower-alpha {
    list-style-type: lower-alpha;
}
ol li {
}
ol li a {
}
ol li a:hover {
}
ul.disc {
}
ul.square {
    list-style-type:square;
}
ul.circle {
    list-style-type:circle;
}
ul li{
}
ul li:first-child{
}
ul li a {
}
ul li a:hover {
}
ul.nobullet {
    width: auto;
}
ul.nobullet li {
    list-style-type: none;
}
ul.nobullet li a {
    display: block;
}
#main-content ul, #main-content ol, #main-content dl{
    font-family: "Georgia", "Verdana", serif;
}
/*Tables of contents (TOC) - to be styled same as the sub-navigation*/
/*start TOC */
ul.toc li{
list-style: none outside none;
font-family: sans-serif;
}
ul.toc li a {
   width: auto;
   display: block;
   border-bottom: 1px dotted grey; /*Dynamic Colour*/
   color: grey; /*Dynamic Colour*/
}
ul.toc li a.selected-item {
   color: #005D7C; /*Dynamic Colour*/
   border-bottom: 1px solid #005D7C; /*Dynamic Colour*/
}
ul.toc li a:hover {
   color: #005D7C; /*Dynamic Colour*/
   border-bottom: 1px solid #005D7C; /*Dynamic Colour*/
   background-color: #EEEEEE;
}
ul.toc li ul.toc li a {
   margin-left: 20px;
   border-bottom: 1px solid grey; /*Dynamic Colour*/
}
ul.toc li ul.toc li ul.toc li a {
   margin-left: 40px;
   border-bottom: 1px solid grey; /*Dynamic Colour*/
}
ul.toc a {
   text-decoration: none;
}
/*end TOC */

/*Silva Tables*/
/*global table styling*/
table.silvatable {
    border: none;
    border-collapse: collapse;
    width: 100%;
    font-family: "Georgia", "Verdana", serif;
}
table.silvatable tr {
}
table.silvatable td {
    color: #4d4d4d;/*color: #FFFFFF;  for Arch and Planing*/
    padding: 0.5em;
}
table.silvatable td p.p{
    font-family: "Georgia", "Verdana", serif;
}
table.silvatable tr.rowheading {
    font-weight: bold;
}
table.silvatable tr.rowheading td {
}
table.silvatable td.align-right{
    text-align: right;
}
table.silvatable td.align-left{
    text-align: left;
}
table.silvatable td.align-center{
    text-align: center;
}
/*grid tables*/
table.silvatable.grid {
}
table.silvatable.grid tr {
}
table.silvatable.grid tr td{
    border: 1px solid #4d4d4d;
}
table.silvatable.grid tr.rowheading {
    color:#4d4d4d;
}
table.silvatable.grid tr.rowheading td {
}
/*list tables*/
table.silvatable.list {
    border-top: 1px dotted #4d4d4d;
    border-bottom: 1px dotted #4d4d4d;
}
table.silvatable.list tr {
border-top: 1px dotted #4d4d4d;  /*border-top: 1px dotted #FFFFFF;  for each*/
}
table.silvatable.list td ul.nobullet{
    margin: 0em 0;
    padding: 0px;
    font-family: sans-serif;
}
table.silvatable.list td ul.nobullet ul{
    margin: 0.5em 0;
    padding: 20px;
}
table.silvatable.list td ul.nobullet li a{
    color:#4d4d4d;
}
table.silvatable.list td ul.nobullet li:first-child a{
    color:#000000;
    font-weight:bold;
}
table.silvatable.list tr td{
    padding-right: 9px;
    padding-left: 0;
    padding-bottom: 13px;
    padding-top: 5px;
    vertical-align:top;
}
table.silvatable.list tr.rowheading {
}
table.silvatable.list tr.rowheading td{
    border-top: 1px solid #4d4d4d;  /*border-top: 1px solid #FFFFFF;  for each*/
}
table.silvatable.list tr.odd {
}
table.silvatable.list tr.even {
}
table.silvatable.list tr.odd:hover {
}
table.silvatable.list tr.even:hover {
}
/*datagrid tables*/
table.silvatable.datagrid {
}
table.silvatable.datagrid tr {
}
table.silvatable.datagrid tr:first-child td{
    color:#4d4d4d;
}
table.silvatable.datagrid tr td{
    border: 1px solid #4d4d4d;
    color:#000000;
}
table.silvatable.datagrid tr td:first-child{
    color:#4d4d4d;
}
table.silvatable.datagrid tr.rowheading {
}
table.silvatable.datagrid tr.rowheading td{
}

/*image alignment*/
.float-right {
    clear: none;
    float: right;
    margin-left: 1em;
}
.float-left {
    clear: none;
    float: left;
    margin-right: 1em;
}
.image-right {
    text-align: right;
}
.image-left {
    text-align: left;
}
.image-center {
    text-align: center;
}

/*End Kupu editor styles*/

/*

.container_16{margin-left: auto;margin-right: auto;width: 768px;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_6, .grid_5, .grid_8, .grid_12, .grid_16, .grid_8_left_subheader, .grid_8_right_subheader{display: inline;float: left;margin-left: 8px;margin-right: 8px;}
.alpha{margin-left: 0;}
.omega{margin-right: 0;}
 nav.alpha{margin-right: 16px;}
.container_16 .grid_1{width: 32px;}
.container_16 .grid_2{width: 80px;}
.container_16 .grid_3{width: 128px;}
.container_16 .grid_4{width: 176px;}
.container_16 .grid_5{width: 224px;}
.container_16 .grid_6{width: 272px;}
.container_16 .grid_8{width: 368px;}
.container_16 .grid_10{width: 464px;}
.container_16 .grid_12{width: 560px;}
.container_16 .grid_16{width: 752px;}
.container_16 .push_4{left: 192px;}
.container_16 .pull_8{left: -384px;}
.container_16 .pull_12{left: -576px;}
*/
/*Border for the right column*/
.ucl{
    background-image:url("../img/default_separator.gif");
    background-repeat: repeat-y;
    background-position: 576px 0px;
}
#bartlett_layout_1.ucl, #bartlett_layout_4.ucl, #bartlett_layout_7.ucl{
    background-image:none;
}

/*start header styles*/
header.header_bg {
    background-color: #4d4d4d; /*Dynamic Colour*/
    color: #fff; /*Dynamic Colour*/
    min-height: 120px;
    background-image: url("../img/ucl_logo_default.png"); /*Dynamic Logo*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
header.header_bg .ucl-home-link{
    display:block;
    height:120px;
    text-indent:-9999px;
}
header div.header_school_title {
    /*font-family: "Georgia", serif;*/
    font-size: 27px;
    /*border-top: 1px solid white;*/
    margin-top: 15px;
    margin-left: 25px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}
header div.header_school_title a{
    color:#ffffff;
}
header div.header_school_title a:hover{
    text-decoration: none;
}
section.subheader {
    padding-top:10px;
    padding-bottom: 25px;
    background-color:#ffffff; /*dynamic colour*/
}

/*Primary Navigation*/

nav#primary-navigation-menu {
width: 400px;
height:79px;
}
section.subheader nav#primary-navigation-menu li {
    list-style-type: none;
    display: inline-block;
/*    border-top: 1px solid black;*/
}
section.subheader nav#primary-navigation-menu li a {
    color: #000;
    text-decoration: none;
    display:block;
}
section.subheader nav#primary-navigation-menu li a {
    padding-top: 4px;
    padding-bottom: 16px;
    border-top: 1px solid black;
}
section.subheader nav#primary-navigation-menu li a:hover,
section.subheader nav#primary-navigation-menu li.current a {
    /*border-top: 1px solid #005D7C;*/
    color: #005D7C;
}

#primary-navigation-menu li.second-row{
margin-left:0px;

}

/*Schools Navigation*/
section.subheader nav#schools-navigation-menu li a {
    text-decoration: none;
    display:block;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    color:#333;
}



#schools-navigation-menu ul{
  width:450px;
  overflow:auto;
  margin-bottom:13px;
  overflow:hidden;
  height: 156px;
  border-top:1px solid #060606;
}
#schools-navigation-menu ul.schoolcol {
    width:49.5%;
    float:left;
    overflow:auto;
    height: auto;
    border-width:0;
}
#schools-navigation-menu ul.schoolcol--col1 {
    margin-right:1%;
}
#schools-navigation-menu ul.schoolcol--fullwidth {
    width:100%;
    float:none;
    margin-bottom:0;
    border-top:1px solid #060606;
}
#schools-navigation-menu li{
  line-height:1.4em;
}

#schools-navigation-menu li.reset-column
  {
    margin-top: -7.7em; /*7.7, 6.2*/
  }


/*#schools-navigation-menu li  { width:50%;} /* 2 col */

#schools-navigation-menu li.column1 { margin-left: 0; margin-right: 220px; }
#schools-navigation-menu li.column2 { margin-left: 230px; }

#schools-navigation-menu li.top-item {width:100%;}

section.subheader nav#schools-navigation-menu li a:hover,
section.subheader nav#schools-navigation-menu li.current a,
section.subheader nav#schools-navigation-menu li.current a:hover{
    color:#fff;
}

/*Schools menu colour schemes start*/

/*Faculty*/
section.subheader nav#schools-navigation-menu li.bartlett {
    /*border-bottom:1px solid black;*/
    margin-bottom: 16px;
}
section.subheader nav#schools-navigation-menu li.bartlett:hover,
section.subheader nav#schools-navigation-menu li.bartlett.current a,
section.subheader nav#schools-navigation-menu li.bartlett.current a:hover {
    background-color: #000;
}


/*architecture*/
section.subheader nav#schools-navigation-menu li.architecture:hover,
section.subheader nav#schools-navigation-menu li.architecture.current a,
section.subheader nav#schools-navigation-menu li.architecture.current a:hover {
    background-color: #fdaf17;
}

/*casa*/
section.subheader nav#schools-navigation-menu li.casa:hover,
section.subheader nav#schools-navigation-menu li.casa.current a,
section.subheader nav#schools-navigation-menu li.casa.current a:hover {
    background-color: #605270;
}

/*cpm*/
section.subheader nav#schools-navigation-menu li.cpm:hover,
section.subheader nav#schools-navigation-menu li.cpm.current a,
section.subheader nav#schools-navigation-menu li.cpm.current a:hover {
    background-color: #00b6cb;
}

/*dpu*/
section.subheader nav#schools-navigation-menu li.dpu:hover,
section.subheader nav#schools-navigation-menu li.dpu.current a,
section.subheader nav#schools-navigation-menu li.dpu.current a:hover {
    background-color: #910e13;
}

/*energy institute*/
section.subheader nav#schools-navigation-menu li.energy:hover,
section.subheader nav#schools-navigation-menu li.energy.current a,
section.subheader nav#schools-navigation-menu li.energy.current a:hover {
    background-color: #da0a62;
}

/*planning*/
section.subheader nav#schools-navigation-menu li.planning:hover,
section.subheader nav#schools-navigation-menu li.planning.current a,
section.subheader nav#schools-navigation-menu li.planning.current a:hover {
    background-color: #87cc33;
}

/*graduate studies*/
section.subheader nav#schools-navigation-menu li.graduate:hover,
section.subheader nav#schools-navigation-menu li.graduate.current a,
section.subheader nav#schools-navigation-menu li.graduate.current a:hover {
    background-color: #c33a2d;
}

/*space syntax*/
section.subheader nav#schools-navigation-menu li.space-syntax:hover,
section.subheader nav#schools-navigation-menu li.space-syntax.current a,
section.subheader nav#schools-navigation-menu li.space-syntax.current a:hover {
    background-color: #c33a2d;
}

/*urbandesign*/
section.subheader nav#schools-navigation-menu li.urbandesign:hover,
section.subheader nav#schools-navigation-menu li.urbandesign.current a,
section.subheader nav#schools-navigation-menu li.urbandesign a:hover {
    background-color:#000;
}

/*sustainable*/
section.subheader nav#schools-navigation-menu li.sustainable:hover,
section.subheader nav#schools-navigation-menu li.sustainable.current a,
section.subheader nav#schools-navigation-menu li.sustainable.current a:hover{
    background-color: #006699;
}

/*Envro dev*/
section.subheader nav#schools-navigation-menu li.iede:hover,
section.subheader nav#schools-navigation-menu li.iede.current a,
section.subheader nav#schools-navigation-menu li.iede.current a:hover{
    background-color: #8F993E;
}

/*Heritage*/
section.subheader nav#schools-navigation-menu li.heritage:hover,
section.subheader nav#schools-navigation-menu li.heritage.current a,
section.subheader nav#schools-navigation-menu li.heritage.current a:hover{
    background-color: #A4dBE8;
}


/*IGP*/
section.subheader nav#schools-navigation-menu li.www\.igp\.ucl\.ac\.uk:hover,
section.subheader nav#schools-navigation-menu li.www\.igp\.ucl\.ac\.uk.current a,
section.subheader nav#schools-navigation-menu li.www\.igp\.ucl\.ac\.uk.current a:hover{
    background-color: #5B027A;
}

/*Digital Innovation*/
section.subheader nav#schools-navigation-menu li.digital:hover,
section.subheader nav#schools-navigation-menu li.digital.current a,
section.subheader nav#schools-navigation-menu li.digital.current a:hover {
    background-color: #d8d2c5;
}

/*Real Estate*/
section.subheader nav#schools-navigation-menu li.real-estate:hover,
section.subheader nav#schools-navigation-menu li.real-estate.current a,
section.subheader nav#schools-navigation-menu li.real-estate.current a:hover {
    background-color: #f6be00;
}

/*Schools menu colour schemes end*/

section.subheader section.header_welcome_text {
    font-family: "Georgia", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    height:149px;
    width:470px;
}
section.subheader section.header_welcome_text h1 {
  font-weight: normal;
  margin-top: 17px;
  margin-bottom: 17px;
}
section.subheader section.header_welcome_text div.grid_8_left_column {
    height: 145px;
}

/*Start Quote Header Text*/
section.subheader section.header_welcome_text .header-quote{
    margin-top: 1em;
    background-image: url("../img/white-quote-bg.png");
    background-color: #4D4D4D;
    background-repeat: no-repeat;
    background-position: 90px 100%;
}
section.subheader section.header_welcome_text .header-quote blockquote{
    margin: 2px;
    background-color: #fff;
    padding: 7px;
    height: 148px;
    overflow: hidden;
    line-height: 14px;
}
section.subheader section.header_welcome_text .header-quote blockquote p.lead{
    font-size: 13px;
    font-weight: normal;
    margin:0;
    line-height: inherit;
}
section.subheader section.header_welcome_text .header-quote blockquote p.p {
    font-size: 10.5px;
    font-style: normal;
    font-family: sans-serif;
}
/*End Quote Header Text*/

/*Start Multilingual Header Text*/
section.subheader section.header_welcome_text .multilingual.final {display:none;}
/*End Multilingual Header Text*/

section.subheader section.header_search_form {
    text-align: right;
    margin:0;
    float: right;
}
section.subheader section.header_search_form form#search {
    background-color:#f3f3f5;
    height:25px;
}
section.subheader .header_search_form input[type="search"],
input#funnelback-search {
    border: none;
    width: 142px;
    -webkit-appearance: none;
    height:22px;
    font-family:arial;
    font-size:13px;
    background-color: transparent;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    color:#333333;
}
::-webkit-input-placeholder {color: #333333;}
.funnelback_search_submit {
    background: transparent url("../img/search-arrow.gif") no-repeat scroll 80% 50%;
    display: block;
    text-indent: -9999px;
    border: none;
    width: 18px;
    height: 24px;
}

/*end header styles*/

/*start banner image manipulation*/
#bartlett_layout_9 #top-banner-content img,
#bartlett_layout_5 #top-banner-content img{
    max-width:560px;
    height : auto;
}
#bartlett_layout_4 #top-banner-content img,
#bartlett_layout_6 #top-banner-content img{
    max-width:560px;
    height : auto;
}
#bartlett_layout_9 #banner-slot img,
#bartlett_layout_5 #banner-slot img,
#bartlett_layout_3 .newsitemcontent img,
#bartlett_layout_6 .newsitemcontent img,
#bartlett_layout_9 .newsitemcontent img{
    max-width:368px;
    height : auto;
}
#bartlett_layout_7 #top-banner-content img,
#bartlett_layout_8 #top-banner-content img{
    max-width:752px;
    height : auto;
}
#bartlett_layout_7 #banner-slot img,
#bartlett_layout_8 #banner-slot img{
    max-width:560px;
    height : auto;
}
#top-banner-content p:first-child{
    margin-top: 0px;
}
#top-banner-content{
    /*margin-bottom: 1em;*/
    padding-bottom:1em;
    background-color:#ffffff; /*dynamic colour*/
}

/* end banner image manipulation*/


/*text title zone*/

#text_title_zone {
    height:135px;
    width:430px;
    position:relative;
    overflow: hidden;
}
.atbottom {
    position:absolute;
    bottom:0;
    height:auto;
    width: 430px;
    float: right;
    margin:0;

}
.atbottom p {
margin: 0;
padding-right:0px;
font-size: 14px;

}
/* end text title zone */


/*start sub-navigation-menu */
nav#sub-navigation-menu ul li a {
   width: auto;
   display: block;
   border-bottom: 1px dotted grey; /*Dynamic Colour*/
   color: grey; /*Dynamic Colour*/
}
nav#sub-navigation-menu ul li a.selected-item {
   color: #005D7C; /*Dynamic Colour*/
   border-bottom: 1px solid #005D7C; /*Dynamic Colour*/
}
nav#sub-navigation-menu ul li a:hover {
   color: #005D7C; /*Dynamic Colour*/
   border-bottom: 1px solid #005D7C; /*Dynamic Colour*/
   background-color: #EEEEEE;
}
nav#sub-navigation-menu ul li ul li a {
   margin-left: 20px;
   border-bottom: 1px solid grey; /*Dynamic Colour*/
}
nav#sub-navigation-menu ul li ul li ul li a {
   margin-left: 40px;
   border-bottom: 1px solid grey; /*Dynamic Colour*/
}
nav#sub-navigation-menu a {
   text-decoration: none;
}
/*end sub-navigation-menu */

/*Start Portlets Styles*/
#right-content p.p, #right-content h2.heading, #right-content h3.heading {
    font-family: sans-serif;
}

#right-content h2.heading, #right-content h3.heading {
    border-top: 1px solid #4C4C4C;
    display: block;
    font-size: 1.4em;
    margin: 0;
    padding-top:0px;
}
#right-content aside{
    margin-bottom: 1em;
}
#right-content img{
    max-width:176px;
    height : auto;
}
/*Programme finder portlett*/
#right-content aside#programme-finder {
    background-color:#c9da55;
    padding:8px 20px 0 10px;
    margin-right:42px;
}
#right-content aside#programme-finder img {
    margin-left:87px;
}
#right-content aside#programme-finder h3.heading {
    border-top:none;
    font-size:.9em;
    color:black;
}
#right-content aside#programme-finder h3.heading a {color:#111111 !important;}
#right-content aside#programme-finder p.p {
    color:#111111;
    margin-top:5px;
    margin-bottom:1px;
    font-size:.9em;
}

#programme-finder a, #programme-finder a:hover, #programme-finder a:visited{
    color:#000;
}
/*Programme finder portlett*/

/*End Portlets Styles*/

/*start news and events*/

/*use this with n-e_origin for the dynamic bg color of the ticker*/
.n-e_bartlett, .n-e_bartlett-faculty {background-color: #4d4d4d;}
.n-e_architecture {background-color: #fdaf17; }
.n-e_casa {background-color: #605270; }
.n-e_cpm {background-color: #00b6cb; }
.n-e_dpu {background-color: #910e13; }
.n-e_energy-institute {background-color: #da0a62; }
.n-e_planning {background-color: #87cc33; }
.n-e_graduate-studies {background-color: #c33a2d; }
.n-e_sustainable {background-color: #006699; }
.n-e_iede {background-color: #8f993e; }
.n-e_heritage {background-color: #a4dbe8; }
.n-e_igp {background-color: #5B027A; }

.n-e_environmental-design {background-color: #8f993e; }
.n-e_sustainable-heritage {background-color: #a4dbe8; }

.n-e_primary_container, .n-e_secondary_container {
    border-bottom: 1px dotted black;  /*border-bottom: 1px solid white; for Architecture and Planning*/
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.n-e_title {
    display: block;
    border-top: 1px solid black; /*border-top: 1px solid white; for Architecture and Planning*/
    margin-bottom:0px;
}
.n-e_title .rss-feed{
    float:right;
}
.n-e_image{
    background-color: #E5E5E5;
    /*min-height: 80px;*/
    position:relative;
    margin-bottom: 2px;
}
.n-e_origin{
    position:absolute;
    left:0;
}
.grid_2 .grid_2.n-e_origin {
    position: relative;
}
.n-e_origin span {
    display:block;
    margin: 3px;
    color: white;
}
.n-e_content h3.heading {
    margin: 0;
    border-top: none;
    padding-top:0px;
    font-family: sans-serif;
}
.n-e_content .eventdates {
    margin: 0 0 0.25em 0;
    font-family: sans-serif;
}
.n-e_content p.p {
    margin: 0;
    font-family: sans-serif;
}
.n-e_content .lead {
    margin: 0;
    font-weight: normal;
}
.n-e_content .lead br:first-child{
    display:none;
}
.n-e_archive_link {
    text-align: right;
    background-image: url("../img/n-e_archive_link_black.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.newsitem h3.heading a, .n-e_archive_link a, .n-e_archive_link a:visited, .newsitem h3.heading a:visited {
    text-decoration: none;
    display: block;
    padding-right: 15px;
}
.newsitem h3.heading a:hover, .n-e_archive_link a:hover {
    text-decoration: underline;
}
section.n-e_archive_pagination_container {
    text-align: center;
}
ul.n-e_archive_pagination{
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
}
ul.n-e_archive_pagination li{
    display: inline-block;
    list-style-type: none;
    float: left;
    width: auto;
}
ul.n-e_archive_pagination li a{
    display: block;
    border: 1px solid white; /*border: 1px solid #666666; for Architecture and Planning*/
    padding: 5px;
    text-decoration: none;
    color: #222222; /*color:  white; for Architecture and Planning*/
}
ul.n-e_archive_pagination li a:hover{
    display: block;
    border: 1px solid #666666; /*border: 1px solid white; for Architecture and Planning*/
     text-decoration: none;
}
ul.n-e_archive_pagination li.selected_month a{
    border: 1px solid #005D7C;
}
.n-e_archive_link a, .n-e_archive_link a:visited, .n-e_content h4.heading a, .n-e_content h4.heading a:visited {
    color: #333333; /*color: #white; for Architecture and Planning*/
    text-decoration: none;
    display: block;
}
.n-e_archive_link a, .n-e_archive_link a:visited {
    padding-right: 20px;
}
.n-e_archive_link a:hover {
    text-decoration: underline;
}

/*end news and events*/

/*start colsplitter code source*/
.colsplit .left{
    margin-right:0px;
    padding-right:7px;
    border-right:1px dotted #4c4c4c;
}
.colsplit .right{
}
/*end colsplitter code source*/

/*start news code sources*/
.cs_news .n-e_primary_container{
    border-bottom: 1px dotted #4c4c4c;
}
.cs_news .n-e_title{
margin-top:0px;
border-top: 1px solid #4c4c4c;
}
.cs_news .n-e_primary_container{
    margin:0px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.cs_news .n-e_content p.date,
.cs_news .n-e_content p.eventdates{
    margin:0px;
    font-weight: bold;
    font-family: sans-serif;
}
.cs_news .n-e_content p.eventdates{
    /*font-style:italic;*/
}
.cs_news .n-e_content{
font-family: "Georgia", "Verdana", serif;
}
.cs_news .n-e_content h3.heading{
    font-family: sans-serif;
}
#right-content .cs_news .n-e_content{
font-size: 10px;
font-family: "Georgia", "Verdana", serif;
}
#right-content .cs_news .n-e_content br{
display:none;
}
#right-content .cs_news .n-e_content h3.heading{
font-size: 11px;
font-family: sans-serif;
border-top:none;
}
#right-content .cs_news .itm .n-e_content h3.heading, #right-content .cs_news .itm .n-e_content {
font-size: 13px;
font-family: sans-serif;
}
.cs_news .itm .n-e_content p.date {
font-size: 12px;
}
/*end news code sources*/

/*start programmes_accordion*/

.p-a_container ul li{
    display: block;
    list-style: none;
    font-family: sans-serif;
}
.p-a_container ul li a{
    color: #4d4d4d; /*color: #FFFFFF;  for Architecture and Planning*/
    text-decoration: none;
}
.p-a_container ul li:first-child a{
    color: #000000; /*color: #FFFFFF;  for Architecture and Planning*/
    font-weight: bold;
}
.p-a_container ul li a:hover{
    text-decoration: underline;
}
.p-a_container .bartlett_accordion{
    margin-left:192px;
}
.p-a_container .bartlett_accordion ul{
    padding-left:0px;
}
.p-a_container .bartlett_accordion table.silvatable.list{
    border-top: none;
}
.p-a_container .ui-state-default{
    background-image: url("../img/arrow_down_black.gif");
    background-repeat: no-repeat;
    background-position: center right;
}
.p-a_container .ui-state-active {
    background-image: url("../img/arrow_up_black.gif");
    background-repeat: no-repeat;
    background-position: center right;
}
.p-a_container .p-a_header{
    font-family: "Georgia", "Verdana", serif;
}
.p-a_container .p-a_header, .p-a_container ul li a {
    display: block;
    text-decoration: none;
}
.p-a_container ul li:last-child {
    border-bottom: 1px dotted #005D7C;
    padding-bottom: 10px;
}
.p-a_container a.grid_12{
    border-bottom: 1px solid #005D7C;
    color: #005D7C;
}
/*start casa code source*/
.p-a_container .casa.ui-state-default{
    background-image: url("../img/arrow_down_casa.gif");
}
.p-a_container .casa.ui-state-active {
    background-image: url("../img/arrow_up_casa.gif");
}
.p-a_container .casa ul li:last-child {border-bottom: 1px dotted  #605270;}
.p-a_container a.grid_12.casa {border-bottom: 1px solid  #605270; color: #605270;}
/*end casa code source*/

/*start architecture code source*/
.p-a_container .architecture.ui-state-default{
    background-image: url("../img/arrow_down_architecture.gif"); /*Dynamic Logo*/
}
.p-a_container .architecture.ui-state-active {
    background-image: url("../img/arrow_up_architecture.gif"); /*Dynamic Logo*/
}
.p-a_container .architecture ul li:last-child  {border-bottom: 1px dotted  #fdaf17;}
.p-a_container a.grid_12.architecture {border-bottom: 1px solid  #fdaf17; color: #fdaf17;}
/*end architecture code source*/

/*start cpm code source*/
.p-a_container .cpm.ui-state-default{
    background-image: url("../img/arrow_down_cpm.gif"); /*Dynamic Logo*/
}
.p-a_container .cpm.ui-state-active {
    background-image: url("../img/arrow_up_cpm.gif"); /*Dynamic Logo*/
}
.p-a_container .cpm ul li:last-child {border-bottom: 1px dotted  #00b6cb;}
.p-a_container a.grid_12.cpm {border-bottom: 1px solid  #00b6cb; color: #00b6cb;}
/*end cpm code source*/

/*start dpu code source*/
.p-a_container .dpu.ui-state-default{
    background-image: url("../img/arrow_down_dpu.gif"); /*Dynamic Logo*/
}
.p-a_container .dpu.ui-state-active {
    background-image: url("../img/arrow_up_dpu.gif"); /*Dynamic Logo*/
}
.p-a_container .dpu ul li:last-child {border-bottom: 1px dotted  #910e13;}
.p-a_container a.grid_12.dpu {border-bottom: 1px solid  #910e13; color: #910e13;}
/*end dpu code source*/

/*start energy code source*/
.p-a_container .energy.ui-state-default{
    background-image: url("../img/arrow_down_energy.gif"); /*Dynamic Logo*/
}
.p-a_container .energy.ui-state-active {
    background-image: url("../img/arrow_up_energy.gif"); /*Dynamic Logo*/
}
.p-a_container .energy ul li:last-child  {border-bottom: 1px dotted  #da0a62;}
.p-a_container a.grid_12.energy {border-bottom: 1px solid  #da0a62; color: #da0a62;}
/*end energy code source*/

/*start gs code source*/
.p-a_container .gs.ui-state-default{
    background-image: url("../img/arrow_down_gs.gif"); /*Dynamic Logo*/
}
.p-a_container .gs.ui-state-active {
    background-image: url("../img/arrow_up_gs.gif"); /*Dynamic Logo*/
}
.p-a_container .gs ul li:last-child {border-bottom: 1px dotted  #c33a2d;}
.p-a_container a.grid_12.gs {border-bottom: 1px solid  #c33a2d; color: #c33a2d;}
/*end gs code source*/

/*start planning code source*/
.p-a_container .planning.ui-state-default{
    background-image: url("../img/arrow_down_planning.gif"); /*Dynamic Logo*/
}
.p-a_container .planning.ui-state-active {
    background-image: url("../img/arrow_up_planning.gif"); /*Dynamic Logo*/
}
.p-a_container .planning ul li:last-child {border-bottom: 1px dotted  #87cc33;}
.p-a_container a.grid_12.planning {border-bottom: 1px solid  #87cc33; color: #87cc33;}
/*end planning code source*/

/*start isr code source*/
.p-a_container .isr.ui-state-default{
    background-image: url("../img/arrow_down_isr.gif"); /*Dynamic Logo*/
}
.p-a_container .isr.ui-state-active {
    background-image: url("../img/arrow_up_isr.gif"); /*Dynamic Logo*/
}
.p-a_container .isr ul li:last-child {border-bottom: 1px dotted  #006699;}
.p-a_container a.grid_12.isr {border-bottom: 1px solid  #006699; color: #006699;}
/*end isr code source*/

/*start iede code source*/
.p-a_container .iede.ui-state-default{
    background-image: url("../img/arrow_down_iede.gif"); /*Dynamic Logo*/
}
.p-a_container .iede.ui-state-active {
    background-image: url("../img/arrow_up_iede.gif"); /*Dynamic Logo*/
}
.p-a_container .iede ul li:last-child {border-bottom: 1px dotted  #8f993e;}
.p-a_container a.grid_12.iede {border-bottom: 1px solid  #8f993e; color: #8f993e;}
/*end iede code source*/

/*start heritage code source*/
.p-a_container .ish.ui-state-default{
    background-image: url("../img/arrow_down_heritage.gif"); /*Dynamic Logo*/
}
.p-a_container .ish.ui-state-active {
    background-image: url("../img/arrow_up_heritage.gif"); /*Dynamic Logo*/
}
.p-a_container .ish ul li:last-child {border-bottom: 1px dotted  #a4dbe8;}
.p-a_container a.grid_12.ish {border-bottom: 1px solid  #a4dbe8; color: #a4dbe8;}
/*end heritage code source*/

.p-a_container .architecture table.silvatable.list tr:first-child,
.p-a_container .casa table.silvatable.list tr:first-child,
.p-a_container .cpm table.silvatable.list tr:first-child,
.p-a_container .dpu table.silvatable.list tr:first-child,
.p-a_container .energy table.silvatable.list tr:first-child,
.p-a_container .gs table.silvatable.list tr:first-child,
.p-a_container .planning table.silvatable.list tr:first-child,
.p-a_container .bartlett table.silvatable.list tr:first-child,
.p-a_container .isd table.silvatable.list tr:first-child,
.p-a_container .iede table.silvatable.list tr:first-child{
    border-top: none !important;
}

.p-a_container .architecture table.silvatable.list tr {
    border-bottom: 1px solid #FDAF17;
}
.p-a_container .casa table.silvatable.list tr {
    border-bottom: 1px solid #605270;
}
.p-a_container .cpm table.silvatable.list tr {
    border-bottom: 1px solid #00B6CB;
}
.p-a_container .dpu table.silvatable.list tr {
    border-bottom: 1px solid #910E13;
}
.p-a_container .energy table.silvatable.list tr {
    border-bottom: 1px solid #DA0A62;
}
.p-a_container .gs table.silvatable.list tr {
    border-bottom: 1px solid #C33A2D;
}
.p-a_container .planning table.silvatable.list tr {
        border-bottom: 1px solid #87CC33;
}
.p-a_container .bartlett table.silvatable.list tr{
    border-bottom: 1px solid #4d4d4d;
}
.p-a_container .ish table.silvatable.list tr{
    border-bottom: 1px solid #a4dbe8;
}
.p-a_container .iede table.silvatable.list tr{
    border-bottom: 1px solid #8f993e;
}


.p-a_container .architecture table.silvatable.list tr td a {
    color: #FDAF17;
}
.p-a_container .casa table.silvatable.list tr td a, .p-a_container .casa table.silvatable.plain tr td a {
    color: #605270;
}
.p-a_container .cpm table.silvatable.list tr td a  {
    color: #00B6CB;
}
.p-a_container .dpu table.silvatable.list tr td a  {
    color:  #910E13;
}
.p-a_container .energy table.silvatable.list tr td a  {
    color:  #DA0A62;
}
.p-a_container .gs table.silvatable.list tr td a  {
    color:  #C33A2D;
}
.p-a_container .planning table.silvatable.list tr td a  {
   color:  #87CC33;
}
.p-a_container .bartlett table.silvatable.list tr td a {
    color:  #4d4d4d;
}

.p-a_container .ish table.silvatable.list tr td a  {
   color:  #a4dbe8;
}
.p-a_container .heritage table.silvatable.list tr td a {
    color:  #8f993e;
}



/*end programmes_accordion*/

/*start programmes code source*/
.ui-tabs .ui-tabs-nav li.ui-state-default a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    color: grey;
    display: block;
    width: 100%;
    border-bottom: 1px solid grey;
}
.ui-tabs .ui-tabs-nav li.ui-state-default a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover,
.ui-tabs .ui-tabs-nav li.ui-state-processing a:hover {
    /*default*/
    color: #005D7C;
    border-bottom: 1px solid #005D7C;
}
/*end programmes code source*/

/*Start related_articles code source*/
.r-a_container ul.r-a {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    display: block;
    color: #4D4D4D; /*color: #FFFFFF; for Architecture and Planning*/
    border-bottom: 1px solid #005D7C;
}
.r-a_container ul.r-a a {
    display: block;
}
.r-a_container ul.r-a li.r-a_title a {
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    border-top: 1px dotted #005D7C;
    color: #333333;
    font-size: 11px;
}
.r-a_container ul.r-a li.r-a_text{
    display: block;
    padding-bottom: 5px;
    color: #4C4C4C;
    font-family: "Georgia", "Verdana", serif;
    font-size: 10px;
}
.r-a_container ul.r-a li.r-a_text br:first-child{
    display:none;
}
/*End related_articles code source*/


/*
 * UCL Bartlett - Twitter Bootstrap Carousel CSS
 */


#uclCarousel.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

#uclCarousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#uclCarousel .carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.5s ease-in-out opacity;
     -moz-transition: 0.5s ease-in-out opacity;
       -o-transition: 0.5s ease-in-out opacity;
          transition: 0.5s ease-in-out opacity;
}

#uclCarousel .carousel-inner > .item > img,
#uclCarousel .carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

#uclCarousel .carousel-inner > .active,
#uclCarousel .carousel-inner > .next,
#uclCarousel .carousel-inner > .prev {
  display: block;
}

#uclCarousel .carousel-inner > .active {
  left: 0;
}

#uclCarousel .carousel-inner > .next,
#uclCarousel .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

#uclCarousel .carousel-inner > .next {
  left: 100%;
}

#uclCarousel .carousel-inner > .prev {
  left: -100%;
}

#uclCarousel .carousel-inner > .next.left,
#uclCarousel .carousel-inner > .prev.right {
  left: 0;
}

#uclCarousel .carousel-inner > .active.left {
  left: -100%;
}

#uclCarousel .carousel-inner > .active.right {
  left: 100%;
}

#uclCarousel .carousel-control {
  position: absolute;
  top: 0;
  left: 0px;
  height: 313px;
  font-size: 49px;
  font-weight: 100;
  line-height: 313px;
  color: #ffffff !important;
  text-align: center;
  background: #222222;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display:none;
}
.grid_8 #uclCarousel .carousel-control {
  height: 206px;
  line-height: 206px;
}

#uclCarousel .carousel-control.right {
  right: 0;
  left: auto;
}

#uclCarousel .carousel-control:hover,
#uclCarousel .carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#uclCarousel .pagination {
position: absolute;
bottom: 23px;
left: 23px;
width: 280px;
z-index: 5;

}

#uclCarousel .carousel-indicators {
  float:right;
  margin: 0;
  padding: 0;
  list-style: none;
}

#uclCarousel .carousel-indicators.indicator-left {
  float:left;
}

#uclCarousel .carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #999999;
  border-radius: 5px;
  cursor: pointer;
}

#uclCarousel .pagination.pagination-large {
width: 443px;
}

#uclCarousel .pagination.pagination-right {
  right: 23px;
  left: auto;
}

#uclCarousel .carousel-indicators .active {
  background-color: #4d4d4d;
}

#uclCarousel .carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
  background-image: url("../img/white-caption-bg-img.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 165px 100%;
}

#uclCarousel .carousel-caption.capt-right {
  right: 0;
  left: auto;
  background-position:  91px 100%;
}

#uclCarousel .carousel-caption.capt-right.capt-large {
  background-position:  255px 100%;
}

#uclCarousel .caption-container {
  background-color: #fff;
  width:280px;
  height: 157px;
  padding:7px;
}

#uclCarousel .carousel-caption.capt-large .caption-container{
  width:444px;
  height: 250px;
}

#uclCarousel .carousel-caption.capt-large .caption-container table.silvatable td{
  font-family: sans-serif;
  padding: 0 1.2em 0 0 !important;
  padding-bottom: 5px;
  margin: 0;
  vertical-align: top;
}

#uclCarousel .carousel-caption h4 {
  font-family: "Georgia",serif;
  font-style: italic;
  font-size: 16px;
  font-weight:normal;
  margin: 2px 0 7px 0;
}


#uclCarousel.carousel .active.left,
#uclCarousel.carousel .active.right {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
}

#uclCarousel.carousel .next,
#uclCarousel.carousel .prev {
  left: 0;
  z-index: 1;
}

#uclCarousel.carousel .carousel-control {
  z-index: 3;
}

#uclCarousel.carousel .carousel-indicators {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/*
 * End UCL Bartlett - Twitter Bootstrap Carousel CSS
 */

/*Start Image Carousel Code Source*/
.barousel{
    position:relative;
    margin-bottom:0px;
    width:auto;
    display: block;
    overflow: hidden;
}
.barousel.grid_16{
    /*height: 432px;*/
    /*Not sure what the new tablet height should be*/
    height: 373px;
}
.barousel.grid_16 img {
    width: 752px;
    height: 432px;
    margin-top:0px !important;
}
.barousel.grid_12{
    height: 315px;
}
.barousel.grid_12 img {
    width: 560px;
    height: 315px;
    margin-top:0px !important;
}
.barousel.grid_8{
    height: 207px;
}
.barousel.grid_8 img {
    width: 368px;
    height: 207px;
    margin-top:0px !important;
}
.barousel_image img{
    position:absolute;
    display:none;
}
.barousel_image img.default{
    display:block;
}
.barousel_image img.current{
    z-index:10;
}
.barousel_content{
    position:absolute;
    padding:7px;
    z-index:50;
    background:url("../img/carousel-bg.gif") no-repeat scroll -253px -230px transparent;
    bottom:0px;
    height:157px !important;
    left: 16px;
    width:280px !important;
}
.barousel_content.nobg{
    background:none;
}
.barousel_content div{
    display:none;
    overflow: hidden;
    max-height: 130px;
}
.barousel_content div.default{
    display:block;
}
.barousel_content p{
    font-family: sans-serif;
    font-size:11.5px;
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
}
.barousel_content p.carousel_header{
    font-family: "Georgia",serif;
    font-style: italic;
    font-size:16px;
    margin: 0;
    padding-bottom:7px;
    padding-top:2px;
}
.barousel_content table.silvatable td {
    font-family: sans-serif;
    padding: 0 1.2em 0 0 !important;
    padding-bottom: 5px;
    margin: 0;
    vertical-align:top;
}

.barousel_content table.silvatable td p.p {
    font-family: sans-serif !important;
}

div.carouselRight .barousel_content {left: 251px;}
div.carouselRight .barousel_nav {left: 444px;}
div.carouselRight.carouselBig .barousel_content {
    left:276px;
    width:444px !important;
    height:250px !important;
    background-position:-89px -137px;
}
.barousel_nav{
    position:absolute;
    z-index:100;
    left:19px;
    bottom:15px;
    width: 280px !important;
}
.barousel_nav ul{
    float:right;
    padding:0;
    margin:0;
}
.barousel_nav.fl ul {
    float: left;
}
.barousel_nav li{
    background-image:url(../img/nav_trans.png);
    background-repeat:no-repeat;
    background-position:0 0;
    float:left;
    font-size:0;
    line-height:0;
    list-style:none;
}
.barousel_nav li a{
    display:block;
    width:13px;
    height:18px;
    text-decoration:none;
}
.barousel_nav li a.current{
    background-image:url(../img/current_nav_trans.png);
    background-repeat:no-repeat;
    background-position:0 0;
}
.carousel_ticker{
    position:absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 3px;
    color: white;
}

/*End Image Carousel Code Source*/

/*Start Blog Feed Code Source*/
#blog-container h2.heading {
    border-top: 1px solid #005D7C;
    margin: 0;
}
ul.b-f {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    color: #4D4D4D; /*color: #FFFFFF; for Architecture and Planning*/
    border-bottom: 1px solid #005D7C; /*dynamic colour*/
}
ul.b-f a {
    display: block;
}
ul.b-f li.b-f_title a {
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    border-top: 1px dotted #005D7C; /*dynamic colour*/
}
ul.b-f li.b-f_title:first-child a{
    border-top: none;
}
ul.b-f li.b-f_text{
    padding-bottom:5px;
}
ul.b-f li.b-f_text .b-f_summary{
    font-family: "Georgia", "Verdana", serif;
}
ul.b-f li.b-f_text span.b-f_date {
    font-style: italic;
}
/*End Blog Feed Code Source*/

/*Start Twitter Feed Code Source*/
#twitter-container h2.heading {
    border-top: 1px solid #4C4C4C;
    color:#4C4C4C;
    margin: 0;
}
ul.f-u {
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 0 0;
    margin-bottom: 5px;
    color: #4D4D4D; /*color: #FFFFFF; for Architecture and Planning*/
    border-bottom: 1px solid #005D7C; /*dynamic colour*/
}
ul.f-u li ul.f-u_twitter {
    list-style: none outside none;
    margin: 0;
    padding: 5px 0 5px 35px;
    background-image: url("../img/follow_us_twitter.gif");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    border-top: 1px dotted #4c4c4c; /*dynamic colour*/
}
ul.f-u li ul li.f-u_title a, ul.f-u li ul li.f-u_text a {
    font-weight: bold;
}
ul.f-u li ul li.f-u_date {
    font-style: italic;
}
/*End Twitter Feed Code Source*/

/*Start YouTube Code Source - BartlettTV*/
#youtube-container h2.heading {
    border-top: 1px solid #4C4C4C;
    margin: 0 0 5px 0;
}
#youtube-container p{
    font-family:sans-serif;
    margin: 0px;
}
p.b-t_title a {
    font-weight: bold;
}
#youtube-container p.b-t_text{
    margin-bottom: 10px;
}
/*End YouTube Code Source - BartlettTV*/

/*Start HP Features Code Source*/
#feature-container{
    padding-bottom: 1em;
}
#feature-container h2.heading {
    border-top: 1px solid #005D7C; /*Dynamic Colour*/
    margin: 0 0 5px 0;
}
#feature-container .feature-block p.p {
    margin: 0;
    font-family: sans-serif;
}
#feature-container .feature-block p.p a{
    color: #4C4C4C;
    font-weight: bold;
    font-family: sans-serif;
}
#feature-container .feature-block p.p br {
    display: none;
}
#feature-container .feature-block img{
    max-width: 128px;
    height : auto;
}
#feature-container .feature-block.type2 img{
    max-width: 272px;
    height : auto;
}
/*End HP Features Code Source*/

/* Start Publications Code Source */
#publications-container{
    padding-bottom: 1em;
}
#publications-container h2.heading {
    border-top: 1px solid #4C4C4C; /*Dynamic Colour*/
    color: #4C4C4C;
    margin: 0 0 5px 0;
}
#publications-container .publication-block p.p.pub-title {
    margin: 0;
    font-family: sans-serif;
}
#right-content #publications-container .publication-block p.p.pub-title {
    margin: 0 0 15px 0;
}
#publications-container .publication-block p.p.pub-title a{
    color: #005D7C;
    font-weight: bold;
    font-family: sans-serif;
}
#publications-container .publication-block .link-bg{
    background-color: #E5E5E5;
}
#publications-container .publication-block img.pub-image{
    max-width: 128px;
    height : auto;
}
/* End Publications Code Source */

/* Start Superwidget Code Source Styles */
#top-banner-content .stu_names p:first-child {
    margin-top: 5px;
}
#fullScreenContainer {display:none;}
.s-w_full_container {
    background-color: #000000;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
}
.s-w_full_container .bartlett-superwidget-full{ height: 100%; position: relative; width: 768px; margin-left: auto; margin-right: auto;}
.s-w_full_container .bartlett-superwidget-full .grid_4 {display: inline; margin-right: 8px; float: left; width: 176px; }

.bartlett-superwidget { margin: 0; padding: 0; height:313px !important; width: 560px !important; position:relative; background-color: #404040;}
.superwidget-slideshow, .superwidget-slideshow .slide{ height:313px !important; width: 560px !important; position: absolute;}
.bartlett-superwidget-full .superwidget-slideshow{ margin: 0; padding: 0; width: 752px !important; height: 100% !important; background-color:transparent; position: absolute;}
.bartlett-superwidget-full .superwidget-slideshow .slide{ height: 100% !important; width: 752px !important; margin-left: auto; margin-right: auto; position: absolute !important; }
.slide img { margin: auto; display: block; max-height:313px;}
.bartlett-superwidget-full .slide img {max-height:421px;}

.s-w_units_container {
    font-size: 12px;
    background: url("../img/units_bg.png") no-repeat scroll right bottom #fdaf17;
    height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1000;
}
.s-w_nav_container {
    z-index:500;
    position: relative;
    top: 0px;
    float:left;
}
.s-w_prev_container, .s-w_next_container {
    float: left;
}
.superwidget_info{
    bottom: 0px;
    position: absolute;
    z-index: 1000;
 }
 .s-w_units_container:hover {
    height:auto;
    overflow:visible;
}
.sw_info{
    background: url("../img/bg_superwidget_info_up.png") repeat scroll right top transparent;
    height: 30px;
    overflow: hidden;
}
.sw_info p{
    color: #FFFFFF;
    font-family: sans-serif;
    margin: 0px;
    padding: 7px 15px;
}
.sw_info:hover{
    background-image:url("../img/bg_superwidget_info_down.png");
    height:auto;
    overflow:visible;
}
.s-w_units_container:hover{
    background-image:url("../img/units_bg_hover.png");
    background-position:bottom right;
}
.s-w_units_container p {
    color: #FFFFFF;
    font-family: sans-serif;
    margin: 5px 0;
    padding: 2px 15px;
}
.s-w_units_container p, .s-w_units_container p a {
    color:#333333;
}
.s-w_open,
.s-w_close {
    position:absolute;
    right:0px;
    z-index:1000;
    }
.s-w_close {top: 0px;}
.s-w_open {bottom:0px;}
/* End Superwidget Code Source Styles */

/* start social_bookmarks styles*/
section#right-content aside#social-bookmarks-container {
    width: 150px;
    height: auto;
    display: block;
    margin: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}
section#right-content aside#social-bookmarks-container #social_bookmarks{
    list-style:none;
    font-weight:bold;
    margin: 0;
    padding: 0;
    margin-bottom:10px;
    float:left;
    width:100%;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li{
    float:left;
    position:relative;
}
section#right-content aside#social-bookmarks-container #social_bookmarks a{
    display:block;
    padding:1px;
    margin: 0;
    color:#fff;
    background: #a6a8ab;
    text-decoration:none;
}
section#right-content aside#social-bookmarks-container #social_bookmarks a:hover{
    color:#fff;
    background:#333;
}

/* start social_bookmarks dropdown styles*/
section#right-content aside#social-bookmarks-container #social_bookmarks ul{
    background:#a6a8ab;
    list-style:none;
    position:absolute;
    left:-9999px;
}
section#right-content aside#social-bookmarks-container #social_bookmarks ul li{
    padding-top:1px;
    float:none;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 135px;
    background:#333;
    padding-bottom: 3px;
    text-align: center;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li ul li {
    display: inline-block;
}
section#right-content aside#social-bookmarks-container #social_bookmarks ul a{
    white-space:nowrap;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li:hover ul{
    left:0;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li:hover a{
    background:#333;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li:hover ul a{
    text-decoration:none;
}
section#right-content aside#social-bookmarks-container #social_bookmarks li:hover ul li a:hover{
    background:#333;
}
/* end social_bookmarks dropdown styles*/
/* end social_bookmarks styles*/

/*start breadcrumb styles*/
section#breadcrumb-content {
    border-top: 1px solid #4c4c4c; /*Dynamic color*/
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 3px;
}
section#breadcrumb-content ul {
    margin: 0;
    padding: 0;
}
section#breadcrumb-content ul li {
    list-style-type: none;
    display: inline;
}
section#breadcrumb-content ul li a{
    text-decoration: none;
}
section#breadcrumb-content ul,
section#breadcrumb-content ul li a,
section#breadcrumb-content ul li:first-child,
section#breadcrumb-content ul li:first-child a{
    color: #222222; /*Dynamic color*/
}
section#breadcrumb-content ul li a:hover,
section#breadcrumb-content ul li.breadcrumb-first a:hover {
    text-decoration: underline;
}
section#breadcrumb-content ul,
section#breadcrumb-content ul li a{
    color: #005D7C;
}
/*end breadcrumb styles*/

/* start footer styles*/
footer {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
footer a, footer a:hover{
    display: block;
    text-decoration: none;
}
footer#footer-content, footer#footer-content a, footer#footer-content a:hover {
    background-color: #333333;
    color: #fff;
}
footer section ul {
    margin: 0;
    padding: 0;
    margin-top: 13px;
}
footer section ul li {
    list-style-type: none;
    padding-bottom: 2px;
    padding-top: 2px;
}
footer section address{
    font-style:normal;
}
footer section .copyright{
    font-family: sans-serif;
    padding-top: 6em;
    background: transparent url("../img/device-light.gif") no-repeat scroll 0px 35px;
}
footer#footer-content section ul li {
    border-bottom: 1px solid white;
}
footer li.facebook_link, footer li.twitter_link, footer li.pinterest_link, footer li.instagram_link, footer li.youtube_link, footer li.googleplus_link {
    padding-left: 24px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-bottom: none;
}
footer#footer-content li.facebook_link {
    background-image: url("../img/facebook_footer_dark.gif");
    border-bottom: none;
}
footer#footer-content li.twitter_link {
    background-image: url("../img/social_bookmarks_twitter.gif");
    border-bottom: none;
}
footer#footer-content li.pinterest_link {
    background-image: url("../img/social_bookmarks_pinterest.png");
    border-bottom: none;
}
footer#footer-content li.instagram_link {
    background-image: url("../img/social_bookmarks_instagram.png");
    border-bottom: none;
}
footer#footer-content li.youtube_link {
    background-image: url("../img/social_bookmarks_youtube.png");
    border-bottom: none;
}
footer#footer-content li.googleplus_link {
    background-image: url("../img/social_bookmarks_google-plus-16-dark.png");
    border-bottom: none;
}
footer#footer-content #silvaedit{
    text-align: right;
}
footer#footer-content #silvaedit a{
    display:inline;
}
/* end footer styles*/


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
[hidden] { display: none; visibility: hidden; }
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


    /* Style adjustments for viewports 768px and over go here */

.container_16 {width: 960px; margin-left: auto;margin-right: auto;}
   .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_8, .grid_12, .grid_16, .grid_8_left_subheader, .grid_8_right_subheader  {display: inline;float: left; margin-left: 10px;margin-right: 10px;}
   .alpha {margin-left: 0;}
   .omega {margin-right: 0;}
   nav.alpha{margin-right: 20px;}
   .container_16 .grid_1{width: 40px;}
   .container_16 .grid_2 {width: 100px;}
   .container_16 .grid_3 {width: 160px;}
   .container_16 .grid_4 {width: 220px;}
   .container_16 .grid_5 {width: 280px;}
   .container_16 .grid_6 {width: 340px;}
   .container_16 .grid_8 {width: 460px;}
   .container_16 .grid_8_left_subheader {width: 470px;}
   .container_16 .grid_8_right_subheader {width: 450px;}

   .container_16 .grid_10 {width: 580px;}
   .container_16 .grid_12 {width: 700px;}
   .container_16 .grid_16 {width: 940px;}
   .container_16 .push_4 {left: 240px;}
   .container_16 .pull_8 {left: -480px;}
   .container_16 .pull_12 {left: -720px;}

    section.subheader section.header_welcome_text {height:116px;}

    section.subheader section.header_welcome_text .header-quote {
        background-position: 120px 100%;
    }
    section.subheader section.header_welcome_text .header-quote blockquote{
      height: 98px;
    }

    section.subheader .header_search_form input[type="search"],
    input#funnelback-search{
        width:178px;
    }

    /*Border for the right column*/
    .ucl{
        background-image:url("../img/default_separator.gif");
        background-repeat: repeat-y;
        background-position: 720px 0px;
    }
    #bartlett_layout_1.ucl, #bartlett_layout_4.ucl, #bartlett_layout_7.ucl{
        background-image:none;
    }

    /*Banner image manipulation*/
    #bartlett_layout_9 #top-banner-content img,
    #bartlett_layout_5 #top-banner-content img{
        max-width:700px;
        height : auto;
    }
    #bartlett_layout_4 #top-banner-content img,
    #bartlett_layout_6 #top-banner-content img{
    max-width:700px;
    height : auto;
    }
    #bartlett_layout_9 #banner-slot img,
    #bartlett_layout_5 #banner-slot img,
    #bartlett_layout_3 .newsitemcontent img,
    #bartlett_layout_6 .newsitemcontent img,
    #bartlett_layout_9 .newsitemcontent img{
        width: auto;
        max-width: 460px;
        height: auto;
        max-height: 258px;
    }
    #bartlett_layout_7 #top-banner-content img,
    #bartlett_layout_8 #top-banner-content img{
        max-width:940px;
        height : auto;
    }
    #bartlett_layout_7 #banner-slot img,
    #bartlett_layout_8 #banner-slot img{
        max-width:700px;
        height : auto;
    }
    /*start colsplitter code source*/
    .colsplit .left{
        margin-right:0px;
        padding-right:9px;
        border-right:1px dotted #4c4c4c;
    }
    /*end colsplitter code source*/
    .p-a_container .bartlett_accordion{margin-left:240px;}
    .n-e_image {/*min-height: 100px;*/}


    .grid_12 #uclCarousel .carousel-control,
    .grid_16 #uclCarousel .carousel-control {
      height: 392px;
      line-height: 392px;
    }
    .grid_8 #uclCarousel .carousel-control {
      height: 258px;
      line-height: 258px;
    }

    /*Start Image Carousel Code Source*/
    .barousel.grid_16{
        height: 373px;
    }
    .barousel.grid_16 img {
        width: 940px;
        height: 373px;
    }

    .barousel.grid_12{
        height: 393px;
    }
    .barousel.grid_12 img {
        width: 700px;
        height: 393px;
    }

    .barousel.grid_8{
        height: 258px;
    }
    .barousel.grid_8 img {
        width: 460px;
        height: 258px;
    }

    /*Ralphs new stuff*/
    div.carouselRight .barousel_content {left: 389px;}
    div.carouselRight .barousel_nav {left: 631px;}
    div.carouselRight.carouselBig .barousel_content {
        left:465px;
        width:444px !important;
        height:250px !important;
        background-position:-89px -137px;
    }
    /*End Image Carousel Code Source*/
    /*Start HP Features Code Source*/
    #feature-container .feature-block img{
        max-width: 160px;
        height : auto;
    }
    #feature-container .feature-block.type2 img{
        max-width: 340px;
        height : auto;
    }
    /*End HP Features Code Source*/

    /* Start Publications Code Source */

    #publications-container .publication-block img.pub-image{
        max-width: 160px;
        height : auto;
    }
    /* End Publications Code Source */

    /* Start Superwidget Code Source Styles */
     .s-w_full_container .bartlett-superwidget-full{ width: 960px; }
     .s-w_full_container .bartlett-superwidget-full .grid_4 { width: 220px; margin-right: 10px; }
    .bartlett-superwidget { height:392px !important; width: 700px !important; }
    .superwidget-slideshow, .superwidget-slideshow .slide{ height:392px !important; width: 700px !important;}
    .bartlett-superwidget-full .superwidget-slideshow{ height:100% !important; width: 960px !important; }
    .bartlett-superwidget-full .superwidget-slideshow .slide{ height:100% !important; width: 960px !important; }
    .slide img { max-height:392px;}
    .bartlett-superwidget-full .slide img {max-height:537px;}
    /* End Superwidget Code Source Styles */

    #right-content img{
        max-width:220px;
        height : auto;
    }



/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  header, .header_school_title, section.subheader, #left-content, #sub-navigation-menu, #right-content, footer { display: none; }
  #main-content { width: 100%; }
}


/** hiding old site links #schools-navigation-menu li.graduate**/

#schools-navigation-menu li.old-graduate, #schools-navigation-menu li.old-energy, #schools-navigation-menu li.graduate {

  display:none;
}
div.header-quote {
float: right;
width:190px !important;
margin-left:0;
margin-right:0;
}