/* - tabrtabs.css - */
@media screen {
/* http://www.geog.ucl.ac.uk/portal_css/tabrtabs.css?original=1 */
/* */
/* */
/* */
div.pane-container ul.tabs {
margin:0;
padding:10px 10px 0px 10px;
list-style:none;
height:37px;
border-bottom:2px solid #8c8279;
color: #ffffff;
text-decoration: none;
}
/* */
div.pane-container ul.tabs li {
float:left;
margin: 0 1px 0 1px;
padding:0 0 0 9px;
color: #000000;
text-decoration: none;
border: 2px solid #8c8279;
}
/* */
div.pane-container ul.tabs a {
float:left;
display:block;
width:.1em;
background-color: #ffffff;
padding:5px 15px 4px 15px;
text-decoration:none;
font-weight:normal;
color:#000000;
}
div.pane-container > ul.tabs a {width:auto;}
div.pane-container ul.tabs a:active {
outline:none;
}
div.pane-container ul.tabs li.current {
background-position:0 -150px;
border: 2px solid #8c8279;
border-bottom: 2px solid #fff;
}
div.pane-container ul.tabs li.current a {
background-position:100% -150px;
padding-bottom: 4px;
border-width:0;
background-color:#ffffff;
color:#000000;
font-weight: bold;
border-bottom: 2px solid #ffffff;
}
div.pane-container ul.tabs li:hover,
div.pane-container ul.tabs li:hover a {
background-position:0 -150px;
color:#000000;
text-decoration: underline;
background-color: #dddddd;
}
div.pane-container ul.tabs li:hover a {
background-position:100% -150px;
}
/* */
div.pane-container div.pane {
display:none;
padding:35px 10px;
border:2px solid #999;
border-top:0;
font-size:14px;
background-color:#fff;
}
div.pane-container {
margin-bottom: 1em;
}
hr.pane-break {
display: none;
}
/* */
body#content hr.pane-break,
body.kupu hr.pane-break,
body.mceContentBody hr.pane-break {
display: block;
background-color: black;
color: white;
border-top:5px dashed black;
height: 5px;
margin:0.5em 0 1em;
}
/* */
body#content h2.content-tab,
body.kupu h2.content-tab,
body.mceContentBody h2.content-tab,
body#content h2.default-content-tab,
body.kupu h2.default-content-tab,
body.mceContentBody h2.default-content-tab {
display:block;
background:url(http://www.geog.ucl.ac.uk/tabr_right_both2.gif) no-repeat left top;
border-bottom: none;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
width: auto;
}
body#content h2.default-content-tab,
body.kupu h2.default-content-tab,
body.mceContentBody h2.default-content-tab {
background-position: left -150px;
color: #333;
}
button.kupu-inserthorizontalrule {background-image: url(http://www.geog.ucl.ac.uk/plonekupuimages/hr.gif);}
/* */

}


/* - ++resource++carousel.css - */
@media screen {
/* http://www.geog.ucl.ac.uk/portal_css/++resource++carousel.css?original=1 */
.carousel {
position: relative;
margin-bottom: 1em;
}
.carousel-banner {
display: none;
overflow: hidden;
}
.carousel-text {
background-color: #DDDDDD;
bottom: 0;
left: 0;
padding: 2%;
position: absolute;
width: 96%;
}
.carousel-banner-1 {
display: block;
}
.carousel-pager {
margin: 0.75em 0;
}
.carousel-pager-item,
.carousel-pager-button-prev,
.carousel-pager-button-next {
background-color: #DDDDDD;
padding: 0.25em 0.5em;
}
.carousel-pager-item-active {
background-color: #75AD0A;
}
.carousel-pager-item-active:link,
.carousel-pager-item-active:visited,
.carousel-pager-item-active .carousel-title {
color: white;
}
.carousel-pager-item-classic {
cursor: pointer;
}
.carousel-settings-introduction {
margin-bottom: 1em;
}
}


/* - ++resource++bling-slider.css - */
@media screen {
/* http://www.geog.ucl.ac.uk/portal_css/++resource++bling-slider.css?original=1 */
ul.slideshow {
list-style:none;
width:100%;
max-width: 100%;
min-height: 128px;
height: 100%;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
border:none;
}
.slideshow-caption {
width:100%;
height:64px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
opacity: .6;
}
.slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
.slideshow-caption h3 {
margin:0;
padding:0;
text-transform: capitalize;
}
.slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
.slideshow-caption-container span {
float: right;
padding-bottom: 5px;
text-decoration: underline;
}
.slideshow-caption-container h3 {
color: white;
}
a.read-more {
float: right;
color: white !important;
font-weight: bold;
}
}