@media screen {

/*---------- RESET ----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
  }
table {
  border-collapse:collapse;
  border-spacing:0;
  }
fieldset,img { 
  border:0;
  }
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }
ol,ul {
  /*list-style:none;*/
  }
caption,th {
  text-align:left;
  }
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  }
q:before,q:after {
  content:'';
  }
abbr,acronym {
  border:0;
  }

/*---------- LAYOUT ----------*/
div.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  background-color: #ffffff;
}
div.cell {
  position: relative;
  float: left;
  left: 100%;
}
/*----- WIDTH CLASSES. -----*/
/*----- For a given cell width -----*/ 
div.width-1  { width:  5.3125% }
div.width-2  { width: 11.625% }
div.width-3  { width: 17.9375% }
div.width-4  { width: 24.25% }
div.width-5  { width: 30.5625% }
div.width-6  { width: 36.875% }
div.width-7  { width: 43.1875% }
div.width-8  { width: 49.5% }
div.width-9  { width: 55.8125% }
div.width-10 { width: 62.125% }
div.width-11 { width: 68.4375% }
div.width-12 { width: 74.75% }
div.width-13 { width: 81.0625% }
div.width-14 { width: 87.375% }
div.width-15 { width: 93.6875% }
div.width-16 { width: 100% }

/*----- Positioning classes -----*/ 
div.position-0  { margin-left: -100% }
div.position-1  { margin-left: -93.75% }
div.position-2  { margin-left: -87.5%  }
div.position-3  { margin-left: -81.08% }
div.position-4  { margin-left: -74.75% }
div.position-5  { margin-left: -68.5% }
div.position-6  { margin-left: -62.1% }
div.position-7  { margin-left: -55.9% }
div.position-8  { margin-left: -49.45% }
div.position-9  { margin-left: -43.18% }
div.position-10 { margin-left: -36.87% }
div.position-11 { margin-left: -30.56% }
div.position-12 { margin-left: -24.24% }
div.position-13 { margin-left: -17.93% }
div.position-14 { margin-left: -11.62% }
div.position-15 { margin-left:  -5.31% }

/* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions. 
   Not strictly necessary. */
div.width-1\3a 2 { width:    49.5% } /* .width-1:2 */
div.width-1\3a 4 { width:    24.3% } /* .width-1:4 */
div.width-3\3a 4 { width:    74.7% } /* .width-3:4 */
div.position-1\3a 4 {margin-left:    -74.65% } /* .position-1:4 */
div.position-1\3a 2 {margin-left:    -49.45% } /* .position-1:2 */
div.position-3\3a 4 {margin-left:    -24.25% } /* .position-3:4 */


/* Special classes for ⅓, ⅔ widths and ⅓, ⅔ positions. 
These do not strictly conform to the grid, but are useful for certain layouts. */
div.width-1\3a 3 { width: 32.66%; } /* .width-1:3 */
div.width-2\3a 3 { width: 66.4%; } /* .width-2:3 */
div.position-1\3a 3 {margin-left: -66.35%;} /* .position-1:3 */
div.position-2\3a 3 {margin-left: -32.65%;} /* .position-2:3 */

/* Full/leftmost are useful synonyms for full width and leftmost positioning */
div.position-leftmost  { margin-left: -100%   }
div.width-full { width: 100% }

/* Define classes for 1/5ths and 1/6ths widths and positions. */
div.width-1\3a 5 { width:    19.2%; } /* .width-1:5 */
div.position-1\3a 5 {margin-left:    -79.8%;} /* .position-1:5 */
div.position-2\3a 5 {margin-left:    -59.6%;} /* .position-2:5 */
div.position-3\3a 5 {margin-left:    -39.4%;} /* .position-3:5 */
div.position-4\3a 5 {margin-left:    -19.15%;} /* .position-4:5 */

div.width-1\3a 6 { width:    15.8333%; } /* .width-1:6 */
div.position-1\3a 6 {margin-left:    -83.16%;} /* .position-1:6 */
div.position-5\3a 6 {margin-left:    -15.83%;} /* .position-5:6 */

/*---------- PORTAL COLUMNS ----------=*/
#portal-column-content.position-0 {
  margin-left:-100%;
  }
#portal-column-content.width-1\3a 2 {
  width:52.8%;
  }
#portal-column-content.position-1\3a 4 {
  margin-left:-78.9%;
  }
#portal-column-content.width-3\3a 4 {
  width:78.9%;
  }
#portal-column-content.width-3\3a 4.position-0 {
  width:73.9%;
  }
#portal-column-one {
  margin-left:-100%;
  width:20%;
  }
#portal-column-two {
  margin-left:-25%;
  width:25%;
  }
.cell.red {
  background-color: #CCCCCC;
    padding: 1em 0;
    text-align: center;
  }
.grid-background .row {
  margin-bottom: 1em;
  }
/*---------- PORTAL CONTENT ----------*/
body {
  background-color:#D9D9D1;
  color:#332c34;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  }
a:link {
  /*color:#5981d2;*/
  color:#034da1;
  }
a:visited {
  /*color:#93a1bf;*/
  color:#034da1;
  }
p {
  line-height:1.5em;
  margin:0 0 0.75em;
  }
ol {
  list-style-type:decimal;
  margin:0 0 18px 27px;
  }
img {
  vertical-align:text-bottom;
  }
#content img,
.portletStaticText img {
  height:auto;
  max-width:100%;
  width:auto; /*fix to IE8*/
  }
li {
  margin-bottom:0.5em;
  }
#content li ul,
#content li ol {
  margin-top:0;
  margin-bottom:0;
  }
dl {
  margin:0 0 1em;
  }
dt {
  font-weight:bold;
  }
dd {
  line-height:1.5em;
  margin:0 0 0.5em 0;
  }
strong {
  font-weight:bold;
  }
pre {
  background-color: #E6F5F6;
  color:#000;
  font-size:14px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom:1em;
  padding:1em;
  overflow-x:auto;
  }
#content {
  background-color:#ffffff;
  clear:both;
  line-height:1.5em;
  padding:1em 1em 2em;
  }


h1, h2, h3 {
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 80%;
    color: #6f6f6f;
    line-height: 0; 
  }
h1 {
  border-bottom:0;
  line-height:1.23em;
  margin-bottom:0.5em;
  font-size: 36px;
 }
  @media (max-width: 767px) {
  h1 {
    font-size: 30px; } }
h2 {
  border-bottom:0;
  line-height:1.27em;
  font-size: 30px; }
  @media (max-width: 767px) {
  h2 {
    font-size: 24px; } }
h3 {
  line-height:1.25em;
  font-size: 24px; }
  @media (max-width: 767px) {
    h3, .as-h3 {
      font-size: 18px; } }
h4 {
  line-height:1.2em;
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0; }
  @media (max-width: 767px) {
    h4, .as-h4 {
      font-size: 16px; } }
h5 {
  line-height:1.15em;
  font-size: 14px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold; }
h6 {
  line-height:1.1em;
  font-size: 12px;
  color: #999;
  margin: 1em 0 0; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
  text-decoration: none;
  }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline;
  }


#content li a,
#content p a,
#content dd a {
  border:0;
  text-decoration:none;
  }
#content .link-presentation {
  font-size:90%;
  }
#content ul li {
  line-height:1.5em;
  padding:5px 1px 0 1px;
  }
.documentActions {
  background-color:#fff;
  margin:1em -1em -2em;
  padding:1.5em 0 2em 2em;
  text-align:right;
  }
.template-folder_full_view .documentActions {
  margin:0 -1em;
  }
#content .documentActions ul {
  border-top:1px solid #ccd0d6;
  margin:2px 0 0;
  }
#content .documentActions li {
  background:#e5e7eb;
  display:inline-block;
  margin:0 0 0 0.5em;
  padding:0 17px 3px;  
  }
.documentActions li a {
  color:#929aa6;
  }
li.formTab a.selected {
  background:#f0f2f2;
  }
li.formTab a:hover {
  background:#f0f2f2;
  }
.discussion {
  background-color:#fff;
  margin:1em -1em -2em;
  padding:1em;
  }
.documentEditable .discussion {
  margin:1em -0.9em -2em;
  }
.documentDescription {
  font-weight:normal;
  margin:0 0 1em;
  }
#content-history div.historyComment {
  background-color:transparent;
  }
.discreet {
  /*color:#76797c;*/
  color: #666666;
  }

/*----- Plone Elements -----*/
.visualHighlight {
  background-color:#ffb;
  }
.pullquote {
  border-left:6px solid silver;
  clear:right;
  color:#406398;
  float:right;
  font-size:1.17em;
  line-height:1.42em;
  margin:0 1em 1.5em 2.5em;
  padding-left:10px;
  width:35%;
  }
.callout {
  background-color: #E6F5F6;
  border-top:5px solid #0097A9;
  padding:1em;
  }
.callout2 {
  background-color: #dbeaea;
  border:1px solid #BFC4ED;
  padding:1em;
  }
.hiddenStructure {
  background:none;
  border:0;
  display:block;
  height:0.1em;
  margin:-0.1em 0 0 -0.1em;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  }
.visualClear {
  clear:both;
  }
#lineageSelectionForm {
  position: absolute;
  left: 50%;
  margin-left: -65px;
  }   

/* Image alignment classes */
.image-left {
  clear:left;
  float:left;
  margin:0.5em 1em 0.5em 0;
  }
.image-right {
  clear:right;
  float:right;
  margin:0.5em 0 0.5em 1em;
  }
.image-inline {
  float:none;
  }
.image-caption {
  margin:0; 
  }
.newsImageContainer {
  float:none;
  margin:0 0 8px 0;
  background-color: none;
  }
img.tileImage {
  border:1px solid #000;
  float:right;
  margin:0 0 0.5em 0.5em;
  }

/*----- Forms -----*/
input {
  font:1em Arial, Helvetica, sans-serif;
  vertical-align:middle;
  }
input[type="checkbox"],
input[type="radio"] {
  margin-right:3px;
  }
.label {
  font-weight:bold;
  }
label {
  font-weight:bold;
  vertical-align:middle;
  }
fieldset {
  border-top:1px solid #ccc;
  line-height:1.5em;
  margin:1em 0;
  padding:1em 0;
  }
.field {
  margin:0 0 1em;
  }
div.field.error {
  background-color:#fdc;
  border:1px solid red;
  margin:1em 0;
  padding:0.5em;
  }
.formControls {
  margin:1em 0;
  }
.formControls input {
  margin-right:4px;
  }
.context {
  margin-right:4px;
  padding:0 3px;
  }
.standalone {
  color:#332c34;
  margin-right:4px;
  padding:0 3px;
  }
.destructive {
  margin-right:4px;
  padding:0 3px;
  }
#visual-portal-wrapper {
  margin:0 auto;
  max-width:1470px;
  width: 90%;
  }
  
/*---------- PORTAL TOP ----------*/
#portal-top {
  border-top:0px solid #ffffff;
  }
#portal-header {
  background: #0097A9;
  position:relative;
  }
  
/*---------- PORTAL SITEACTIONS ----------*/
#portal-siteactions {
  background:url(../images/theme_rain/rain_sprite.png) no-repeat 0 -250px;
  float:right;
  line-height:1.25em;
  margin:0;
  padding:3px 20px 4px;
  }
#portal-siteactions li {
  display:inline;
  }
#portal-siteactions li a {
  border:0;
  color:#fff;
  margin-right:0.2em;
  padding:0.2em;
  text-decoration:none;
  text-transform:none;
  }
#portal-siteactions li a:hover {
  text-decoration:underline;
  }
  
/*---------- PORTAL SEARCHBOX ----------*/
#portal-searchbox {
  position:absolute;
  right:16px;
  top:33px;
  z-index:1;
  }
.LSBox {
  position:relative;
  }
.searchField {
  background:url(../images/home_sprite.png) no-repeat 0 0;
  border:0;
  font-size:1em;
  line-height:33px;
  height:33px;
  padding:0 6px 0 10px;
  vertical-align:top;
  width:242px;
  }
input.inputLabelActive {
  color:#76797c;
  }
#portal-searchbox .searchButton {
  background:url(../images/home_sprite.png) no-repeat 0 -33px;
  border:0;
  cursor:pointer;
  height:33px;
  padding:0 0 0 2px;
  text-indent:-9999px;
  width:44px;
  }
.searchSection {
  color:#fff;
  display:none;
  font-size:0.92em;
  margin:4px 11px 0;
  }
#portal-searchbox:hover .searchSection {
  display:block;
  }
.searchSection input {
  height:14px;
  margin-right:4px;
  vertical-align:middle;
  width:14px;
  }
.searchSection label {
  vertical-align:middle;
  }
.searchSection label:hover {
  color:#fff;
  }

/*---------- LIVESEARCH ----------*/
.LSResult {
  position:absolute;
  right:0;
  top:14px;
  z-index:1;
  }
.LSTable {
  margin: 0.5em 0;
  }
.LSRow {
  border:0;
  width:auto;
  }
.LSRow a {
  font-weight:bold;
  text-decoration:none;
  white-space:normal;
  }
.livesearchContainer {
  border:0;
  color:#76797c;
  left:0;
  margin:0;
  padding:0;
  width:396px;
  }
#portal-column-two .livesearchContainer {
  width:210px;
  }
#livesearchLegend {
  border:1px solid #d3d3d4;
  border-bottom:0;
  background-color:#fff;
  padding: 0.25em;
  position:relative;
  }
.LSIEFix {
  background-color:#fff;
  border:1px solid #d3d3d4;
  margin-top:-1px;
  padding:0.5em;
  }
.LSDescr {
  color:#76797c;
  font-size:85%;
  font-weight:normal;
  margin-left:2.5em;
  }

/*---------- PORTAL LOGO ----------*/
#portal-logo {
  display:inline-block;
  margin:0;
  text-decoration:none;
  vertical-align:middle;
  }
#portal-logo img {
  margin-left:25px;
  margin-top:10px;
  }

/*---------- PORTAL SLOGAN ----------*/
#portal-slogan {
  color:#e5e7eb;
  display:inline-block;
  font-family:Verdana,Geneva,sans-serif;
  font-size:1.17em;
  font-weight:bold;
  padding:0 0 0 40px;
  vertical-align:middle;
  width:370px;
  }

/*---------- LINGVO PLONE ----------*/
#portal-languageselector {
  background-color:#ccd0d6;
  float:right;
  font-size:11px;
  line-height:15px;
  margin:0;
  padding:2px 0;
  width:100%;
  }
#portal-languageselector li {
  float:right;
  margin:0;
  }
#portal-languageselector a {
  color:#332c34;
  margin-right:20px;
  text-decoration:none;
  }
#portal-languageselector a:hover {
  text-decoration:underline;
  }
#portal-languageselector .currentLanguage a {
  text-decoration:underline;
  }

/*---------- GLOBAL NAVIGATION ----------*/
#theme-globalnav {
  background-color:#ffffff;
  clear:both;
  white-space:normal;
  }
#theme-globalnav > li {
  display:inline-block;
  margin:0 0.5em 0 0;
  position:relative;
  white-space:nowrap;
  }
#theme-globalnav li a {
  color:#332c34;
  display:inline-block;
  padding:16px 16px 8px 16px;
  position:relative;
  -moz-border-radius:0 0 6px 6px;
  -webkit-border-radius:0 0 6px 6px;
  border-radius:0 0 6px 6px;
  text-decoration: none;
  }
#theme-globalnav li.selected > a,
#theme-globalnav li:hover > a {
  background-color:#ff6046;
  color: #fff;
  }
#theme-globalnav:hover li:hover a {
  background-color:#ff6046;
  }
.themeComment {
  left:-9999px;
  position:absolute;
  }
#theme-globalnav li:hover > a.hasChildrens {
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  }

/*------Megamenu-------*/

#portal-megamenu .megamenu-nav:hover > li:hover > a {
  background-color: #ff6046;
  }
#theme-globalnav.megamenu-nav:hover li:hover > a {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  }
#theme-globalnav.megamenu-nav li.plus > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  }
#theme-globalnav.megamenu-nav .subs li a {
  padding: 0;
  }
#portal-megamenu .subs a {
  color: #332c34;
  }
#theme-globalnav.megamenu-nav .subs li .portletItem a {
  color:#93a1bf !important;
  text-decoration: underline;
  }
#theme-globalnav.megamenu-nav .subs li a {
  background-color: transparent !important;
  }
#theme-globalnav.megamenu-nav .portletCalendar dt {
  margin-bottom: 0;
  } 
#theme-globalnav.megamenu-nav li .portletCalendar a {
  width: auto;
  display: inline-block;
  } 
.ploneCalendar td {
  border: 0;
  }
#theme-globalnav.megamenu-nav > li {
  position: static;
  }
#theme-globalnav.megamenu-nav > li > .subs {
  background-color: #f0f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 20px;
  left: 0;
  border-bottom: 1px solid #fff;
  }
#portal-top .panels {
  margin: 10px 0; 
  }
.megamenu-nav .portletHeader {
  background-color: #ccd0d6;
  }
#theme-globalnav > li {
  white-space: normal;
  }
#theme-globalnav:hover li:hover .subs a {
  background-color: transparent;
  }

/*----- DropDown -----*/

#theme-globalnav li > ul {
  -moz-border-radius:0 6px 6px 6px;
  -webkit-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
  background-color:#ff6046;
  display:none;
  left:0;
  padding:5px 0 8px;
  position:absolute;
  top:100%;
  width:174px;
  z-index:10;
  }
#theme-globalnav li:hover > ul {
  display:block;
  }
#theme-globalnav ul li {
  margin:0 -1px 0 0;
  padding-right:1px;
  position:relative;
  }
#theme-globalnav ul li a {
  color:#fff;
  display:block;
  padding:5px 16px;
  white-space:normal;
  }
#theme-globalnav:hover ul li:hover > a {
  background-color:#f3553b;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  }
#theme-globalnav ul li a span {
  line-height:1.1em;
  }
#theme-globalnav li ul ul {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  left:175px;
  top:-5px;
  }
#theme-globalnav ul li a.hasChildrens {
  background:url(../images/home_sprite.png) no-repeat 160px -233px;
  }
#theme-globalnav ul li:hover > a.hasChildrens {
  background:url(../images/home_sprite.png) no-repeat 160px -109px #f3553b;
  }

/*---------- PORTAL PERSONAL TOOLS ----------*/
#portal-personaltools-wrapper {
  position:absolute;
  right:0;
  }
#portal-personaltools {
  background:transparent url(../images/theme_rain/rain_sprite.png) no-repeat 0 -250px;
  padding:1px 20px 2px;
  }
#portal-personaltools .actionMenuHeader a {
  text-decoration:underline;
  }
#portal-personaltools .actionMenuContent {
  background-color:#ccd0d6;
  border:1px solid #332c34;
  padding:0;
  right:0;
  }
#portal-personaltools li {
  margin:0;
  }
#portal-personaltools .actionMenuContent a {
  color:#332c34;
  line-height:1.5em;
  margin:0;
  padding:0.2em 0.5em;
  }
#portal-personaltools li a:hover {
  background-color:#323953;
  color:#fff;
  opacity:0.9;
  text-decoration:underline;
  }
#portal-personaltools #anon-personalbar a {
  display:inline;
  }
#portal-personaltools #anon-personalbar #personaltools-join {
  padding-left:2em;
  }
#portal-personaltools #anon-personalbar a:hover {
  background-color:transparent;
  }

/*---------- PORTAL BREAD CRUMBS ----------*/
#portal-breadcrumbs {
  font-size:14px;
  line-height:1.6em;
  padding:18px 16px;
  }
#portal-breadcrumbs a {
  color:#034da1;
  text-decoration: none;
  }
#breadcrumbs-you-are-here {
  color:#034da1;
  font-size:14px;
  }
.breadcrumbSeparator {
  color:#929aa6;
  }
.breadcrumb-current {
  color:#929aa6;
  }

/*---------- PORTAL SUBSCRIBE LINKS ----------*/
#subscribe-links {
  float:right;
  margin:0 5px 0 10px;
  padding:2px 0;
  }
.subsribeWrapper {
  margin:0;
  text-align:right;
  }
.subsribeItem {
  display:inline;
  font-size:1.50em;
  }

/*---------- PORTAL FOOTER ----------*/
#portal-footer {
  border-top:30px solid #f0f2f2;
  clear:both;
  line-height:1.2em;
  margin:2em 0 1em;
  padding:1em 0 0;
  text-align:center;
  }
#portal-footer p {
  margin:0.25em 0;
  }
#portal-footer a {
  text-decoration:none;
  }

/*---------- PORTAL COLOPHON ----------*/
#portal-colophon {
  color:#666;
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:left;
  }
#portal-colophon a {
  border-bottom:0px solid #ccc;
  color:#ffffff;
  text-decoration:none;
  }
.credits {
  display:inline;
  padding-right:0.2em;
  }
.colophonWrapper {
  display:inline-block;
  }

/*---------- GENERAL PORTLETS PROPERTIES ----------*/
.portlet {
  background-color:#ffffff;
  border-bottom:1px solid #fff;
  margin:0;
  padding-bottom:1em;
  }
.portlet a, .portlet a:visited {
  color:#000000;
  text-decoration: none;
  }
.portlet a:hover {
  text-decoration: underline;
}
.portletHeader,
#theme-globalnav dt {
  background-color:#0097A9;
  font-size:18px;
  font-weight:normal;
  line-height:1.6em;
  padding:3px 11px;
  color: #fff;
  }
#theme-globalnav dt {
  margin: 1em 0 0;
  font-weight: bold;
  }
.portletHeader a,
.managedPortlet .portletHeader a {
  text-decoration:none;
  }
.portletItem {
  margin:0;
  padding:1em;
  }
.portletFooter {
  padding:0.25em 1em;
  text-align:right;
  }
.portletItem a:visited,
.portletFooter a:visited,
a:visited .portletItemDetails {
  color:#93a1bf;
  }
.portlet a.tile {
  display:block;
  }
.portletItemDetails {
  display:block;
  text-align:right;
  }

/*---------- MANAGE PORTLETS ----------*/
.managedPortlet {
  margin:0.8em 0;
  }
.blockedPortlet .portletHeader {
  border:1px dashed #ddd;
  margin:-1px;
  background:none !important;
  }
.blockedPortlet .portletHeader a {
  color:#666;
  }
.blockedPortlet .portletBlockedMessage {
  color:white;
  display:inline;
  }
div.portletAssignments div.portletHeader {
  font-size:1.2em;
  line-height:1em;
  padding:0.42em 1em;
  }
.managedPortletActions {
  float:right;
  }
div.portletAssignments .managedPortletActions form {
  display:inline;
  }
div.portletAssignments .managedPortletActions a,
div.portletAssignments .managedPortletActions button {
  background-color:transparent;
  border:none;
  cursor:pointer;
  margin:0;
  padding:0;
  }
div.managePortletsLink,
a.managePortletsFallback {
font-size: 100%;
background-color: #75AD0A;
padding: 5px;
margin: 5px;
text-align: center;
color: #ffffff;
  }

/*---------- portlet Green and Grey Items ----------*/
div.portletGreenItem {
  background-color:#acc755;
  border-bottom:1px solid #fff;
  color:#fff;
  font-size:1.17em;
  padding:23px 38px 19px 14px;
  position:relative;
  }
div.portletGreyItem .image-left,
div.portletGreenItem .image-left {
  margin-top:0;
  }
div.portletGreenItem a.portletLinkItem,
div.portletGreyItem a.portletLinkItem {
  bottom:0;
  padding:2px 10px;
  position:absolute;
  right:0;
  text-decoration:underline;
  }
div.portletGreenItem a {
  color:#fff !important;
  }
div.portletGreenItem a.portletLinkItem {
  background-color:#c7d98d;
  font-size:0.79em;
  }
div.portletGreyItem {
  background-color:#929aa6;
  border-bottom:1px solid #fff;
  color:#fffdc1;
  font-size:0.92em;
  padding:11px 11px 25px;
  position:relative;
  }
div.portletGreyItem a {
  color:#fff !important;
  }
div.portletGreyItem a.portletLinkItem {
  background-color:#b6bbc3;
  }

/*---------- PORTLET STATIC TEXT ----------*/
.portletStaticText ul li {
  padding:0.5em 0 0 0.5em;
  }

/*---------- PORTLET NAVIGATION ----------*/
.portletNavigationTree dt.hiddenStructure {
  background:transparent;
  padding:0;
  }
.portletNavigationTree .portletItem {
  padding:0;
  }
.navTreeItem {
  margin:0;
  list-style: none;
  }
.navTreeItem a {
  background:transparent !important;
  border-bottom: 1px solid #ffffff;
  color:#034da1 !important;
  display:block !important;
  font-size:1.0em;
  line-height:1.28em;
  padding:5px 30px;
  text-decoration:none;
  }
.navTreeItem a:hover {
  text-decoration: underline;
  }
.navTreeItem a img,
.portletRecent a img {
  display:none;
  }
.navTreeCurrentItem {
  }

/* Second Level */
.portletItem .navTreeLevel1 {
  background-color:#ffffff;
  }
.portletItem .navTreeLevel1 .navTreeItem a  {
  font-size:1em;
  line-height:1.5em;
  padding-left:41px;
  }
.portletItem .navTreeLevel1 .navTreeItem a:hover  {
  text-decoration: underline;
  }
.portletItem .navTreeLevel1 .navTreeCurrentItem {
  background-color:#ffffff !important;
  text-decoration: underline;
  }

/* Third Level */
.portletItem .navTreeLevel2 .navTreeItem a {
  padding-left:54px;
  }
.portletItem .navTreeLevel3 .navTreeItem a {
  padding-left:67px;
  }

/* Site Map */
#portal-sitemap .navTreeItem div a {
  border:1px solid #f0f2f2;
  padding:5px;
  text-decoration:none;
  }
#portal-sitemap .navTreeItem ul {
  margin:5px 0;
  }
#portal-sitemap li {
  background:transparent !important;
  }
#portal-sitemap a:hover {
  background-color:#ccd0d6 !important;
  color:#332c34 !important;
  }

/*---------- PORTLET CALENDAR ----------*/
dl.portlet.portletCalendar dt {
  text-align:center;
  }
dl.portlet.portletCalendar a {
  text-decoration:none;
 }
.ploneCalendar .weekdays th {
  background-color:#ccd0d6;
  border-color:#888;
  border-style:solid none;
  border-width:1px;
  color:#332c34;
  text-align:center;
  padding:2px;
  font-weight:normal;
  }
.ploneCalendar .todaynoevent {
  border:2px solid #ffa500;
  border-collapse:collapse;
  }
.ploneCalendar td {
  background-color:#e5e7eb;
  padding:2px;
  text-align:center;
  width:14%;
  }
.ploneCalendar td a {
  color:#332c34;
  }
.dayPopup {
  background-color:#ffffe1;
  border:1px solid Black;
  padding:0.2em;
  position:absolute;
  visibility:hidden;
  width:12em;
  z-index:2;
  }
.date {
  font-weight:bold;
  }
dl.portlet.portletCalendar dd {
  padding:0;
  }
.ploneCalendar {
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  }
.ploneCalendar .event {
  background-color:#ccd0d6;
  font-weight:bold;
  }
.ploneCalendar .todayevent {
  background-color:#ccd0d6;
  border:2px solid #ffa500;
  font-weight:bold;
  }
.ploneCalendar .todaynoevent {
  border-collapse:collapse;
  border:2px solid #ffa500;
  }


/*---------- PORTLET SEARCH ----------*/
.portletSearch .LSBox {
  padding:0 4px 0 5px;
  }
.portletSearch .portlet-search-gadget,
.portletSearch .portlet-search-gadget-nols {
  background:#fff;
  border:1px solid #8cacbb;
  height:15px;
  margin:0 0 0 -5px;
  padding:2px 3px 3px;
  vertical-align:top;
  width:65%;
  line-height: 22px;
  }
.portletSearch .searchButton {
  background:#8cacbb;
  border:0;
  color:#fff;
  font-weight:bold;
  height:22px;
  margin:0 -4px 0 0;
  overflow:visible;
  padding:0 4px;
  vertical-align:top;
  width:35%;
  }
.portletSearch .LSResult {
  left:-12px;
  top:20px;
  }
#portal-column-two .portletSearch .livesearchContainer {
  width:250px;
  }
.portletSearch .livesearchContainer {
  left:-12px;
  width:200px;
  }

/*---------- PORTLET TAG CUMULUS ----------*/
.portletCumulusPortlet {
  padding:0;
  }
.portletCumulusPortlet .portletFooter {
  margin:0;
  padding:0;
  }

/*---------- PORTLET LOGIN ----------*/
.portletLogin input {
  padding:2px 15px;
  }
.portletLogin .field input {
  border:1px solid #8cacbb;
  padding:2px;
  width:120px;
  }
.portletLogin img {
  display:none;
  }

/*---------- PORTLET WEB BLOG ----------*/
.portletWeblogAuthors a {
  text-decoration:none;
  }
.portletWeblogArchive a {
  border:0 !important;
  }
.portletWeblogArchive a:hover {
  border:0 !important;
  }
.portletQuillsLinks dd {
  margin:0;
  padding:0.5em;
  }

/*---------- PORTAL WEBLOG ----------*/
.portaltype-weblog #content {
  padding:1em 16px 0 !important;
  }
.portaltype-weblog .listingBar,
.portaltype-weblog .documentActions {
  margin:0 -16px;
  }
#content-weblog .weblog-entry {
  margin-top:10px;
  margin-bottom:35px;
  }
#content-weblog .weblog-view-entry-title {
  font-size:1.5em;
  line-height:2em;
  }
#content-weblog .documentByLine {
  background:url(../images/posted-by.gif) no-repeat 13px 7px #e5e7eb;
  font-size:0.9em;
  line-height:1.2em;
  padding:10px 0 10px 35px;
  margin:0.5em -16px;
  }
#content-weblog .documentByLine a {
  color:#929aa6;
  font-weight:bold;
  }
#content .weblog-topics ul li {
  background:transparent;
  padding:0;
  }
#content-weblog .weblog-footer {
  background-color:#fff;
  padding:2px 0 22px 15px;
  margin:0.5em -16px 0;
  }
#content-weblog .weblog-footer a {
  background:url(../images/comments_ico.png) no-repeat 0 4px;
  color:#929aa6;
  font-size:0.9em;
  line-height:1.2em;
  padding:2px 0 2px 20px;
  text-decoration:underline !important;
  }

/*---------- COLLECTIVE BLOG VIEW ----------*/
.template-blog_view #content {
  padding:1em 16px 0;
  }
.template-blog_view .documentEditable #content {
  margin-bottom:0;
  }
.template-blog_view .listingBar {
  margin:0 -16px;
  }
#blog-listing .blog-item {
  padding:1em 0 0;
  position:relative;
  }
#blog-listing #parent-fieldname-text {
  padding-bottom:30px;
  }
#blog-listing #plone-document-byline {
  display:inline-block;
  background-color:#e5e7eb;
  font-size:0.9em;
  line-height:1.2em;
  margin:5px -15px;
  padding:10px 15px;
  width:100%;
  }
#blog-listing .documentAuthor {
  margin:0 5px 0 0;
  padding:2px 0 2px 25px;
  }
#blog-listing .documentAuthor {
  background:url(../images/posted-by.gif) no-repeat 0 0;
  }
#blog-listing #plone-document-byline span {
  float:left;
  }
#blog-listing .documentModified {
  padding: 2px 0;
  }
#blog-listing .documentModified span {
  padding:0 5px 0; 
  }
#blog-listing .documentAuthor a {
  color:#929aa6;
  font-weight:bold;
  }
#blog-listing .documentActions {
  min-height:23px;
  margin:0 -16px;
  padding:1px 16px 20px;
  }
#blog-listing .documentActions ul {
  border:0;
  }
#blog-listing .documentActions ul li {
  background:transparent;
  padding-left:22px;
  }
#blog-listing .documentActions ul #document-action-print {
  background:url(../images/printer_ico.png) no-repeat 0 4px;
  }
#blog-listing .documentActions ul li a {
  font-size:0.9em;
  line-height:1.2em;
  }
#blog-listing .comment-link {
  bottom:16px;
  position:absolute;
  }
#blog-listing .comment-link a {
  background:url(../images/comments_ico.png) no-repeat 0 4px;
  color:#929AA6;
  font-size:0.9em;
  line-height:1.2em;
  padding:2px 0 2px 20px;
  }

/*----- Search -----*/

form.searchPage {
  text-align:left;
  }
input.searchPage {
  font-size:150% !important;
  }
form.searchPage input.searchButton {
  background:#ccd0d6;
  border:0;
  color:#332c34;
  cursor:pointer;
  height:29px;
  margin-left:1em;
  padding:0 15px;
  }
#search-results-bar a {
  color:#5981d2;
  }

/*----- template logged out -----*/
.template-logged_out #content {
  text-align:center;
  }
.template-logged_out #content .documentFirstHeading {
  background:transparent;
  font-size:2em;
  font-weight:bold;
  }
.template-logged_out #content .documentDescription {
  color:#666;
  font:bold 1.25em "Helvetica Neue",Arial,FreeSans,sans-serif;
  }
#login-form label {
  display:inline-block;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  width:10em;
  }
#login-form .formControls input {
  padding:1px 10px;
  }


/*----- Events -----*/
.eventDetails {
  clear:right;
  float:right;
  margin:0 0 0.5em 1em;
  }
#content .eventDetails {
  border:1px solid #ccc;
  margin-top:1em;
  width:22em;
  }
#content .eventDetails h2 {
  background-color:#ddd;
  font-size:100%;
  padding:0.5em 0.5em 0.5em 1em;
  }
#content .eventDetails .eventDetail {
  clear:both;
  }
#content .eventDetails .eventDetail h3,
#content .eventDetails .eventDetail div {
  padding:2%;
  }
#content .eventDetails .eventDetail h3 {
  float:left;
  font-size:100%;
  line-height:1.5em;
  text-align:right;
  width:37%;
  }
#content .eventDetails .eventDetail div {
  float:left;
  width:55%;
  }
.eventDetails a img + span {
  margin-left:0.4em;
  }

/*----- Search Results -----*/
.highlightedSearchTerm {
  background-color:#ff9;
  padding:0 2px;
  }

/*---------- EDITING ----------*/
.fieldRequired {
  color:#fff;
  }
.fieldRequired:before {
  color:#f00;
  content:"■ ";
  }
.formPanel {
  padding:1em 2px;
  }
.formPanel textarea {
  width:100%;
  }
#title {
  font-size:2em;
  width:100%;
  }
#description {
  font-family:Arial, Helvetica, sans-serif;
  width:100%;
  }
.formHelp {
  color:#555;
  margin:0 0 0.2em;
  }
.suppressVisualEditor {
  margin:0 !important;
  }
.fieldUploadFile {
  display:none;
  }
.documentByLine {
  color:#76797;
  margin:0 7px 1em;
  }
ul.configlets,
#content ul.configlets {
  margin:1em 0;
  }
ul.configlets li {
  background:transparent !important;
  }
ul.configlets li {
  margin-bottom:1em;
  }
ul.configlets li a {
  text-decoration:none !important;
  }
#content ul.configletDetails {
  margin:0 1em 1em 4em;
  list-style:none;
  }
#content ul.configletDetails li {
  margin-bottom:1em;
  display:inline;
  }
#content ul.configletDetails li.configletDescription {
  display:block;
  color:#76797c;
  margin:0;
  }
#ajax-spinner {
  background-position:50% 50%;
  display:none;
  height:20px;
  left:50%;
  margin:-10px 0 0 -10px;
  position:fixed;
  top:50%;
  width:20px;
  }
.formlibInlineEditable,
.inlineEditable {
  display:block;
  padding:1px;
  }
body.kssActive .inlineEditable:hover,
body.kssActive .formlibInlineEditable:hover {
  border:1px solid #ddd;
  border-color:#666 #ddd #ddd #666;
  cursor:text;
  padding:0;
  }
body.kssActive .inlineEditable a:hover,
body.kssActive .formlibInlineEditable a:hover {
  cursor:pointer;
  }
body.kssActive .formlibInlineForm:hover,
body.kssActive .formlibInlineForm a:hover {
  border:0;
  cursor:default;
  padding:1px;
  }
.inlineForm .formHelp,
.inlineForm .fieldRequired,
.inlineForm label {
  display:none;
  }
/* In inline selection widgets the label *must* be displayed, as
   otherwise you only see identical radio buttons without text. */
.inlineForm .ArchetypesSelectionWidget label {
  display: inline;
  }
.inlineForm #archetypes-fieldname-title input,
.inlineForm #archetypes-fieldname-title {
  font-size: 100%;
  }
/* Workaround for abnormally large buttons in the h1 tag */
h1 div.formControls input {
  font-size:55% !important;
  }


/*----- Edit Bar -----*/
#edit-bar {
  background-color:#75ad0a;
  min-height:1.73em;
  margin:0 0 1em;
  padding:3px;
  }
#content-views {
  background-color:#75ad0a;
  float:left;
  }
#content-views li {
  display:inline;
  }
#content-views a {
  color:#fff;
  display:inline-block;
  line-height:1.73em;
  padding:0 0.75em;
  text-decoration:none;
  }
#content-views li.selected a,
#content-views li a:hover {
  background:#fff;
  color:#000;
  }
#content-views li.selected a {
  font-weight:bold;
  }

/*----- Content pulldowns -----*/
#contentActionMenus {
  background-color:#75ad0a;
  float:right;
  margin-right:-3px;
  padding-right:3px;
  }
#contentActionMenus > li {
  display:inline;
  }
.actionMenu {
  float:right;
  margin:0 0 0 0.5em;
  position:relative;
  white-space:nowrap;
  }
@media (max-width: 767px) {
.actionMenu {
  margin: 68px 0 0 0.5em;
  }
}
.actionMenu dt {
  font-weight:normal;
  }
.actionMenu li {
  margin:0;
  }
.actionMenu a {
  color:#fff;
  display:block;
  line-height:1.73em;
  text-decoration:none;
  }
.actionMenu dt a {
  padding:0 3px;  
  }
.arrowDownAlternative {
  font-size:80%;
  }
.actionMenu dd {
  background-color:#75ad0a;
  right:-3px;
  margin:0;
  min-width:100%;
  padding:0 3px 3px;
  position:absolute;
  width:auto;
  z-index:5;
  }
.actionMenu.deactivated dd {
  display:none;
  }
.actionMenu dd a:hover,
.actionMenu dd .actionMenuSelected {
  background-color:#fff;
  color:#666;
  }
.subMenuTitle {
  display:block;
  padding:0 3px;
  }

/*----- Form Tabs -----*/
#content .formTabs {
  background-color:#ddd;
  margin:0;
  padding:3px 3px 0;
  }
#content .formTab {
  background:transparent;
  display:inline;
  margin-right:0.25em;
  padding:0;
  }
#content li.formTab a {
  display:inline-block;
  line-height:2em;
  padding:0 0.75em;
  text-decoration:none;
  }
#content li.formTab a.selected,
#content li.formTab a:hover {
  background:#fff;
  color:#000;
  }
#content li.formTab a.notify {
  background-color:red;
  color:#fff;
  }
#content li.formTab a.required span:after,
#content-core li.formTab a.required span:after,
div.field span.required:after {
  color:#f00;
  content:" ■";
  }
#content fieldset.formPanel {
  border:none;
}
#content fieldset.formPanel.hidden {
  display:none;
}
#content div.formControls input.hidden {
  display:none;
  }

/*----- Status messages -----*/
.portalMessage {
  background-color:#ffffe3;
  border:1px solid #996;
  clear:both;
  margin:1em 0;
  }
.portalMessage dl {
  margin:0;
  }
.portalMessage a {
  color:#000;
  }
.portalMessage dt {
  background-color:#996;
  color:#fff;
  font-weight:bold;
  float:left;
  line-height:1.25em;
  margin:0 0.5em 0 0;
  max-width:30%;
  padding:0.5em 0.75em;
  }
.portalMessage dd {
  line-height:1.25em;
  margin:0;
  padding:0.5em 0.5em;
  }
dl.warning {
  border-color:#d80;
  }
dl.warning dt {
  background-color:#d80;
  }
dl.warning dd {
  background-color: #fd7;
  }
dl.error {
  border-color:#d00;
  }
dl.error dt {
  background-color:#d00;
  }
dl.error dd {
  background-color:#fdc;
  }

/*----- Overlays -----*/
.overlay {
  display:none;
  height:auto;
  margin:1em;
  width:auto;
  }
.overlay-iframe,
.overlay-ajax {
  min-height:100px;
  width:600px;
  z-index:99;
  }
.overlay-iframe {
  height:60%;
  }
.overlaybg div.close,
.overlay div.close {
  background:url(../images/pb_close.png) no-repeat 0 0;
  cursor:pointer;
  height:30px;
  left:-14px;
  position:absolute;
  top:-14px;
  width:30px;
  }
.pb-ajax {
  overflow-y:auto;
  }
.pb-ajax,
.pb-image {
  background-color:#fff;
  border:1px solid #999;
  white-space:normal;
  box-shadow:0 0 3em 0.5em #666;
  -moz-box-shadow:0 0 3em 0.5em #666;
  -webkit-box-shadow:0 0 3em #666;
  }
.pb-ajax > div {
  padding:1em;
  }
.pb-ajax .documentActions {
  display:none;
  }
div.overlay div.close span {
  display:block;
  height:1px;
  margin:-1px 0 0 -1px;
  overflow:hidden;
  padding:0;
  width:1px;
  }
.overlay textarea {
  width:100%;
  }
.overlay .link-parent { display: none; }
.overlay #createGroup legend { display: none; }
.overlay #createGroup fieldset { border: none; }
.overlay p {
  margin-bottom:1em;
  }
.overlay label {
  margin-bottom:0.25em;
  }
.overlay a:hover {
  color:#75ad0a;
  }
.overlay a.selected {
  color: #000000;
  }
.overlay .formTab {
  margin-right:1em;
  font-weight: bold;
  }
.overlay .formTab.lastFormTab {
  margin-right:0em;
  }
.overlay .formControls a {
  display: block;
  margin: 0.75em;
  }

/*----- Login form -----*/
#fieldset-openid-login input,
#login-form input {
  font-size:150%;
  }
body.template-register #content input,
body.template-new-user #content input {
  font-size:150%;
  width:inherit;
  }
#fieldset-openid-login label,
#login-form label {
  display:inline-block;
  margin-right:0.5em;
  padding-top:0.2em;
  width:10em;
  }
#fieldset-openid-login .formControls,
#login-form .formControls {
  padding-left:10.7em;
  }

/*----- Content History -----*/
div.historyRecord {
  margin-bottom:1em;
  }
div.historyTools ul {
  float:right;
  margin:0.5em 1em;
  }
div.historyTools ul li {
  display:inline;
  padding:0 0.015em;
  }
div.historyTools form {
  display:inline;
  }
.historyByLine {
  background:#ddd;
  padding:0.5em;
  }
div.historyLinks {
  clear:right;
  float:right;
  margin:0.5em 1em 0 0;
  }
div.historyComment {
  border:1px solid #ddd;
  padding:0.5em 1em;
  }
div.historyComment p {
  margin:0;
  padding-top:1px;
  }
a.historyComparePrevious {
  border-top:1px dotted #ccc;
  display:block;
  margin-top:3em;
  text-align:center;
  }
a.historyComparePrevious span {
  background-color:white;
  position:relative;
  top:-0.75em;
  padding:0 0.5em;
  }

/*----- Data tables -----*/
table.listing,
table.plain {
  border-spacing:0;
  border-collapse:collapse;
  margin:0 0 0.75em;
  width:100%;
  }
table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
  padding:0.5em 1em;
  vertical-align:top;
  }
table.plain th,
table.plain td {
  border:1px solid #ddd;
  }
table.listing td.listingCheckbox,
table.listing th.listingCheckbox {
  text-align:center;
  }
table.listing {
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  }
table.listing .top {
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  }
table.listing th {
  background:#ddd;
  border:0.1em solid #e7e7e7;
  border-style:solid solid none;
  color:#666;
  text-align:left;
  }
table.listing tr.odd th {
  border:0.1em solid #fff;
  border-style:solid solid none none;
  }
table.listing tbody th {
  font-weight:bold;
  }
table.listing tbody tr {
  text-align:left;
  }
table.listing tbody tr.odd {
  background:#eee;
  }
table.listing tbody tr td {
  background:transparent;
  }
table.listing tbody tr.odd td {
  background:#eee;
  }
table.listing td {
  border-right:1px solid #ddd;
  }
table.listing a {
  border:none;
  display:inline-block;
  }
table.listing td.draggable {
  background:#ddd !important;
  border-bottom:1px solid white;
  padding:0.4em 0.4em 0 0.5em;
  text-shadow:#fff 1px 1px 1px;
  }

/* Vertical table data listings */
table.vertical th {
  text-align:right;
  }
table.vertical td {
  border-top:0.1em solid #e7e7e7;
  padding:0.5em;
  }

/* Grid table listings */
table.grid td,
table.grid th {
  border:1px solid #e7e7e7;
  padding:0.5em;
  }
.dragindicator {
  outline:2px solid #ffd700;
  }
#foldercontents-order-column {
  padding:0;
  }
.listingBar {
  background-color:#fff;
  font-size:1em;
  line-height:1.2em;
  margin:0 -1em;
  padding:1em 0;
  text-align:center;
  }
.listingBar .previous {
  float:left;
  }
.listingBar .next {
  float:right;
  }
.listingBar a,
.listingBar .current {
  padding:0 5px;
  text-decoration:none;
  }
.listingBar .current {
  font-weight:bold;
  }
.listingBar .previous a {
  border-bottom:8px solid transparent;
  border-right:8px solid #929aa6;
  border-top:8px solid transparent;
  display:inline-block;
  height:0;
  overflow:hidden;
  vertical-align:middle;
  width:0;
  }
.listingBar .next a {
  border-bottom:8px solid transparent;
  border-left:8px solid #929aa6;
  border-top:8px solid transparent;
  display:inline-block;
  height:0;
  overflow:hidden;
  vertical-align:middle;
  width:0;
  }
#portal-footer-wrapper {
  padding:10px 0 0 0;
  }

/*---------- DASHBOARD ----------*/
#dashboard {
  font-size:100%;
  line-height:inherit;
  }
#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
  margin-right:1.3%;
  padding:0;
  width:24%;
  }
#dashboard-portlets4 {
  margin-right:0;
  }

/*---------- ALBUM ----------*/
.photoAlbumEntry {
  background:url(../images/album.png) no-repeat;
  float:left;
  font-size:0.92em;
  height:162px;
  line-height:1.36em;
  margin:0 6px 6px;
  padding:8px 7px 8px 6px;
  width:132px;
  }
.photoAlbumFolder {
  background-position:0 -178px;
  }
.photoAlbumEntry a {
  display:block;
  height:162px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  }
.photoAlbumEntry a:after {
  background-color:rgba(241, 241, 241, 0.4);
  bottom:0;
  content:"";
  height:8px;
  position:absolute;
  width:100%;
  }
.photoAlbumEntryWrapper {
  display:block;
  text-align:center;
  }
.photoAlbumEntry img {
  border:2px solid #fff;
  }
.photoAlbumEntryTitle {
  color:#757373;
  display:block;
  padding:4px 3px 0;
  width:126px;
  }
.photoAlbumEntry a:hover {
  overflow:visible;
  }
.photoAlbumEntry a:hover .photoAlbumEntryTitle  {
  background-color:rgb(241,241,241);
  background-color:rgba(241,241,241,0.8);
  bottom:0;
  min-height:50%;
  position:absolute;
  }

/*----- Accessibility elements, applied by JS -----*/
body.largeText {
  font-size:88%;
  }
body.smallText {
  font-size:69%;
  }

/*---------- COMMENTING ----------*/
.discussion .hide {
  display:none;
  }
.discussion {
  clear:both;
  font-size:1.09em;
  }
.comment {
  padding:0 0 9px;
  }
.commentImage {
  float:left;
  padding:5px 7px;
  }
.discussion .documentByLine {
  background-color:#f1f1f1;
  margin:0;
  padding:5px;
  }
.commentBody {
  border-color:#d9d9d9 #f1f1f1 #f1f1f1;
  border-style:solid;
  border-width:1px;
  clear:both;
  margin:0 0 5px;
  padding:5px;
  overflow:auto;
  }
.commentActions {
  text-align:right;
  }
.reply-to-comment-button {
  margin-left:11px;
  }
.reply {
  background-color:#f1f1f1;
  clear:both;
  font-size:1.09em;
  margin:35px 0 0;
  padding:5px 7px;
  position:relative;
  }
.reply fieldset {
  border:0;
  margin:0;
  }
.reply legend {
  font-weight:bold;
  position:absolute;
  top:-28px;
  }
.reply p {
  color:#76797c;
  font-size:0.92em;
  }
.reply textarea {
  min-height:50px;
  width:100%;
  }

/*----- Collapsible -----*/
dl.collapsible {
  border: 0.1em solid #8cacbb;
  margin: 1em 0;
  padding: 0;
  }
dl.collapsible dt.collapsibleHeader {
  display: block;
  float: left;
  background: White;
  line-height: 1.2em;
  vertical-align: middle;
  font-size: 90%;
  position: relative;
  top: -0.6em;
  width: auto;
  margin: 0 0 -0.6em 1em;
  padding: 0 0.5em;
  }
dl.collapsible dd.collapsibleContent {
  margin: 0;
  padding: 0 1em 0.4em;
  clear: left;
  }

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
  margin: 0;
  padding: 0;
  }
dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
  background: url(../images/treeExpanded.png) no-repeat 0.5em 50% #fff;
  cursor: pointer;
  padding: 0 0.5em 0 2em;
  }
dl.collapsedBlockCollapsible {
  border: none;
  height: 1em;
  width: auto;
  }
dl.collapsedInlineCollapsible dt.collapsibleHeader,
dl.collapsedBlockCollapsible dt.collapsibleHeader {
  float: none;
  position: relative;
  margin: 0 0 0 1em;
  padding: 0 0.5em 0 2em;
  line-height: 1.2em;
  cursor: pointer;
  background: White url(../images/treeCollapsed.png) no-repeat 0.5em 50%;
  }
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
  display: none;
  }
dl.collapsedInlineCollapsible {
  border: 0;
  height: 1em;
  width: auto;
  display: inline;
  }
dl.collapsedInlineCollapsible dt.collapsibleHeader {
  position: static;
  float: none;
  margin: 0;
  padding: 0 0 0 2em;
  line-height: 1em;
  cursor: pointer;
  display: inline;
  }
.collapsible .collapser.collapsed:after {
  content:" ▶"
  }
.collapsible .collapser.expanded:after {
  content:" ▼"
  }

/*---------- CONTENT TYPE ICONS ----------*/
.icons-on .contenttype-folder {
  background:url(../images/icons-sprite.png) no-repeat 0 -1598px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-document {
  background:url(../images/icons-sprite.png) no-repeat 0 -1799px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-news-item{
  background:url(../images/icons-sprite.png) no-repeat 0 -1999px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-event {
  background:url(../images/icons-sprite.png) no-repeat 0 -2199px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-topic {
  background:url(../images/icons-sprite.png) no-repeat 0 -2400px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-image {
  background:url(../images/icons-sprite.png) no-repeat 0 -2599px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on .contenttype-link {
  background:url(../images/icons-sprite.png) no-repeat 0 -2995px;
  display:inline-block;
  padding-left:19px;
  }
.icons-on img[alt='File'] {
  margin-right:3px;
  }
/* Add new */
#plone-contentmenu-factories li a {
  background:url(../images/icons-sprite.png) no-repeat 1px -1199px;
  display:block;
  padding-left:17px;
  }
#plone-contentmenu-factories li a:hover {
  background-color:#fff;
  background-position:1px -2799px;
  }
#plone-contentmenu-factories li .contenttype-folder {
  background-position:1px 2px;
  }
#plone-contentmenu-factories li .contenttype-folder:hover {
  background-position:2px -1598px;
  }
#plone-contentmenu-factories li .contenttype-document {
  background-position:1px -199px;
  }
#plone-contentmenu-factories li .contenttype-document:hover {
  background-position:2px -1799px;
  }
#plone-contentmenu-factories li .contenttype-news-item {
  background-position:1px -399px;
  }
#plone-contentmenu-factories li .contenttype-news-item:hover {
  background-position:2px -1999px;
  }
#plone-contentmenu-factories li .contenttype-event {
  background-position:1px -599px;
  }
#plone-contentmenu-factories li .contenttype-event:hover {
  background-position:2px -2199px;
  }
#plone-contentmenu-factories li .contenttype-topic {
  background-position:1px -800px;
  }
#plone-contentmenu-factories li .contenttype-topic:hover {
  background-position:2px -2400px;
  }
#plone-contentmenu-factories li .contenttype-image {
  background-position:1px -999px;
  }
#plone-contentmenu-factories li .contenttype-image:hover {
  background-position:2px -2599px;
  }
#plone-contentmenu-factories li .contenttype-file {
  background-position:1px -1199px;
  }
#plone-contentmenu-factories li .contenttype-file:hover {
  background-position:2px -2799px;
  }
#plone-contentmenu-factories li .contenttype-link {
  background-position:1px -1395px;
  }
#plone-contentmenu-factories li .contenttype-link:hover {
  background-position:2px -2995px;
  }
#plone-contentmenu-factories #settings {
  background-image:none;
  padding:0;
  }

/* owl-carousel */

.portletContentSlider .slider-wrapper .itemBody,
.bx-wrapper .itemBody,
.portletOWLCarousel .portletHeader {
  display: none;
  }
.portletOWLCarousel .item {
  padding: 0 1em; 
  }
.portletCalendar dt {
  background-color: #ccd0d6;
  }
.slider-wrapper .item,
.slider-wrapper-outer {
  margin: 0 0 12px;
  }
.pager-item {
  margin-right: 12px;
  }
.ng-collection-buttons button:hover {
  background-color: transparent;
  color: #332c34;
  opacity: 1;
  }
.qg-item .item-visual {
  margin: 0 0 1em 12px;
  }
.qg-item.active .image-block {
  margin-right: 12px;
  margin-bottom: 16px;
  }
.portletOWLCarousel .item, .portletShelf .item {
  padding: 0 6px;
  }
#viewlet-above-content-body ~ #content-core {
  padding-top: 15px;
  clear: both;
  }
.portletCalendar dt {
  font-weight: normal;
  }
.pae_calendar_tooltip a:hover {
  color: #93a1bf;
  }
.itemTitle {
  font-weight: bold !important;
  font: 14px/17px Tahoma,Geneva,sans-serif;
  }
.portletOWLCarousel .itemTitle {
  font: 18px/28px Tahoma,Geneva,sans-serif;
  font-weight: normal !important;
  }
.owl-theme .owl-controls .owl-page span {
  background-color: #ccd0d6;
  }
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #fff;
  }
.ng-collection-buttons button {
  display: inline-block;
  background-color: transparent;
  overflow: hidden;
  font-size: 1.5em;
  text-indent: -73px;
  margin-bottom: 0;
  padding-bottom: 4px;
  color: #332c34;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  opacity: 0.5;
  }
.ng-collection-buttons button.qg-next {
  text-indent: -71px;
  }
.ng-collection-buttons button.qg-prev:after,
.ng-collection-buttons button.bx-prev:after {
  content: "«";
  }
.ng-collection-buttons button.qg-next:after,
.ng-collection-buttons button.bx-next:after {
  content: "»";
  }
.ng-collection-buttons button.bx-prev:after,
.ng-collection-buttons button.bx-next:after {
  color: #fff;
  }
.portletContentSlider .ng-collection-buttons button {
  text-indent: -43px;
  margin: 10px;
  padding: 0.3em 0 0.4em;
  } 
.portletQgCarousel,
.portletOWLCarousel,
.portletShelf {
  position: relative; 
  }
.portletQgCarousel .portletFooter,
.portletOWLCarousel .portletFooter,
.portletShelf .portletFooter {
  position: absolute;
  right: 0;
  bottom: 22px;
  }
.portletQgCarousel .portletFooter {
  bottom: 34px;
  }
.portletQgCarousel a.item-visual {
  text-decoration: none;
  }
#portal-top {
  z-index: 9;
  }
.resp-tabs-container a,
.owl-carousel a {
  text-decoration: none !important;
  }
#content ul.resp-tabs-list li {
  background: none;
  }
.resp-vtabs li.resp-tab-active {
  border-right: 1px solid #fff;
  }
.owl-buttons {
  display: none;
  }
#theme-globalnav li ul.resp-tabs-list {
  width: 100%;
  background: none;
  }
#theme-globalnav li .resp-vtabs ul.resp-tabs-list {
  width: 30%;
  }
.portletItem .documentDescription, 
#content .panels .documentDescription {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  }
#content ul.resp-tabs-list li.resp-tab-item.resp-tab-active {
  background: #fff;
  }
.tabContainer {
  float: none;
  display: inline-block !important;
  }
#theme-globalnav ul.resp-tabs-list li {
  padding-right: 15px;
  }

}

@media only screen and (max-width: 767px) {
body {
  min-width:320px;
  }
div.row {
  float:none;
  }
div.cell {
  float:none;
  left:auto;
  margin-left:0 !important;
  width:auto;
  clear: both;
  }
#portal-header {
  background-position: 106% bottom;
  background-image: url("//cdn.ucl.ac.uk/indigo/images/ucl-logo.svg");
  width: 100%;
  height: 89px;
  padding: 0 25px 0 0;
  background-size: auto 100%;
  background-repeat: repeat-x;
  position: relative;
  border-bottom: 0.5em solid #0097a9;
  }
#portal-logo {
  display:block;
  margin:0.5em;
  }
.panels div.cell,
#portal-top .panels div.cell {
  left:0;
  }
#portal-logo img {
  margin:0;
  max-width: 100%;
  height: auto;
  }
#portal-slogan {
  display:block;
  padding:0.5em;
  width:auto;
  }
#portal-siteactions {
  float:none;
  padding:0.5em 1em;
  }
#portal-personaltools-wrapper {
  height:2em;
  position:static;
  }
#portal-languageselector {
  padding:0.5em 0;
  }
#theme-globalnav.mobileMenuOn {
  display:none;
  }
#portal-globalnav-mobile {
  background:#fff;
  border:1px solid #ccc;
  display:block;
  font-size:1.17em;
  font-weight:bold;
  line-height:1.65em;
  margin:0.5em auto;
  max-width:100%;
  min-width:150px;
  padding:0.4em 0.1em 0.4em 1em;
  }
#theme-globalnav {
  padding:0.5em 0;
  }
#theme-globalnav li {
  margin:0 0 0 1%;
  width:48%;
  white-space:normal;
  }
#theme-globalnav li a {
  border-radius:0;
  display:block;
  padding:1em;
  }
#theme-globalnav li ul {
  display:none !important;
  }
#subscribe-links {
  float:none;
  }
.subsribeWrapper {
  text-align:center;
  }
#portal-breadcrumbs {
  padding:1em;
  }
#portal-searchbox {
  padding: 0.5em 0;
  position:static;
  }
#portal-searchbox .LSBox {
  display:inline-block;
  }
#searchGadget  {
  font-size:2em;
  line-height:1em;
  }
.searchSection {
  display:none !important;
  }
.LSResult {
  left:0;
  text-align:left;
  top:3em;
  }
.livesearchContainer {
  width:300px;
  }
#visual-portal-wrapper,
#portal-column-content.cell,
#portal-column-content .cell,
#portal-column-one,
#portal-column-two {
  width:100% !important;
  }
#portal-footer,
#portal-colophon {
  padding:0;
  }
.carousel-banners,
.carousel-slider,
.carousel-banner {
  max-width:100% !important;
  }
.carousel-image img {
  height:auto;
  width:auto;
  }
.portletStaticText img {
  width:100%;
  }
#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
  margin-right:0;
  width:100%;
  }
.resp-tabs-container {
  min-height: 10px !important;
  }
#portal-column-one,
#portal-column-two,
#portal-footer-wrapper {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding: 0 0;
  }
#portal-column-one .portlet,
#portal-column-two .portlet,
#portal-footer-wrapper .portlet {
  margin:0 0 1em 0 ;
  }

/*------megamenu------*/

#portal-top .panels div.width-1\3a 2 {
  width: 100%;
  }
.megamenu .navbar-toggle {
  background-color: #ccd0d6;
  min-height: 50px;
  }
#theme-globalnav.megamenu-nav li,
#theme-globalnav.megamenu-nav li .subs {
  width: 100%;
  margin: 0;
  }
#theme-globalnav.megamenu-nav > li > .subs {
  padding-bottom: 15px;
  }
#theme-globalnav.megamenu-nav li > a {
  -webki-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0 15px 30px;
  font-size: 14px;
  width: 100%;
  }
#theme-globalnav.megamenu-nav:hover li:hover > a {
  border-radius: 0;
  }
#theme-globalnav.megamenu-nav li:hover > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  }
#portal-megamenu .plus.open > a,
#portal-megamenu .megamenu-nav:hover > li:hover > a,
#theme-globalnav ul li.open > a {
  background-color: #f3553b;
  }
#theme-globalnav.megamenu ul li {
  clear: both;
  padding: 0;
  }
button.navbar-toggle {
  border: 0;
  }
.megamenu .navbar-toggle .icon-bar {
  height: 3px;
  background-color: #f3553b;
  }
.megamenu.open .navbar-toggle .icon-bar {
  background-color: #fff;
  }
.megamenu.open .navbar-toggle, 
.megamenu .navbar-toggle:hover,
.navbar-toggle:focus {
  background: #ff6046;
  }
.megamenu-nav .plus.open > a:after,
.megamenu-nav .plus > a:after {
  content: "›";
  font-size: 24px;
  right: 30px;
  top:8px;
  }
.megamenu-nav .plus > a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  }
.megamenu-nav .plus.open > a:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 34px;
  }
#lineageSelectionForm {
  position: relative;
  left: auto;
  margin: 0 auto 5px; 
  }
}

@media screen and (max-width:480px) {
.carousel-banners,
.carousel-slider,
.carousel-banner {
  height:270px !important;
  }
}

@media screen and (max-width:370px) {
.carousel-banners,
.carousel-slider,
.carousel-banner {
  height:195px !important;
  }
}

@media print {

body {
  font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-size:11pt;
  }
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
  line-height:125%;
  page-break-inside:avoid;
  page-break-after:avoid;
  }
a {
  border-bottom:0.5pt solid #000;
  color:#000;
  text-decoration:none;
  }
.documentDescription {
  font-weight:bold;
  }
pre {
  border:1pt dotted #000;
  font-size:8pt;
  overflow:auto;
  padding:1em;
  white-space:pre;
  }
table.listing,
table.listing td {
  border:1pt solid #000;
  border-collapse:collapse;
  }
table.listing td,
table.listing th {
  padding:6px;
  }
div.pageBreak {
  page-break-before:always;
  }
#content dt {
  margin:1em 0 0.625em;
  }
#content p, #content table {
  margin-bottom:0.625em;
  margin-top:0.625em;
  }
#content .documentDescription, #content #description {
  margin:0.5em 0 1.31em;
  }
div.top,
#portal-logo,
#portal-siteactions,
.hiddenStructure,
#portal-searchbox,
#theme-globalnav,
#portal-globalnav-mobile,
#portal-personaltools,
#portal-breadcrumbs,
#edit-bar,
.carousel,
#portal-column-one,
#portal-column-two,
#portlets-in-header,
#portlets-above,
#portlets-below,
#portlets-footer,
#portlets-in-header,
#portal-languageselector,
.contentViews,
.contentActions,
.help,
.legend,
.portalMessage,
.documentActions,
.netscape4,
#viewlet-below-content .reply,
#viewlet-below-content .discussion,
#ajax-spinner,
#review-history,
#content-history,
.listingBar,
#portal-footer,
#portal-colophon,
.skipnav,
.link-presentation,
input.standalone,
.overlay,
.managePortletsFallback,
.close,
.link-parent,
.draggingHook,
#foldercontents-order-column,
input.context,
.visualNoPrint,
#portal-slogan,
#subscribe-links {
  display:none;
  }
.image-left {
  border:0.4pt solid #000;
  clear:left;
  float:left;
  margin:0.5em 1em 0.5em 0;
  }
.image-inline {
  float:none;
  }
.image-right {
  border:0.4pt solid #000;
  clear:right;
  float:right;
  margin:0.5em;
  }
dd.image-caption {
  margin:0;
  padding:0;
  text-align:left;
  }
dl.captioned {
  padding:0.8em;
  }
.newsImageContainer {
  float:right;
  margin:0 0 0.5em 1em;
  width:16em;
  }
.tileImage {
  border:0.4pt solid #000;
  float:right;
  margin:0 0 0.5em 0.5em;
  } 
}




/* 
* Pattern name: Footer
* Use: Handling links, credits and footnotes
* Note: N/A
-------------------------------------------------------------- */
.footer__inner {
  background-color: #40403e;
  padding: 40px 35px;
  color: #fff;
  clear: left; }
  .footer__inner h2 {
    text-transform: none; }
  .footer__inner a {
    color: #eee; }
    .footer__inner a:hover, .footer__inner a:active, .footer__inner a:focus {
      color: #ffffff; }

.footer__list {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  .footer__list li {
    margin-left: 0;
    list-style-type: none; }
    .footer__list li:before {
      background-color: transparent !important; }

.footer__item {
  padding-bottom: 4px;
  padding-top: 4px;
  display: block;
  margin-bottom: 0;
  font-size: 14px;}
.footer__item:hover {
  text-decoration: underline;
}

.footer__links {
  margin-top: 0.5em;
  font-size: 14px; }
  @media (max-width: 989px) {
    .footer__links {
      font-size: 12px; } }

.wrapper {
  margin: 0 auto;
  max-width: 1470px;
  position: relative; }

clearfix {
  zoom: 1; }

article {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* Block columns
-------------------------------------------------------------- */
.block {
  margin-bottom: 1em; }

.block--col-1 {
  display: block;
  float: left;
  margin-left: 0%;
  margin-right: -100%;
  width: 31.30645%; }
  @media only screen and (max-width: 989px) {
    .block--col-1 {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block--col-1 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.block--col-2 {
  display: block;
  float: left;
  margin-left: 34.33675%;
  margin-right: -100%;
  width: 31.28827%; }
  @media only screen and (max-width: 989px) {
    .block--col-2 {
      display: block;
      float: left;
      margin-left: 34.20139%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block--col-2 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.block--col-3 {
  display: block;
  float: left;
  margin-left: 68.65532%;
  margin-right: -100%;
  width: 31.27734%; }
  @media only screen and (max-width: 989px) {
    .block--col-3 {
      display: block;
      float: left;
      margin-left: 68.40278%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block--col-3 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.as-h5 {
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold; }

.list-unstyled {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  .list-unstyled li  {
    margin-left: 0;
    list-style-type: none; }
    .list-unstyled li:before {
      background-color: transparent !important; }

.zero-bottom {
  margin-bottom: 0; }

.text-muted {
  color: #ffffff; }

small {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

footer #social {
  margin-bottom: 0; }
  footer #social li {
    margin-right: 3px; }
    footer #social li a img {
      margin-bottom: 0;
      max-width: 35px; }

/* Lists
-------------------------------------------------------------- */
ol, ul {
  margin-top: 0;
  margin-left: 1.5em; }
  ol ul, ul ul {
    margin-top: 0em;
    margin-left: 1em; }

.list-unstyled, .list-inline, .pills {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  .list-unstyled li, .list-inline li, .pills li {
    margin-left: 0;
    list-style-type: none; }
    .list-unstyled li:before, .list-inline li:before, .pills li:before {
      background-color: transparent !important; }

.list-inline, .pills {
  display: inline;
  margin-left: 0; }
  .list-inline > li, .pills > li {
    margin-right: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.list-inline--divided li:after {
  content: "|";
  margin-left: 10px; }
.list-inline--divided li:last-child:after {
  content: "";
  display: none; }

.list-divided li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
  padding-bottom: 14px;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #cccccc; }
  .list-divided li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; }




/* 
* Pattern name: Masthead
* Use: Container of global navigation items and site search
* Note: N/A
-------------------------------------------------------------- */
.masthead {
  background-color: #444;
  color: #ffffff;
  height: 45px;
  font-size: 12px; }
  @media only screen and (max-width: 767px) {
    .masthead {
      display: none;
      height: auto;
      border-bottom: 1px solid #ccc; }
      .masthead .wrapper {
        background-color: #444; } }
  .masthead img {
    width: auto; }

.masthead__search {
  position: relative;
  padding: 6px 0 3px 0;
  box-sizing: border-box;
  float: right;
  width: 42%; }
  @media only screen and (max-width: 767px) {
    .masthead__search {
      float: none;
      width: 100%;
      padding: 0;
      margin-top: 3.5em;
      height: 4em;
      margin-left: auto;
      margin-right: auto; } }
  .masthead__search label {
    margin-top: 9px; }

.masthead__list {
  float: left;
  width: 55%;
  font-size: 16px;
  display: block;
  margin-left: 20px; }
  @media only screen and (max-width: 767px) {
    .masthead__list {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      float: none;
      margin-bottom: 1em; } }
  @media (max-width: 989px) {
    .masthead__list {
      margin-left: 20px;
      font-size: 14px;
      font-size: 1.4rem; } }

.masthead__item {
  padding-right: 1em;
  height: 45px;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .masthead__item {
      display: block;
      text-align: left; } }
  @media (max-width: 989px) {
    .masthead__item {
      padding-right: .75em; } }
  .lt-ie9 .masthead__item {
    margin-top: 8px;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }

.masthead__link, .masthead__link:link, .masthead__link:hover, .masthead__link:active, .masthead__link:focus, .masthead__link:visited {
  font-weight: 400;
  color: #ffffff;
  text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .masthead__link {
      font-size: 15px; } }
  @media (max-width: 989px) {
    .masthead__link {
      font-size: 13px; } }



/* 
* Pattern name: Search form
* Use: Inline search form used within the UCL masthead (used for global site search)
* Note: N/A
-------------------------------------------------------------- */
.search-form {
  background: no-repeat scroll 95% center;
  padding: 0;
  background-color: #ffffff;
  margin-top: 7px;
  margin-bottom: 7px;
  position: absolute;
  top: 0;
  left: 15%;
  width: 75%;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .search-form {
      left: 0;
      width: 80%; } }

.search-form__input {
  margin-right: 0;
  padding-left: 10px;
  width: 85%;
  box-sizing: border-box;
  height: 30px; }
  @media only screen and (max-width: 767px) {
    .search-form__input {
      width: 80%; } }
    .search-form__input {
    height: 27px;
    line-height: 27px; }

.search-form__input--search {
  background: none repeat scroll 0 0 transparent;
  border: none;
  color: #666; }

.search-form__input--submit {
  text-align: center;
  position: absolute;
  top: 0;
  left: 92%;
  width: 3.5em;
  margin: 0px 0 3px;
  padding: 0;
  box-sizing: border-box;
  background-color: #4693ea; }
  .search-form__input--submit:hover, .search-form__input--submit:active, .search-form__input--submit:focus {
    background: #2f86e7; }
  @media only screen and (max-width: 767px) {
    .search-form__input--submit {
      left: 80%;
      width: 20%; } }

.btn {
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  padding: .75em 5px;
  text-align: left;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.21);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  line-height: 1;
  -webkit-appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 10px;}
  .btn:active {
    background-color: #505050; }
  .btn:hover, .btn:active, .btn:focus {
    background-color: #615957;
    color: #ffffff;
    text-decoration: none; }
  .lt-ie9 .btn {
    border: 0; }


/* 
* Pattern name: Photograph banner
* Use: Background photo/colour to be displayed behind UCL banner
* Note: Modifier gives .photograph more space as well as making the optional photography description visible.
-------------------------------------------------------------- */
.photograph {
  background-color: #0097A9;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  padding: 0 0;
  padding-bottom: 10.5%; }
  @media only screen and (max-width: 767px) {
    .photograph {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 2em 0 0em 0;
      left: 0;
      background-color: transparent; } }

.photograph__description {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 5%;
  right: 35px;
  padding: 10px;
  font-style: italic;
  color: #ffffff;
  display: none;
  font-size: 12px;
  font-size: 1.2rem; }

/* 
* Pattern name: Brand
* Use: The UCL banner area
* Note: The UCL logo is made clickable via using an absolutely positioned link. (see .brand__link)
-------------------------------------------------------------- */
.brand {
  position: absolute;
  z-index: 1;
  overflow: visible;
  width: 100%;
  max-width: 1470px;
  left: 0; }
  @media only screen and (max-width: 767px) {
    .brand {
      position: static;
      padding-left: 0; }
      .brand p {
        left: 0;
        top: 50%; } }

.brand__link {
  position: absolute;
  height: 50%;
  width: 18%;
  right: 0;
  display: block;
  bottom: 0; }
  .lt-ie9 .brand__link {
    display: none; }

.brand__heading {
  position: absolute;
  left: 35px;
  top: 25%;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;}
  @media only screen and (max-width: 767px) {
    .brand__heading {
      position: relative;
      left: 0;
      width: 100%;
      display: none;
      box-sizing: border-box; } }

.brand__logo {
  display: block;
  margin-bottom: 0;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .brand__logo {
      display: none; } }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.clear {
    clear: both;
}




















/* CTA buttons */

.btn.cta {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
}
.btn.cta:hover {
	background-color:#002854
}
.btn.cta {
	width:100%
}
.btn.cta-half {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
	width:50%
}
.btn.cta-half:hover {
	background-color:#002854
}
@media only screen and (max-width:767px) {
	.btn.cta-half {
		min-width:330px
	}
}
.btn.cta-threequarters {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
	width:75%
}
.btn.cta-threequarters:hover {
	background-color:#002854
}
@media only screen and (max-width:767px) {
	.btn.cta-threequarters {
		min-width:330px
	}
}
.btn.cta-third {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
	width:33%
}
.btn.cta-third:hover {
	background-color:#002854
}
@media only screen and (max-width:767px) {
	.btn.cta-third {
		min-width:330px
	}
}
.btn.cta-quarter {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
	width:25%
}
.btn.cta-quarter:hover {
	background-color:#002854
}
@media only screen and (max-width:767px) {
	.btn.cta-quarter {
		min-width:330px
	}
}
.btn.cta-sixth:hover {
	background-color:#002854
}
.btn.cta-sixth {
	background-color:#034da1;
	text-align:center;gl
	font-weight:700;
	font-size:1.2em;
	border:none;
	border-radius:0;
	box-sizing:border-box;
        color: #ffffff;
        margin: 3px 0 3px 0;
	width:16%
}
@media only screen and (max-width:767px) {
	.btn.cta-sixth {
		min-width:330px
	}
}
.btn.cta.pull-left {
	color: #fff;
}



/* Staff images ------------------------ */
#staff-images {
	width: 250px;
	height: 350px;
	float: left;
	margin: 5px;
	display: block;
	text-align: center;
	background-color: #cccccc;
	text-decoration: none;
}
#staff-images a:link, #staff-images a:visited {
	text-decoration: none;
}
#staff-images a:hover {
	text-decoration: underline;
}
/* END Staff images ------------------------ */


/* 3 COLUMN blocks */


.block3col {
  margin-bottom: 1em; }

.block3col-col1 {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #0097A9;
  display: block;
  float: left;
  margin-left: 0%;
  margin-right: -100%;
  width: 31.30645%;  }
  @media only screen and (max-width: 989px) {
    .block3col-col1 {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col1 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }

.block3col-col2 {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #0097A9;
  display: block;
  float: left;
  margin-left: 34.33675%;
  margin-right: -100%;
  width: 31.28827%; }
  @media only screen and (max-width: 989px) {
    .block3col-col2 {
      display: block;
      float: left;
      margin-left: 34.20139%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col2 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }

.block3col-col3 {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #0097A9;
  display: block;
  float: left;
  margin-left: 68.65532%;
  margin-right: -100%;
  width: 31.27734%; }
  @media only screen and (max-width: 989px) {
    .block3col-col3 {
      display: block;
      float: left;
      margin-left: 68.40278%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col3 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }


.block3col-col1-blank {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #fff;
  display: block;
  float: left;
  margin-left: 0%;
  margin-right: -100%;
  width: 31.30645%;  }
  @media only screen and (max-width: 989px) {
    .block3col-col1-blank {
      display: block;
      float: left;
      margin-left: 0%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col1-blank {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }

.block3col-col2-blank {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #fff;
  display: block;
  float: left;
  margin-left: 34.33675%;
  margin-right: -100%;
  width: 31.28827%; }
  @media only screen and (max-width: 989px) {
    .block3col-col2-blank {
      display: block;
      float: left;
      margin-left: 34.20139%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col2-blank {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }

.block3col-col3-blank {
  padding: 12px 5px 3px 8px;
  border-top: 5px solid #fff;
  display: block;
  float: left;
  margin-left: 68.65532%;
  margin-right: -100%;
  width: 31.27734%; }
  @media only screen and (max-width: 989px) {
    .block3col-col3-blank {
      display: block;
      float: left;
      margin-left: 68.40278%;
      margin-right: -100%;
      width: 31.59722%; } }
  @media only screen and (max-width: 767px) {
    .block3col-col3-blank {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 95%; } }































/* HOME HOME HOME HOME HOME HOME HOME HOME */

/*** Welcome photo banner ***/
/* Any size */
.geoghome-welcomepic {
	background-color: #000000;	
	width: 100%;		
	height: 400px;
  background-size: cover;
  background-position: center;	
  position: relative;
  left: -35px;	
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 0px;
  padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: -15px;			
}
/* TABLET | 479px < 768px */
@media (min-width: 479px) and (max-width: 767px) {
.geoghome-welcomepic {
	height: 300px;
}
}
/* HIGH RES | > 768px */
@media (min-width: 768px) {
}
/* MOBILE | < 478px */	
@media (max-width: 478px) {
.geoghome-welcomepic {
	height: 200px;
  padding-top: 3px;
  padding-bottom: 3px; }
}
/* TABLET | < 768px */
@media (max-width: 767px) {
.geoghome-welcomepic {
	color: #000000;
	width: 100%;		
  background-size: cover;
  background-position: center;	
  position: relative;
  left: -35px;	
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
	margin-bottom: 10px;		
	} 
}
/* END Welcome photo banner */







/* Hello (UCL Geography) banner bar and title  */
@media (max-width: 767px) {
.geoghome-hello {
	background-color: #825AA6;
	color: #FFFFFF;
	height: 30px;
	width: 100%;		
  position: relative;
  left: -35px;	
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 0px;
  padding-bottom: 0px;
	margin-bottom: 10px;		
	margin-top: -10px;
	} 
.geoghome-hello__title {
	font-size: 1.2em;
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; 
	text-align: center; }	
	}
@media (min-width: 479px) and (max-width: 767px) {
.geoghome-hello {
	height: 60px;
	} 
.geoghome-hello__title {	
	font-size: 2em; }
}
@media (min-width: 768px) {
.geoghome-hello {
	display: none;
	} 
.geoghome-hello__title {
	display: none;
	} 	
}
/* END Hello (UCL Geography) banner bar and title  */
 

/*** Strapline banner bar and title ***/
/* Any size */
.geoghome-strapline {
	background-color: #FFDD00;	
	width: 100%;		
  position: relative;
  left: -35px;	
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
	margin-bottom: 10px;			
}
.geoghome-strapline__title {	
	color: #333333; }

/* TABLET | 479px < 768px */
@media (min-width: 479px) and (max-width: 767px) {
.geoghome-strapline__title {
	font-size: 18pt; }	
}
/* HIGH RES | > 768px */
@media (min-width: 768px) {
.geoghome-strapline__title {
	font-size: 20pt; }
}

/* MOBILE | < 478px */	
@media (max-width: 478px) {
.geoghome-strapline {
  padding-top: 3px;
  padding-bottom: 3px; }
.geoghome-strapline__title  {
	font-size: 12pt; }	
}

@media (max-width: 767px) {
.geoghome-strapline {
	color: #000000;
	height: 50px;
	width: 100%;		
  position: relative;
  left: -35px;	
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
	margin-bottom: 10px;		
	} 
.geoghome-strapline__title {
	font-size: 1em;
	font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 0; 
	text-align: left; }	
	}
/* END Strapline banner bar and title  */












	
/*** Courses banner ***/
.geoghome-courses-banner {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #DDDDDD;
	color: #FFF;
  background-size: cover;
  background-position: center;
  position: relative;
	height: 400px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-courses-banner {
	height: 300px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-courses-banner {
	height: 200px;			
	padding-top: 0;
	padding-bottom: 0; 
	top: 0px;
	position: relative;		
	} }	
@media (max-width: 989px) {
	.geoghome-courses-banner .geoghome-courses-banner__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-courses-banner__body--background {
		padding: 0em; } }
.geoghome-courses-banner__body {
  box-sizing: border-box; }
.geoghome-courses-banner__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-courses-banner__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-courses-banner__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-courses-banner__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-courses-banner__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-courses-banner__title {
	font-size: 1.5em; } 
}
.geoghome-courses-banner__blurb {
  margin-top: 0em; }
.geoghome-courses-banner__content {
	background-color:#E02C81;
	width: 400px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	left: 0px;
	position: absolute; }
@media (max-width: 479px) {
.geoghome-courses-banner__content {
	width: 100%;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;	
	left: 10px;
	position: absolute;
	font-size: 10pt; }
	
}
/*** END Courses banner ***/





/*** Research banner ***/
.geoghome-research-banner {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #DDDDDD;
	color: #FFF;
  background-size: cover;
  background-position: center;
  position: relative;
	height: 400px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-research-banner {
	height: 300px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-research-banner {
	height: 200px;			
	padding-top: 0;
	padding-bottom: 0; 
	top: 0px;
	position: relative;		
	} }	
@media (max-width: 989px) {
	.geoghome-research-banner .geoghome-research-banner__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-research-banner__body--background {
		padding: 0em; } }
.geoghome-research-banner__body {
  box-sizing: border-box; }
.geoghome-research-banner__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-research-banner__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-research-banner__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-research-banner__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-research-banner__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-research-banner__title {
	font-size: 1.5em; } 
}
.geoghome-research-banner__blurb {
  margin-top: 0em; }
.geoghome-research-banner__content {
	background-color:#746996;
	width: 400px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	left: 0px;
	position: absolute; }
@media (max-width: 479px) {
.geoghome-research-banner__content {
	width: 100%;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;	
	left: 10px;
	position: absolute;
	font-size: 10pt; }
}
/*** END Research banner ***/




/*** Your Study banner ***/
.geoghome-yourstudy-banner {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #DDDDDD;
	color: #FFF;
  background-size: cover;
  background-position: center;
  position: relative;
	height: 400px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-yourstudy-banner {
	height: 300px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-yourstudy-banner {
	height: 200px;			
	padding-top: 0;
	padding-bottom: 0; 
	top: 0px;
	position: relative;		
	} }	
@media (max-width: 989px) {
	.geoghome-yourstudy-banner .geoghome-yourstudy-banner__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-yourstudy-banner__body--background {
		padding: 0em; } }
.geoghome-yourstudy-banner__body {
  box-sizing: border-box; }
.geoghome-yourstudy-banner__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-yourstudy-banner__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-yourstudy-banner__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-yourstudy-banner__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-yourstudy-banner__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-yourstudy-banner__title {
	font-size: 1.5em; } 
}
.geoghome-yourstudy-banner__blurb {
  margin-top: 0em; }
.geoghome-yourstudy-banner__content {
	background-color:#87245F;
	width: 400px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	left: 0px;
	position: absolute; }
@media (max-width: 479px) {
.geoghome-yourstudy-banner__content {
	width: 100%;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;	
	left: 10px;
	position: absolute;
	font-size: 10pt; }
}
/*** END Your Study banner ***/










/*** Newsbox banner ***/
.geoghome-newsbox {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #005868;
	color: #FFF;
  position: relative;
	height: 300px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-newsbox {
	height: 450px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-newsbox {
	height: 500px;			
	padding-top: 0;
	padding-bottom: 0; 
	top: 0px;
	position: relative;		
	} }	
@media (max-width: 989px) {
	.geoghome-newsbox .geoghome-newsbox__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-newsbox__body--background {
		padding: 0em; } }
.geoghome-newsbox__body {
  box-sizing: border-box; }
.geoghome-newsbox__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-newsbox__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-newsbox__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-newsbox__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-newsbox__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-newsbox__title {
	font-size: 1.5em; } 
}
.geoghome-newsbox__blurb {
  margin-top: 0em; }
/*** END Newsbox ***/








/*** Eventsbox banner ***/
.geoghome-eventsbox {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #3E8024;
	color: #FFF;
  position: relative;
	height: 350px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-eventsbox {
	height: 450px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-eventsbox {
	height: 500px;			
	padding-top: 0;
	padding-bottom: 0; 
	top: 0px;
	position: relative;		
	} }	
@media (max-width: 989px) {
	.geoghome-eventsbox .geoghome-eventsbox__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-eventsbox__body--background {
		padding: 0em; } }
.geoghome-eventsbox__body {
  box-sizing: border-box; }
.geoghome-eventsbox__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-eventsbox__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-eventsbox__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-eventsbox__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-eventsbox__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-eventsbox__title {
	font-size: 1.5em; } 
}
.geoghome-eventsbox__blurb {
  margin-top: 0em; }
/*** END eventsbox ***/










/*** Student Quotation banner ***/
.geoghome-quote-banner {
	margin-bottom: 10px;	
  padding-top: 0em;
  padding-bottom: 0em;
  background-color: #DDDDDD;
	color: #FFF;
  background-size: cover;
  background-position: center left;
  position: relative;
	height: 400px;
  left: -35px;
  padding-left: 35px;
  padding-right: 35px;
  width: 100%; }
@media (max-width: 989px) {
.geoghome-quote-banner {
	height: 300px;		
	padding-top: 0em;
	padding-bottom: 0em;
	background-position: 1px;
	background-repeat: no-repeat; } }
@media (max-width: 479px) {
.geoghome-quote-banner {
	height: 400px;			
	padding-top: 0px;
	padding-bottom: 0px;
	top: 0px;
	position: relative;	
  background-position: -100px 100px;		
	} }	
@media (max-width: 989px) {
	.geoghome-quote-banner .geoghome-quote-banner__body--background {
		padding: 0; } }						
@media (min-width: 768px) and (max-width: 989px) {
	.geoghome-quote-banner__body--background {
		padding: 0em; } }
.geoghome-quote-banner__body {
  box-sizing: border-box; }
.geoghome-quote-banner__body > *:last-child {
	margin-bottom: 0; }
@media (min-width: 768px) {
  .geoghome-quote-banner__body--background {
    padding: 0em;
    background-color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .geoghome-quote-banner__body--background {
    padding: 0; } }		
.lt-ie9 .geoghome-quote-banner__body--background {
  background-image: url(//cdn.ucl.ac.uk/indigo/images/hero-bg-ie.png); }
.geoghome-quote-banner__title {
	font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0; }
@media (max-width: 767px) {
.geoghome-quote-banner__title {
	font-size: 1.5em; } 
}
.geoghome-quote-banner__blurb {
  margin-top: 0em; }
.geoghome-quote-banner__content {
	background-color:#8B827D;
	width: 400px;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	right: 0px;
	position: absolute; }
@media (max-width: 479px) {
.geoghome-quote-banner__content {
	width: 100%;
	height: 160px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;	
	left: 10px;
	position: absolute;
	font-size: 10pt; }
}
@media (min-width: 480px) and (max-width: 767px) {
.geoghome-quote-banner__content {
		height: 100%;
		width: 180px;
		font-size: 11pt; 
		}}	
/*** END Student Quotation banner ***/


layout-horizontal .geoghome-site-content__inner {
    padding-top: 0px;
		padding-bottom: 10px;		
}

.blankhr {
  color: #fff;
  border: none;
  }

/* Key Information box */



/* Pull quote - block colour */
blockquote.pull-quote__wrap {
    background-color: #1aa1b2;
    color: #fff;
    padding: 15px 5%;
    border-top-color: rgba(255,255,255,.5);
    font-style: normal;
    margin: 1rem 0;
    quotes: "“" "”";
}


/* Menu graphic */
.header__open {
    width: 25px;
    top: 35%;
    left: 35px;
    position: absolute;
    z-index: 100;
}
@media (min-width: 767px) {
.header__open {
 visibility: hidden;
}
}

#uclvideo {
position: relative;
padding-bottom:56%;
padding-top:20px;
height:0;
}