/*Green Colour Scheme*/

body{ background-color: #333333; color:#ffffff;}

::-moz-selection { background: #87cc33; color: #222; text-shadow: none; }
::selection { background: #87cc33; color: #222; text-shadow: none; }

a, a:visited { color: #87cc33; }

/*Start Kupu editor styles*/
h1, h4, h5, h6 {
color: #ffffff;
}
h2{
color: #87cc33;
}
h3{
color: #ffffff;
}
h3.heading {
    border-top:1px solid #ffffff;
}
/*start TOC */
ul.toc li a {
   border-bottom: 1px dotted #ffffff;
   color: #ffffff;
}
ul.toc li a.selected-item {
   color: #87cc33;
   border-bottom: 1px solid #87cc33;
}
ul.toc li a:hover {
   color: #87cc33;
   border-bottom: 1px solid #87cc33;
   background-color: #555555;
}
ul.toc li ul.toc li a {
   border-bottom: 1px solid #ffffff;
}
ul.toc li ul.toc li ul.toc li a {
   border-bottom: 1px solid #ffffff;
}
/*end TOC */
/*Silva Tables*/
/*global table styling*/
table.silvatable td {
    color: #ffffff;
}
/*grid tables*/
table.silvatable.grid tr td{
    border: 1px solid #87cc33;
}
table.silvatable.grid tr.rowheading {
    color:#ffffff;
}
/*list tables*/
table.silvatable.list {
    border-top: 1px dotted #87cc33;
    border-bottom: 1px dotted #87cc33;
}
table.silvatable.list tr {
border-top: 1px dotted #87cc33;
}
table.silvatable.list tr.rowheading td{
    border-top: 1px solid #87cc33;
}
table.silvatable.list td ul.nobullet li a{
    color:#ffffff;
}
table.silvatable.list td ul.nobullet li:first-child a{
    color:#ffffff;
}
/*datagrid tables*/
table.silvatable.datagrid tr:first-child td{
    color:#87cc33;
}
table.silvatable.datagrid tr td{
    border: 1px solid #87cc33;
    color:#ffffff;
}
table.silvatable.datagrid tr td:first-child{
    color:#87cc33;
}
/*End Silva Tables*/
/*End Kupu editor styles*/

/*start header styles*/
header.header_bg {
    background-color: #87cc33; /*Dynamic Colour*/
    background-image: url("../img/ucl_logo_green.png"); /*Dynamic Logo*/
    color:#333333;
}
header.header_bg .ucl-nav-icon {
top: 4px;
}
header div.header_school_title a{
    color:#333333;
    border-color: #333333;
}
section.subheader {
    background-color:#333333;
}
#top-banner-content{
    background-color:#333333;
}
header div.header_school_title {
    /*border-top: 1px solid #333333;*/
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.3);
}
section.subheader section.header_welcome_text .header-quote {
    background-image: url("../img/dark-quote-bg.png");
    background-color: #4c4c4d;
}
section.subheader section.header_welcome_text .header-quote blockquote{
    background-color: #333;
}

section.subheader section.header_search_form form#search {
background-color:#232323;
}

section.subheader .header_search_form input[type="search"], input#funnelback-search {
color:#f3f3f3;
}

::-webkit-input-placeholder {color: #f3f3f3;}

.funnelback_search_submit {
    background: transparent url("../img/search-arrow-light.gif") no-repeat scroll 80% 50%;
}

/*Removed this style as it's superseeded by the one above*/
/*.funnelback_search_submit {
   background-color: #333333;
}*/
/*end header styles*/

section.subheader nav#schools-navigation-menu li.bartlett a:hover{
    color: #ffffff;
}
section.subheader nav#primary-navigation-menu li a {
    border-top: 1px solid #ffffff;
}
section.subheader nav#primary-navigation-menu li a:hover, section.subheader nav#primary-navigation-menu li.current a {
    border-top: 1px solid #87cc33;
    color:#87cc33;
}
section.subheader nav#primary-navigation-menu li a,
section.subheader nav#schools-navigation-menu li a {
    color: #ffffff;
}
section.subheader nav#schools-navigation-menu li.bartlett {
    border-bottom-color: white;
}

/*Border for the right column*/
.ucl{
    background-image:url("../img/separator_green.gif");
}
#bartlett_layout_1.ucl, #bartlett_layout_4.ucl, #bartlett_layout_7.ucl{
    background-image:none;
}

/*start sub-navigation-menu */
nav#sub-navigation-menu ul li a {
   border-bottom: 1px dotted #ffffff;
   color: #ffffff;
}
nav#sub-navigation-menu ul li a.selected-item {
   color: #87cc33;
   border-bottom: 1px solid #87cc33;
}
nav#sub-navigation-menu ul li a:hover {
   color: #87cc33;
   border-bottom: 1px solid #87cc33;
   background-color: #555555;
}
nav#sub-navigation-menu ul li ul li a {
   border-bottom: 1px solid #ffffff;
}
nav#sub-navigation-menu ul li ul li ul li a {
   border-bottom: 1px solid #ffffff;
}
/*end sub-navigation-menu */

/*Start Portlets Styles*/
#right-content h2.heading, #right-content h3.heading {
    border-top: 1px solid #ffffff;
    color:#ffffff;
}
#right-content  aside#programme-finder {
    background-color:#c9da55;
}
/*End Portlets Styles*/

/*start news and events*/
.n-e_primary_container, .n-e_secondary_container {
    border-bottom: 1px dotted white;
}
.n-e_title {
    border-top: 1px solid white;
}
.n-e_archive_link {
    background-image: url("../img/n-e_archive_link_white.png");
}
.newsitem h3.heading a, .n-e_archive_link a, .n-e_archive_link a:visited, .newsitem h3.heading a:visited {
    color: #ffffff;
}
ul.n-e_archive_pagination li a{
    border: 1px solid #333333;
    color: #ffffff;
}
ul.n-e_archive_pagination li a:hover{
    border: 1px solid #ffffff;
}
ul.n-e_archive_pagination li.selected_month a{
    border: 1px solid #87cc33;
}
.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: #ffffff;
}

/*end news and events*/

/*start colsplitter code source*/
.colsplit .left{
border-right:1px dotted #87cc33;
}
/*end colsplitter code source*/

/*start news code sources*/
.cs_news .n-e_title {
    border-top: 1px solid #87cc33;
    color:#87cc33;
}
.cs_news .n-e_primary_container{
    border-bottom: 1px dotted #87cc33;
}
/*end news code sources*/

/*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: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.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 {
    color: #87CC33;
    border-bottom: 1px solid #87CC33;
}
/*end programmes code source*/

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

/*Start related_articles code source*/
.r-a_container ul.r-a {
    color: #ffffff;
    border-bottom: 1px solid #87cc33;
}
.r-a_container ul.r-a li.r-a_title a {
    border-top: 1px dotted #87cc33;
    color: #ffffff;
}
.r-a_container ul.r-a li.r-a_text{
    color: #ffffff;
}
/*End related_articles code source*/

/*Start twitter carousel*/
#uclCarousel .carousel-indicators .active {
  background-color: #87cc33;
}
#uclCarousel .carousel-caption {
  background-image: url("../img/dark-caption-bg-img.png");
}
#uclCarousel .caption-container{
    background-color: #333;
}
/*End twitter carousel*/

/*Start Image Carousel Code Source*/

.barousel_content {
background:url("../img/carousel-bg-dark.gif") no-repeat scroll -253px -230px transparent;
}

.barousel_content, .barousel_content p, .barousel_content p.carousel_header{
    color: #fff;
}
.barousel_nav li a.current{
    background-image:url(../img/current_nav_green.png);
}
/*End Image Carousel Code Source*/

/*Start Blog Feed Code Source*/
#blog-container h2.heading {
    border-top: 1px solid #87cc33;
}
#right-content #blog-container h2.heading{
    border-top: 1px solid #FFFFFF;
    color:#FFFFFF;
}
#right-content ul.b-f li.b-f_text .b-f_summary{
    font-family: sans-serif;
}
ul.b-f {
    border-bottom: 1px solid #87cc33;
    color:#FFFFFF;
}
ul.b-f li.b-f_title a {
    border-top: 1px dotted #87cc33;
    color:#FFFFFF;
}
/*End Blog Feed Code Source*/

/*Start Twitter Feed Code Source*/
#twitter-container h2.heading {
    border-top: 1px solid #87cc33;
}
#right-content #twitter-container h2.heading {
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
}
ul.f-u {
    border-bottom: 1px solid #87cc33;
    color: #FFFFFF;
}
ul.f-u li ul.f-u_twitter {
    background-image: url("../img/follow_us_twitter_white.gif");
    border-top: 1px dotted #87cc33;
}
ul.f-u li ul li.f-u_title a, ul.f-u li ul li.f-u_text a {
    color: #FFFFFF;
}
/*End Twitter Feed Code Source*/

/*Start Bartlett TV Code Source*/
#youtube-container p.b-t_title a {
    color: #ffffff;
}
/*End Bartlett TV Code Source*/

/*Start HP Features Code Source*/
#feature-container h2.heading {
    border-top: 1px solid #87cc33;
}
#feature-container .feature-block p.p a{
    color: #ffffff;
}
/*End HP Features Code Source*/

/* Start Publications Code Source */
#publications-container h2.heading {
    border-top: 1px solid #87cc33;
    color: #87cc33;
}
#publications-container .publication-block p.p.pub-title a{
    color: #ffffff;
}
/* End Publications Code Source */

/*start breadcrumb styles*/
section#breadcrumb-content {
    border-top: 1px solid #87cc33;
}
section#breadcrumb-content ul,
section#breadcrumb-content ul li a{
    color: #87cc33;
}
section#breadcrumb-content ul li:first-child,
section#breadcrumb-content ul li:first-child a{
     color: #ffffff;
}
/*end breadcrumb styles*/

/* start footer styles*/
footer section .copyright{
    background: transparent url("../img/device-dark.gif") no-repeat scroll 0px 35px;
}
footer#footer-content, footer#footer-content a, footer#footer-content a:hover {
    background-color: #e6e6e6;
    color: #000;
}
footer#footer-content section ul li {
    border-bottom: 1px solid black;
}
footer#footer-content li.facebook_link {
    background-image: url("../img/facebook_footer_light.gif");
}
footer#footer-content li.twitter_link {
    background-image: url("../img/twitter_footer_light.gif");
}
footer#footer-content li.pinterest_link {
    background-image: url("../img/pinterest_footer_light.png");
}
footer#footer-content li.instagram_link {
    background-image: url("../img/instagram_footer_light.png");
}
footer#footer-content li.youtube_link {
    background-image: url("../img/youtube_footer_light.png");
}
/* end footer styles*/

/*Start Funnelback Search styles*/
.fb-s_container{
    border-bottom: 1px dotted #ffffff;
}
.fb-s_container:first-child{
    border-top: 1px dotted #ffffff;
}
.fb-s_heading {
    border-top: 1px solid #ffffff;
}
h4.heading a, h4.heading a:visited {
    color: #FFFFFF;
}
.fb-s_most_popular h4{
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}
.fb-s_most_popular li{
    color: #FFFFFF;
}
.fb-s_most_popular li a, .fb-s_most_popular li a:visited, .fb-s_most_popular li a:active{
    color: #FFFFFF;
}
.fb-s_pagination_container {
    border-top: 1px solid #FFFFFF;
}
.fb-s_pagination a.prev_arrow, .fb-s_pagination a.next_arrow {
    background-color: #333333;
}
.fb-s_pagination a, .fb-s_pagination a:visited, .fb-s_pagination a:active, .fb-s_pagination {
    color: #FFFFFF;
}
.fb-s_container.fb-s_school_color{
    border-bottom: 1px dotted #87cc33;
}
.fb-s_container.fb-s_school_color:first-child{
    border-top: 1px dotted #87cc33;
}
nav#sub-navigation-menu ul li.trigger.fb-s_school_color a {
    background-image: url("../img/arrow_down_planning.gif");
}
nav#sub-navigation-menu ul li.trigger.fb-s_school_color a.active {
    background-image: url("../img/arrow_up_planning.gif");
    border-bottom: 1px solid #87cc33;
    color: #87cc33;
}
nav#sub-navigation-menu ul li#bartlett-parent-facet a:hover, nav#sub-navigation-menu ul li#bartlett-parent-facet #bartlett-facets ul li a:hover {
   border-bottom: 1px solid #FFFFFF;
   color:#FFFFFF;
}
nav#sub-navigation-menu ul li#bartlett-parent-facet.trigger a {
    background-image: url("../img/arrow_down_white.gif"); /*Dynamic Logo*/
}
nav#sub-navigation-menu ul li#bartlett-parent-facet.trigger a.active {
    background-image: url("../img/arrow_up_white.gif"); /*Dynamic Logo*/
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}
/*End funnelback search styles*/

/* not sure what this is for, it's some of Ralphs code*/
/*@media only screen and (min-width: 1024px) {
    .barousel.grid_16 {
        height:466px;
    }
}*/

/*Smartphone variations*/
@media only screen and (max-width: 533px) {
    header.header_bg {
        background-image: url("../img/ucl_logo_green_mobile.png"); /*Dynamic Logo*/
    }
    #bartlett_layout_2 #main-content,
    #bartlett_layout_3 #main-content,
    #bartlett_layout_6 #main-content,
    #bartlett_layout_8 #main-content{
        border-right: none;
    }
    #bartlett_layout_5 .rightborder, #bartlett_layout_9 .rightborder{
        border-right: none;
    }
    header div.header_school_title {
        border-top: none;
    }
    section#breadcrumb-content {
        border-bottom: 1px solid #87cc33;
    }
    .colsplit .left{
        border-right: none;
    }
    section.subheader nav#schools-navigation-menu li.first {
        border-top: none;
    }
    .cs_news .n-e_content h3.heading{
        border-top: none;
    }
    section#breadcrumb-content {
        background-color: #555555;
        border-bottom: 1px solid #87cc33;
    }
}