/**************************************************************************************
MAIN-NEW.CSS
**************************************************************************************/
/* Start of bebasneue.css - 73848 */
@font-face {
font-family: 'BebasNeue';
src: url(http://www.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.eot);
src: url(http://www.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.eot?#iefix) format('embedded-opentype'),
url(http://www.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.woff) format('woff'),
url(http://www.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.ttf) format('truetype'),
url(http://www.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.svg#BebasNeueRegular) format('svg');
font-weight: normal;
font-style: normal;
}
/* End of of bebasneue.css - 73848 *//* Start of Undo HTML Stylesheet - 23841 */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1, h2, h3, h4, h5, h6, p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dh, dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* End of of Undo HTML Stylesheet - 23841 *//* Start of Tab navigation stylesheet - 23892 */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
#tabbedContent
{
z-index: 100;
}
/* Skin */
.ui-tabs-nav {
font-family: Georgia, serif;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
/*background: url(../../Images/Effects/tab.png) no-repeat;*/
background: url(http://www2.surrey.ac.uk/resources/Images/Effects/tab.png) no-repeat;}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}
.ui-tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/****************************************************************
Additional tab styles start here
****************************************************************/
/*tabs on home page contain content not specified in tabs.css*/
#tabbedContent .genericBox{
/*padding: 20px;*/
padding:5px;
min-height: 164px;
/*margin-bottom: 10px;*/
margin-bottom:15px;
border-color: #e6e6e6;
background-color: #f1f1f1;}
#tabbedContent .genericBox .genericBox {
background-color:#FFFFFF;
margin-bottom:0px;}
#extra #tabbedContent .genericBox,
.pageLanding #tabbedContent .genericBox{
padding: 5px;
margin-bottom: 15px;}
#extra #tabbedContent .genericBox .genericBox,
.pageLanding #tabbedContent .genericBox .genericBox{
background-color: #fff;
margin-bottom: 0px;}
#tabbedContent .genericBox .tabPromoImage{
float: left;
margin-right: 20px;
line-height: 0;}
#tabbedContent .genericBox .tabPromoList{
/*
width: 40%;
display: inline;*/}
#tabbedContent ul#tabNavigation li{
display: inline;}
#tabbedContent ul#tabNavigation li a{
color: #696969;
font-weight: normal;
text-decoration: none;}
/*tabbed content on a landing page*/
.pageLanding #tabbedContent .genericBox .genericBox img{
float: left;
margin-right: 20px;}
.pageLanding #tabbedContent .genericBox .genericBox h3{
color: #002765;}
/*Instances of "Tabbed Content" that appear in normal pages (pageContent) in the
Extra Content (right column) div*/
.pageContent #extra #tabbedContent .tab .genericBox{
height: 45em;}
/*set all the images to have the width of 268px - this may stretch or shrink to odd image but
helps it be a little more low-end CMS user friendly*/
.pageContent #extra #tabbedContent .tab .genericBox img{
width: 268px;
margin: 0;
padding: 0;}
.pageContent #extra #tabbedContent p.leadParagraph{
margin: 0;
padding: 10px;
margin-top: -3px;}
/*each section can inherit a leadParagraph sectional colour like:*/
.sectionStudy #extra #tabbedContent p.leadParagraph{
background-color: #00a8e1;
color: #fff;}
.pageContent #extra #tabbedContent h3{
margin: 0.6em 10px 0.6em 10px;
font-size: 1.8em;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 0.2em;}
.pageContent #extra #tabbedContent p,
.pageContent #extra #tabbedContent ul{
margin-left: 10px;
margin-right: 10px;}
#primaryContent ul.ui-tabs-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt 0pt 0pt 4px;}
#primaryContent ul.ui-tabs-nav li {
margin-bottom: 0;}
/* End of of Tab navigation stylesheet - 23892 *//* Start of grids.ccs - 73849 */
.line:after,.lastUnit:after,.lastunit:after{
clear:both;
display:block;
visibility:hidden;
overflow:hidden;
height:0 !important;
line-height:0;
font-size:xx-large;
content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit, .lastunit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
/* End of of grids.ccs - 73849 *//* Start of Thickbox Stylesheet - 5828 */
*{padding: 0; margin: 0;}
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
/*.TB_overlayMacFFBGHack {background: url(../../../goextra2/css/macFFBgHack.png) repeat;}*/
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* amended the below style to fix IE 8 positioning bug - Chandra 4/11/2011 */
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
bottom: 10%;
/* top:50%;*/
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/* End of of Thickbox Stylesheet - 5828 *//* Start of video_overlay.css - 46298 */
#videoOverlay {
display: none;}
.videoIcon {
position: relative;}
#vo_title {
color: #505050;
font-size: 110%;
font-weight: bold;
margin: 0 0 10px 0;}
#vo_close {
color: #505050;
cursor: pointer;
font-size: 90%;
margin-top: 8px;
text-align: right;}
/* End of of video_overlay.css - 46298 *//* Start of common.css - 73957 */
/*
20:20 Front End Starter Kit
Generic Initiation items not covered in "undothml.css";
*/
/*
Bullet proof font-face implimentation;
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley
*/
/* Font file locations will need to change when we go live */
/* This is now in a separate CSS file - bebasneue.css */
/*
@font-face {
font-family: 'BebasNeue';
src: url(http://vms31.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.eot);
src: url(http://vms31.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.eot?#iefix) format('embedded-opentype'),
url(http://vms31.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.woff) format('woff'),
url(http://vms31.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.ttf) format('truetype'),
url(http://vms31.surrey.ac.uk/assets/fonts/bebasneue/bebasneue-webfont.svg#BebasNeueRegular) format('svg');
font-weight: normal;
font-style: normal;
}
*/
/*
HTML5 display definitions
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*
Base
*/
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: Arial, Verdana, Sans-Serif; color: #666; }
body
{
text-align: left;
font-size: 75%;
background: #fff;
line-height: 1.6;
}
#doc
{
}
u {
text-decoration: none;
}
fieldset {
border: 0;
}
legend {
display: none;
}
abbr, acronym {
/* indicating to users that more info is available */
border-bottom: 1px dotted #000;
cursor: help;
}
.invisible {
display: none;
}
.hide {
/* hide elements but make them available to screen readers */
position: absolute;
top: -9999em;
}
.left
{
float: left;
}
.right
{
float: right;
}
/* General link styling - MF 30 January 2012 */
a:link {
color: #003e7e;
/*text-decoration: underline;*/}
/* Visited link styleing - MF 8 February 2012 */
a:visited {
color: #82105b;}
/* Let's apply underlines just to links within the primaryContent area */
#primaryContent a:link, #primaryContent a:visited , #extra a:link, #extra a:visited{
text-decoration: underline;}
/* We don't want all visited to links to be a different colour, particularly headings - MF 9 February 2012 */
h3 a:link, h3 a:visited {
/*color: inherit !important;*/
/* Inherit doesn't work properly in IE */
color: #272829;
text-decoration: none !important;}
/*
default skip links accessiblity module styling, works in
conjunction with a 'hide' class applied to the module wrapper;
*/
.skip-links a:focus {
position: absolute;
top: 10000em;
background: #000;
color: #fff;
padding: 5px;
display: block;
left: 10px;
min-width: 8em;
text-align: left;
}
/*
clearfix method for floated elements, http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE7 hack */
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
/*
Generic Levin image replacement - http://levin.grundeis.net/files/20030809/alternatefir.html
*/
.replace {
position: relative;
margin: 0px;
padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
overflow: hidden; /* */
}
.replace span {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.
Headline
the add the CSS:
#myh1, #myh1 span {
width:300px;
height:100px;
background-image: url(head.png);
}
*/
/* =============================================================================
Project specific styles;
========================================================================== */
nav ul, nav li
{
margin: 0;
list-style: none;
}
/*
* base typography
*/
h1, h2, h3, h4, h5, h6
{
font-weight: normal;
color: #003e7e;
line-height: 1.4;
font-family: Georgia, Serif;
}
h1
{
font-size: 1.5em;
line-height: 1.2;
margin-bottom: 0.5em;
}
h2
{
font-size: 1.2em;
margin-bottom: 0.5em;
}
h3
{
font-size: 1.1em;
line-height: 1.2;
margin-bottom: 1em;
}
h4
{
font-size: 1em;
line-height: 1.25;
margin-bottom: 1.25em;
/*height: 0;*/
}
h5
{
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}
h6
{
font-size: 1em;
font-weight: bold;
}
p
{
margin: 0 0 1.4em;
}
p img
{
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
p img.right
{
float: right;
margin: 1.5em 0 1.5em 1.5em;
}
p.meta
{
margin-bottom: 0;
font-weight: bold;
}
a
{
color: #404041;
text-decoration: none;
}
a:hover,
a:focus
{
text-decoration: underline;
}
blockquote
{
margin: 2em 0;
padding: 27px 0 20px;
border-top: 3px solid #003e7e;
border-bottom: 1px solid #003e7e;
background: none;
color: #003e7e;
line-height: 1.3;
font-size: 1.3em;
font-family: Georgia;
}
blockquote p
{
margin-bottom: 0.3em;
}
blockquote span
{
display: inline-block;
height: 20px;
line-height: 1em;
position: relative;
font-size: 4em;
font-family: 'BebasNeue';
}
blockquote span.qStart
{
padding: 0 18px 0 0;
top: -12px;
}
blockquote span.qEnd
{
display: block;
float: right;
padding-top: 8px;
position: static;
}
blockquote.right
{
margin: 0 0 2em 1.4em;
width: 53%;
}
blockquote footer
{
color: #292727;
font-size: 0.7em;
font-family: Arial;
padding: 12px 0 0;
}
/*blockquote p
{
margin-bottom: 0.5em;
}
cite
{
font-weight: bold;
font-size: 0.7em;
font-style: italic;
}*/
strong
{
font-weight: bold;
}
em, dfn
{
font-style: italic;
}
dfn
{
font-weight: bold;
}
sup, sub
{
line-height: 0;
}
abbr, abbr
{
border-bottom: 1px dotted #666;
}
address
{
margin: 0 0 1.5em;
font-style: italic;
}
del
{
color: #666;
}
pre, code
{
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt
{
font: 1em 'andale mono' , 'lucida console' , monospace;
line-height: 1.5;
}
li ul, li ol
{
margin: 0 1.5em;
}
ul, ol
{
margin: 0 1.5em 1.5em 1.5em;
}
ul
{
list-style-type: disc;
}
ol
{
list-style-type: decimal;
}
dl
{
margin: 0 0 1.5em 0;
}
dl dt
{
font-weight: bold;
}
dd
{
margin-bottom: 1em;
}
table
{
margin-bottom: 1.4em;
width: 100%;
}
th
{
font-weight: bold;
/* Changed the pink colour to grey - MF 2 February 2012 */
/*background: #DD2E82;*/
background-color: #efefef;
/*color: #fff;*/
}
th, td
{
padding: 4px 10px 4px 5px;
vertical-align:top;
}
td
{
background-color: #F6F6F6;
}
tfoot
{
font-style: italic;
}
/* Specific table styles - MF 2 February 2012 */
#primaryContent table {
border-collapse: collapse;
border-spacing: 0;}
#primaryContent td, #primaryContent th {
border: 1px solid #cccccc;}
#primaryContent td {
background-color: transparent;}
caption
{
padding: 4px 10px 4px 5px;
text-align: left;
font-size: 1.4em;
}
address
{
font-style: normal;
}
sub
{
font-size: 0.5em;
}
.unit .gutter
{
}
/* =============================================================================
Layout
========================================================================== */
.container
{
width: 940px;
margin: 0 auto;
position: relative;
}
#mainContent
{
/* Modified below as per version 3 of 20:20 stylesheets - MF 2 February 2012 */
/*margin-top: -77px;
padding-top: 55px;*/
margin-top: 0;
background: #fff;
}
.lpage #mainContent
{
/*margin-top: -35px;*/
/* margin-top set to 0 based on version 3 of 20:20's CSS files - MF 25 January 2012 */
margin-top: 0;
padding-top: 35px;
/*background: #fbfafb url(../../Images/Common/mainContent.png) repeat-x bottom;*/
/* background: #fbfafb url(http://vms31/images/68710_mainContent_small.png) repeat-x bottom; Need to update URL before going live */
background: #fbfafb url(http://www.surrey.ac.uk/images/73508_main_content_small.png) repeat-x bottom;
}
.cpage #mainContent
{
/*margin-top: -31px;
padding-top: 34px;*/
/* Amended top margin and padding as per version 3 of 20:20's CSS files - MF 29 January 2012 */
margin-top: 0;
padding-top: 25px;
border-top: 1px solid #d9d8d8;
/*background: #fbfafb url(../../Images/Common/mainContent.png) repeat-x bottom;*/
background: #fbfafb url(http://vms31/images/68710_mainContent_small.png) repeat-x bottom; /* Need to update URL before going live */
}
#mainContent .container
{
}
#secondaryContent
{
margin-top: 10px;
background: #ebeced
}
/*
* social
*/
#social
{
background: #fff;
}
/*
* branding
*/
#branding
{
padding-bottom: 30px;
background: #fff;
}
/* Added by MF to reflect latest 20:20 CSS - 29 January 2012 */
.cpage #branding {
padding-bottom: 0;}
#branding .container
{
overflow: hidden;
}
/* Styling for new student shortcut menu at top of page - MF 24 September 2012 */
#studentShortcuts {
background-color: #023a78;
display: none;}
#page957 #studentShortcuts {
display: block;}
#studentShortcuts ul {
margin: auto;
max-width: 940px;
overflow: hidden;
text-align: right;}
#studentShortcuts li {
border-right: 1px dotted #5688b5;
display: inline-block;
margin-bottom: 7px;
margin-top: 7px;
padding-left: 9px;
padding-right: 9px;
/* IE7 hack to trigger hasLayout */
zoom: 1;
*display: inline;}
#studentShortcuts il:first-child {
border-left: 1px dotted #5688b5;}
#studentShortcuts a {
color: #93b6dd;
text-decoration: none;}
#studentShortcuts a:hover {
color: #fff;}
/*
* mobileMenu
*/
#mobileMenu
{
display: none;
visibility: hidden;
}
/*
* megaMenu
*/
#megaMenu
{
/* Added bottom and position properties as per version 3 of 20:20 stylesheets - MF 25 January 2012 */
bottom: 15px;
min-height: 47px;
position: relative;
text-align: center;
}
/* Added extra styles for content page mega menus as per version 3 of 20:20 stylesheets - MF 29 January 2012 */
.cpage #megaMenu {
position: relative;
bottom: -15px;
min-height: 0;}
#megaMenu .container
{
/*margin-top: -15px; Commented out as per version 3 of 20:20's CSS - MF 25 January 2012 */
background: #fff;
}
/*
* header
*/
#header
{
background: #aad5f2;
}
/* For content pages, remove the background colour - MF: 5 January 2012 */
.cpage #header {
background: none;}
/*
* footer
*/
#footer
{
background: #564650;
color: #fff;
clear: both;
position: relative; /* Fix IE7 dynamic content - provided by Ben Newbolt to fix IE footer bug - added by MF 20 February 2012 */
}
#footer .container
{
margin: 0 auto;
padding: 3em 0;
}
#footer a
{
color: #ddf7f7;
}
#footer address a
{
color: #fff;
}
/*
* promo areas on the homepage
*/
.mainspot
{
border: 10px solid #d6d3d3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.mainspot .line
{
margin: 0 -10px;
}
.mainspot .promo .gutter
{
margin: 15px 0;
}
.promo .container
{
width: auto;
}
.promo .gutter
{
margin: 20px 0;
padding: 0 25px;
overflow: hidden;
border-left: 1px dashed #b7b6b6;
}
.line .promo:first-child .gutter,
.line .promo.first-child .gutter
{
border-left: none;
}
.promo .gutter .unit
{
padding: 15px 0 0;
float: none;
}
/* Disabling this here as tricky to disable via Rhythmyx.
Will use floated image template in Rhythmyx to achieve same effect.
.promo .gutter .unit img
{
float: left;
margin: 0 12px 0 0;
}
*/
/* Added by MF - 18 January 2012 - to replace the functionality commented out above */
.promoThumbnail {
float: left;
height: 59px;
margin: 0 12px 0 0;
overflow: hidden;
width: 71px;}
.promoThumbnail img {
width: 100%;}
/* End of code added by MF */
.promo hgroup
{
margin-bottom: 10px;
padding: 10px 0;
overflow: hidden;
text-transform: uppercase;
}
.promo h1
{
margin: 0;
font-weight: bold;
font-size: 1.3em;
}
.promo h1 span
{
display: block;
color: #58595b;
font-weight: normal;
font-size: 0.95em;
font-family: Arial;
}
.promo p
{
margin-bottom: 0.2em;
}
.promo a p
{
color:#666;
}
.promo .gutter a
{
display: block;
}
.promo .gutter a:hover,
.promo .gutter a:focus
{
text-decoration: none;
cursor:pointer;
}
.promo .gutter .unit a:hover,
.promo .gutter .unit a:focus
{
background: inherit;
}
/*
* promo banner
*/
.promo .banner hgroup
{
}
.promo a:hover hgroup,
.promo a:focus hgroup
{
padding: 10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background: #003e7e;
cursor: pointer;
}
.promo a:hover h1, .promo a:focus h1,
.promo a:hover h1 span, .promo a:focus h1 span
{
color: #fff;
}
.promo .gutter .unit.banner img
{
float: none;
margin: 0;
}
.promo :hover .international hgroup,
.promo a:focus .international hgroup
{
background: #8a0058;
}
.promo a:hover .research hgroup,
.promo a:focus .research hgroup
{
background: #1a6061;
}
.promo a:hover .news hgroup,
.promo a:focus .news hgroup
{
background: #005c2d;
}
.promo a:hover .visit hgroup,
.promo a:focus .visit hgroup
{
background: #647027;
}
.promo .queens a:hover hgroup,
.promo .queens a:focus hgroup
{
background: #2b70a3;
}
/*
* genericCTA
*/
a p.genericCta,
.genericCta
{
font-family: Georgia, Serif;
color: #00A8E1;
line-height: 1.2;
}
/*
* ctaBlock
*/
.ctaBlock
{
display: block;
padding: 15px 0;
border-top: 1px solid #d2d2d2;
}
.ctaBlock:first-child
{
border-top: none;
}
.ctaBlock .unit
{
position: relative;
}
.promo .gutter .ctaBlock .unit
{
padding: 0;
}
.ctaBlock hgroup
{
margin: 0;
min-height: 59px;
padding: 0;
}
.ctaBlock hgroup h1
{
padding-top: 11px;
}
a.ctaBlock:hover hgroup, a.ctaBlock:focus hgroup
{
padding: 0 10px;
}
.ctaBlock .genericCta
{
position: absolute;
top: 9px;
right: 10px;
overflow: hidden;
width: 0;
height: 0;
display: block;
padding: 41px 41px 0 0;
/*background-image: url(../../Images/Common/sprite-ctaBlock.png);*/
/*background-image: url(http://vms31.surrey.ac.uk/images/68711_sprite-ctaBlock_small.png);Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73535_sprite_cta_block_small.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.ctaBlock:focus .genericCta,
.ctaBlock:hover .genericCta
{
background-position: -41px -287px;
}
/*
* links
*/
.links ul
{
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0;
color: #00A8E1;
}
.links li
{
padding: 4px 0;
border-top: 1px solid #d0d2d3;
font-size: 1.2em;
}
.links.bigger li
{
padding: 8px 0;
}
.links a
{
display: block;
}
.links a:hover
{
text-decoration: underline !important;
}
.links a:after
{
content:">";
padding-left: 0.2em;
font-size: 0.7em;
}
.links a:hover:after
{
text-decoration: none !important;
}
/*
* video
*/
.video-embed
{
margin: 1em 0;
}
/*
* subUNit is a child of unit
*/
.promo .gutter .multiUnit{
border-top: 1px solid #D1CDCA;
}
.promo .gutter .multiUnit .unit
{
border-top: 0 none;
padding-bottom: 0;
}
.multiUnit .subUnit
{
border-bottom:1px dotted #ccc;
padding-bottom: 0.5em;
}
.multiUnit a:last-child .subUnit
{
border-bottom: 0 none;
}
/*
* courseFinder
*/
#courseFinder
{
position: relative;
}
#courseFinder img
{
position:absolute;
left: 0;
top: -5px;
width: 80px;
}
#courseFinder .formrow
{
margin-bottom: 0.5em;
}
#courseFinder .formrow select
{
width: 100%;
border: 1px solid #ccc;
}
#courseFinder .form
{
width: 70%;
float:right;
}
#courseFinder #go
{
background-color: transparent;
border: 0 none;
float: right;
font-family: Georgia,Serif;
font-size: 1.4em;
}
/*
* skins
*/
/*
* study
*/
.container .study h1
{
}
/*
* international
*/
.container .international h1
{
color: #8a0058;
}
/*
* research
*/
.container .research h1
{
color: #1a6061;
}
/*
* vacancies
*/
.container .vacancies h1
{
color: #804d22;
}
/*
* quicklinks
*/
.container .quicklinks h1
{
color: #8c1111;
}
/*
* news
*/
.container .news h1
{
color: #005c2d;
}
/*
* visit
*/
.container .visit h1
{
color: #647027;
}
/*
* queens
*/
.container .queens h1
{
color: #2b70a3;
}
/* =============================================================================
Project supportive styles
========================================================================== */
#skipLink
{
position: absolute;
top: -9999em;
}
#social
{
text-align: right;
}
#social ul
{
float: right;
margin: 0;
}
#social li
{
width: 20px;
height: 27px;
margin-left: 3px;
float: left;
list-style: none;
}
#social a
{
overflow: hidden;
display: block;
width: 0;
height: 0;
padding: 27px 20px 0 0;
/*background-image: url(../../Images/Common/sprite-socialMedia.png);*/
/*background-image: url(http://vms31.surrey.ac.uk/images/68712_sprite-socialMedia_small.png); Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73538_sprite_social_media_small.png);
background-repeat: no-repeat;
}
/* Social links on the homepage - now we've added the student shortcut navigation */
#page957 .site-heading {
margin-top: 24px;}
#page957 #social {
position: relative;
z-index: 5;}
#page957 #social ul {
position: absolute;
right: 200px;
text-align: right;
top: 35px;}
#facebook a
{
background-position: 0 -27px;
}
#facebook a:focus,
#facebook a:hover
{
background-position: 0 0;
}
#twitter a
{
background-position: -23px -27px;
}
#twitter a:focus,
#twitter a:hover
{
background-position: -23px 0;
}
#rss a
{
background-position: -46px -27px;
}
#rss a:focus,
#rss a:hover
{
background-position: -46px 0;
}
#youtube a
{
background-position: -68px -27px;
}
#youtube a:focus,
#youtube a:hover
{
background-position: -68px 0;
}
/* Temporarily hide the extra social links button as we're not currently using it - MF 8 February 2012 */
#social-links {display: none;}
#social-links a
{
background-position: -91px -27px;
}
#social-links a:focus,
#social-links a:hover
{
background-position: -91px 0;
}
/*
* header
*/
#homeLink
{
float: left;
}
#siteSearch
{
float: right;
padding-top: 11px;
}
.uiTxtSiteSearch
{
float: left;
padding: 4px 3px;
width: 150px;
border: 1px solid #cac8c8;
color: #666;
font-size: 0.9em;
}
/*
* footer
*/
#footer h3
{
margin-bottom: 1em;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.footer-upper .gutter
{
padding: 0 25px;
border-left: 1px solid #685a63;
}
.footer-upper nav
{
margin-bottom: 25px;
}
.footer-upper nav a:before
{
content:"> ";
padding-left: 0.2em;
font-size: 1em;
}
.footer-bottom
{
padding-top: 20px;
}
.footer-bottom li
{
list-style: none;
float: left;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #fff;
line-height: 1;
}
.footer-bottom ul li:last-child
{
border-right: none;
}
.footer-logo,
.footer-legal
{
padding: 0 15px;
}
.footer-legal
{
padding-top: 20px;
}
/* New Footer logo styles for Celebrate Surrey - MF 15 February 2012 */
.footer-logo {
float: left;
margin-right: 20px;
width: 118;}
.footer-legal {
float: left;
padding-top: 74px;}
/* End of new footer log styles */
/*
* megaMenu
*/
#megaMenu ul
{
list-style-type: none;
margin: 0;
}
#megaMenu h2
{
position: absolute;
left: -9999em;
}
#megaMenu .section
{
float: left;
}
#megaMenu .trigger
{
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
line-height: 30px;
display: block;
border: 1px solid #b3aeae;
border-left: none;
text-align: center;
color: #544b4b;
font-weight: normal;
font-size: 1.3em;
font-family: 'BebasNeue', Arial, Verdana, Sans-Serif;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
outline: 0 none;
cursor: pointer;
}
#megaMenu .section:first-child .trigger,
#megaMenu .section.first-child .trigger
{
border-left: 1px solid #b3aeae;
}
#megaMenu .current, #megaMenu .trigger:hover
{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-color: #fff;
background: #003e7e;
color: #fff;
}
#megaMenu .trigger span
{
display: inline-block;
padding: 0 10px 0 20px;
/*background: url(../../Images/Common/menu-trigger.png) no-repeat center left;*/
/*background: url(http://vms31.surrey.ac.uk/images/68713_menu-trigger_small.png) no-repeat center left; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73512_menu_trigger_small.png) no-repeat center left;
}
#megaMenu .first .trigger span
{
border-left: none;
}
#megaMenu .last .trigger span
{
border-right: none;
}
#megaMenu .trigger:focus span, #megaMenu .trigger:hover span, #megaMenu .current span
{
/*background: url(../../Images/Common/menu-trigger-active.png) no-repeat center left;*/
/* background: url(http://vms31.surrey.ac.uk/images/68714_menu-trigger-active_small.png) no-repeat center left; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73520_menu_trigger_active_small.png) no-repeat center left;
}
#megaMenu .menu
{
width: 100%;
margin: 0 auto;
text-align: left;
box-shadow: 0 5px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.5);
background: #fff;
}
#megaMenu .menu .line
{
border: 10px solid #003e7e;
}
#megaMenu .menu .unit .gutter
{
overflow: hidden;
padding: 15px 24px 10px;
border-right: 1px solid #003e7e;
}
#megaMenu .menu .unit:first-child .gutter
{
padding-left: 15px;
}
#megaMenu .menu .mainlinks
{
width: 50%;
}
#megaMenu .menu .mainlinks ul
{
float: left;
width: 50%;
}
#megaMenu .menu .quicklinks
{
width: 25%;
}
#megaMenu .menu .promotion
{
width: 25%;
}
#megaMenu .menu .unit:last-child,
#megaMenu .menu .lastUnit
{
border: 0 none;
}
#megaMenu .menu a
{
color: #404143;
text-decoration: none;
}
#megaMenu .menu hgroup
{
margin-bottom: 0.6em;
}
#megaMenu .menu h3
{
/*margin: 0;*/
margin: 0 0 0.6em 0; /* Modified by MF as can't enter hgroup items in Rhythmyx */
font-size: 1.3em;
text-transform: uppercase;
}
#megaMenu .menu h4
{
margin: 0;
height: auto;
font-size: 1.2em;
text-transform: uppercase;
color: #58595b;
}
#megaMenu .menu h3 a,
#megaMenu .menu h3
{
color: #003e7e;
font-weight: bold;
}
#megaMenu .menu a:hover,
#megaMenu .menu a:focus,
#megaMenu .menu a:hover h3
{
text-decoration: underline;
}
#megaMenu .menu li a
{
font-weight: bold;
margin-bottom: 0.7em;
padding-left: 15px;
display: inline-block;
/*background: url(../../Images/Common/li-bg.png) no-repeat 0 6px;*/
/* background: url(http://vms31.surrey.ac.uk/images/68715_li-bg_small.png) no-repeat 0 6px; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73490_li_bg_small.png) no-repeat 0 6px;
}
#megaMenu .menu li li a
{
font-weight: normal;
margin-bottom: 0;
display: inline;
}
#megaMenu .menu ul
{
list-style-type: none;
margin: 0;
}
#megaMenu .menu ul ul
{
margin-bottom: 1em;
}
#megaMenu .menu .megaPromo
{
margin-bottom: 15px;
}
#megaMenu li.study
{
width: 107px;
}
#megaMenu li.study .current, #megaMenu li.study .trigger:hover
{
background: #003e7e;
border-color: #003e7e;
}
#megaMenu .menu.study .line
{
border-color: #003e7e;
}
#megaMenu .menu.study .unit .gutter
{
border-color: #003e7e;
}
#megaMenu .menu.study h3 a,
#megaMenu .menu.study h3
{
color: #003e7e;
}
#megaMenu li.research
{
/*width: 210px; Needs to change to accommodate Business - MF: 4 January 2012*/
width: 122px;
}
#megaMenu li.research .current, #megaMenu li.research .trigger:hover
{
background: #1a6061;
border-color: #1a6061;
}
#megaMenu .menu.research .line
{
border-color: #1a6061;
}
#megaMenu .menu.research .unit .gutter
{
border-color: #1a6061;
}
#megaMenu .menu.research h3 a,
#megaMenu .menu.research h3
{
color: #1a6061;
}
/* Business menu - added by MF: 4 January 2012 - copied from Study menu */
#megaMenu li.business
{
width: 107px;
}
#megaMenu li.business .current, #megaMenu li.business .trigger:hover
{
background: #003e7e;
border-color: #003e7e;
}
#megaMenu .menu.business .line
{
border-color: #003e7e;
}
#megaMenu .menu.business .unit .gutter
{
border-color: #003e7e;
}
#megaMenu .menu.business h3 a,
#megaMenu .menu.business h3
{
color: #003e7e;
}
/* End of Business menu */
#megaMenu li.international
{
/*width: 174px; Needs to change to accommodate Business - MF: 4 January 2012 */
width: 155px;
}
#megaMenu li.international .current, #megaMenu li.international .trigger:hover
{
background: #6e154e;
border-color: #6e154e;
}
#megaMenu .menu.international .line
{
border-color: #6e154e;
}
#megaMenu .menu.international .unit .gutter
{
border-color: #6e154e;
}
#megaMenu .menu.international h3 a,
#megaMenu .menu.international h3
{
color: #6e154e;
}
#megaMenu li.about
{
width: 122px;
}
#megaMenu li.about .current, #megaMenu li.about .trigger:hover
{
background: #564650;
border-color: #564650;
}
#megaMenu .menu.about .line
{
border-color: #564650;
}
#megaMenu .menu.about .unit .gutter
{
border-color: #564650;
}
#megaMenu .menu.about h3 a,
#megaMenu .menu.about h3
{
color: #564650;
}
#megaMenu li.arts
{
/* Hiding the Arts menu item at the VC's request */
display: none;
width: 102px;
}
#megaMenu li.arts .current, #megaMenu li.arts .trigger:hover
{
background: #73662c;
border-color: #73662c;
}
#megaMenu .menu.arts .line
{
border-color: #73662c;
}
#megaMenu .menu.arts .unit .gutter
{
border-color: #73662c;
}
#megaMenu .menu.arts h3 a,
#megaMenu .menu.arts h3
{
color: #73662c;
}
#megaMenu li.news
{
width: 102px;
}
#megaMenu li.news .current, #megaMenu li.news .trigger:hover
{
background: #005c2d;
border-color: #005c2d;
}
#megaMenu .menu.news .line
{
border-color: #005c2d;
}
#megaMenu .menu.news .unit .gutter
{
border-color: #005c2d;
}
#megaMenu .menu.news h3 a,
#megaMenu .menu.news h3
{
color: #005c2d;
}
#megaMenu li.alumni
{
width: 123px;
}
#megaMenu li.alumni .current, #megaMenu li.alumni .trigger:hover
{
background: #38388c;
border-color: #38388c;
}
#megaMenu .menu.alumni .line
{
border-color: #38388c;
}
#megaMenu .menu.alumni .unit .gutter
{
border-color: #38388c;
}
#megaMenu .menu.alumni h3 a,
#megaMenu .menu.alumni h3
{
color: #38388c;
}
/* New menu styles - MF 8 February 2012 */
#megaMenu .trigger span {
background: none;
padding: 0 20px;}
#megaMenu .trigger {
color: #333333;
font-family: arial,helvetica,sans-serif;
font-size: 1em;
font-weight: bold;
letter-spacing: normal;}
#megaMenu .trigger.current {
color: #ffffff;}
#megaMenu .trigger.hasMenu span {
background-image: url(http://www.surrey.ac.uk/images/74068_menu-trigger-new_small.png);
background-position: right center;
background-repeat: no-repeat;
padding: 0 20px 0 10px;}
#megaMenu .trigger:hover span, #megaMenu .trigger:focus span, #megaMenu .current span {
background: none;
padding: 0 20px 0 20px;
}
#megaMenu .trigger.hasMenu:hover span, #megaMenu .trigger.hasMenu:focus span, #megaMenu .current span {
background-image: url(http://www.surrey.ac.uk/images/74069_menu-trigger-new-active_small.png);
background-position: right center;
background-repeat: no-repeat;
padding: 0 20px 0 10px;}
#megaMenu #home span {
background: none;
padding: 0 20px 0 20px; }
#megaMenu li.home {
/*width: 90px;*/
/* width increased to make up for missing Arts nav item */
width: 100px;}
#megaMenu li.study {
/* width increased to make up for missing Arts nav item */
/*width: 91px;*/
width: 103px;}
#megaMenu li.research {
/* width increased to make up for missing Arts nav item */
/*width: 117px;*/
width: 127px;}
#megaMenu li.business {
/* width increased to make up for missing Arts nav item */
/*width: 111px;*/
width: 121px;}
#megaMenu li.international {
/* width increased to make up for missing Arts nav item */
/*width: 148px;*/
width: 158px;}
#megaMenu li.arts {
width: 82px;}
#megaMenu li.about {
/* width increased to make up for missing Arts nav item */
/*width: 114px;*/
width: 124px;}
#megaMenu li.news {
/* width increased to make up for missing Arts nav item */
/*width: 85px;*/
width: 95px;}
#megaMenu li.alumni {
/* width increased to make up for missing Arts nav item */
/*width: 102px;*/
width: 112px;}
/* End of new menu styles */
/*
* widget
*/
#widget
{
/* Added margin-top as per version 3 of 20:20's CSS - MF 25 January 2012 */
margin-top: -15px;
position: relative;
}
#widget .carouselShadow
{
position: absolute;
top: 25px;
left: 10px;
z-index: 1;
width: 920px;
height: 300px;
box-shadow: 0 0 22px #000;
-moz-box-shadow: 0 0 22px #000;
-webkit-box-shadow: 0 0 22px #000;
}
#widget .container
{
position: relative;
z-index: 2;
}
#widget .container:after
{
position: relative;
top: -10px;
/*content: url(../../Images/Common/carouselBottom.png);*/
/*content: url(http://vms31.surrey.ac.uk/images/68716_carouselBottom_small.png); Need to update URL before going live */
content: url(http://www.surrey.ac.uk/images/73488_carousel_bottom_small.png);
}
.lpage #widget .container:after
{
top: -4px;
/*content: url(../../Images/Common/carouselBaseShadow.png);*/
/* content: url(http://vms31.surrey.ac.uk/images/68717_carouselBaseShadow_small.png); Need to update URL before going live */
content: url(http://www.surrey.ac.uk/images/73487_carousel_base_shadow_small.png);
}
#widget > .container > .gutter
{
position: relative;
z-index: 2;
padding: 9px;
border: 1px solid #eceaea;
background: #fff;
color: #bad2e1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#widget .panelImage
{
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
}
#widget .panelSlide
{
width: 100%;
height: 280px;
}
#widget .panelOverlay
{
margin-left: 15px;
width: 460px;
height: 100%;
background: #2f2c2e;
color: #fefefe;
/* Temporarily add in some opacity by default. This will later become a user-editable option in the CMS - MF 27 January 2012 */
opacity: 0.82;
filter: alpha(opacity=82);
}
#widget .panelOverlay .gutter
{
/*padding: 30px !important;*/
/* Reduced padding to allow more space for long headlines - MF 25 January 2012 */
padding: 10px 20px 20px 20px !important;
}
.panelOverlay hgroup
{
padding-bottom: 20px;
}
#widget .panelOverlay h1
{
/* Add a bit of bottom margin to separate from the h2 below - MF 27 January 2012 */
/*margin: 0;*/
margin: 0 0 0.2em 0;
font-weight: bold;
/*font-size: 5em;*/
/* Reduced font size to fit the carousel better - MF 25 January 2012 */
/*font-size: 3.5em;*/
/* And reduced it again (should now accept up to 20 characters) - MF 27 January 2012 */
/*font-size: 3.1em;*/
/*Reduce size again - MF 15 February 2012 */
font-size: 2em;
color: #fefefe;
}
#widget .panelOverlay h2
{
margin: 0;
/* font-size: 2.7em; */
/* Reduced font size to fit the carousel better - MF 25 January 2012 */
font-size: 1.6em;
font-family: Arial;
color: #fefefe;
text-transform: uppercase;
}
#widget .panelOverlay a
{
display: block;
overflow: hidden;
line-height: 1.8;
font-size: 1.3em;
color: #fefefe;
}
#widget .panelOverlay a span
{
float: left;
margin: 3px 10px 0 0;
width: 23px;
height: 24px;
display: block;
/*background-image: url(../../Images/Common/panelArrow.png);*/
/* background-image: url(http://vms31.surrey.ac.uk/images/68718_panelArrow_small.png); Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73533_panel_arrow_small.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#widget .panelOverlay a:hover span
{
background-position: -23px 0;
}
#widget .paneSelector
{
overflow: hidden;
width: 100%;
height: 109px;
/*background: url(../../Images/Common/panelSelectorBG.png) no-repeat 0 0;*/
/* background: url(http://vms31.surrey.ac.uk/images/68719_panelSelectorBG_small.png) no-repeat 0 0; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73534_panel_selector_bg_small.png) no-repeat 0 0;
}
#widget .paneControl
{
padding-top: 55px;
}
#widget .paneControl span
{
width: 0;
height: 0;
overflow: hidden;
display: block;
padding: 24px 24px 0 0;
cursor: pointer;
/*background-image: url(../../Images/Common/sprite-paneArrow.png);*/
/* background-image: url(http://vms31.surrey.ac.uk/images/68720_sprite-paneArrow_small.png); Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73536_sprite_pane_arrow_small.png);
background-repeat: no-repeat;
}
#widget #paneLeft
{
float: left;
width: 24px;
}
#widget #paneLeft span
{
background-position: -24px -24px;
}
#widget #paneLeft span:hover
{
background-position: 0 -24px;
}
#widget #paneRight
{
float: left;
width: 24px;
}
#widget #paneRight span
{
background-position: 0 0;
}
#widget #paneRight span:hover
{
background-position: -24px 0;
}
#widget .panes
{
position: relative;
float: left;
margin: 32px 17px 0;
width: 836px;
overflow: hidden;
}
#widget .pane
{
position: relative;
float: left;
/*width: 230px;*/
/* Redudced width to 209px to avoid half an item appearing in rotator - MF 26 April 2012 */
width: 209px;
cursor: pointer;
}
#widget .pane img
{
float: left;
margin-right: 10px;
border: 3px solid #fff;
}
#widget .pane:hover img, #widget .pane:focus img, #widget .pane.active img
{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-color: #c2a303;
}
#widget .pane h2, #widget .pane h3
{
color: #626366;
}
#widget .pane h2
{
/* Slightly reduce the line height - MF 27 January 2012 */
line-height: 1.2;
margin: 0;
/* Reducing top padding to accommodate typical length of news headlines - MF 27 January 2012 */
/*padding-top: 10px;*/
padding-top: 2px;
font-weight: bold;
}
#widget .pane h3
{
margin: 0;
font-family: Arial;
/* Adding some right-hand padding - MF 27 January 2012 */
padding-right: 5px;
}
/*
* carousel
*/
.landingCarousel
{
z-index: 2;
position: relative;
overflow: visible;
border: 10px solid #d6d3d3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.landingCarousel:after
{
z-index: 1;
position: relative;
top: 0;
left: -10px;
overflow: visible;
visibility: visible;
/*content: url(../../Images/Common/landingCarouselShadow.gif);*/
/* content: url(http://vms31.surrey.ac.uk/images/68721_landingCarouselShadow_small.gif); Need to update URL before going live */
content: url(http://www.surrey.ac.uk/images/73489_landing_carousel_shadow_small.gif);
}
.landingCarousel .carouselPanes
{
position: relative;
margin: 0 -10px;
overflow: hidden;
}
.landingCarousel .paneControl
{
position: absolute;
top: 90px;
width: 27px;
z-index: 10;
}
.landingCarousel .paneControl span
{
width: 0;
height: 0;
overflow: hidden;
display: block;
padding: 27px 27px 0 0;
cursor: pointer;
/*background-image: url(../../Images/Common/sprite-paneArrow2.png);*/
/* background-image: url(http://vms31.surrey.ac.uk/images/68722_sprite-paneArrow2_small.png); Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73537_sprite_pane_arrow_2_small.png);
background-repeat: no-repeat;
}
.landingCarousel .paneControl.left
{
left: -20px;
}
.landingCarousel .paneControl.left span
{
background-position: 0 0;
}
.landingCarousel:hover .paneControl.left span, .landingCarousel:focus .paneControl.left span
{
background-position: -27px 0;
}
.landingCarousel .paneControl.left span:hover, .landingCarousel .paneControl.left span:focus
{
background-position: -54px 0;
}
.landingCarousel .paneControl.right
{
right: -20px;
}
.landingCarousel .paneControl.right span
{
background-position: -135px 0;
}
.landingCarousel:hover .paneControl.right span, .landingCarousel:focus .paneControl.right span
{
background-position: -108px 0;
}
.landingCarousel .paneControl.right span:hover, .landingCarousel .paneControl.right span:focus
{
background-position: -81px 0;
}
/*
* team carousel
*/
#team.carousel .carouselPanes
{
overflow: hidden;
margin-bottom: 7px;
height: 60px;
}
#team.carousel .carouselPane
{
float: left;
margin: 0 7px 0 0;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
#team.carousel .carouselPane:last-child
{
margin-right: 0;
}
#team.carousel .carouselPane:focus, #team.carousel .carouselPane:hover, #team.carousel .carouselPane.active
{
opacity: 1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
cursor: pointer;
width: 60px;
height: 60px;
}
#team.carousel .carouselPane img
{
float: none;
margin: 0;
}
#team.carousel .carouselPanels
{
position: relative;
}
#team.carousel .pointer
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 21px;
height: 10px;
/*background: url(../../Images/Common/arrowDown.png) no-repeat 0 0; */
/* background: url(http://vms31.surrey.ac.uk/images/68723_arrowDown_small.png) no-repeat 0 0; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73475_arrow_down_small.png) no-repeat 0 0;
}
#team.carousel .pane-1 .pointer
{
left: 21px;
}
#team.carousel .pane-2 .pointer
{
left: 86px;
}
#team.carousel .pane-3 .pointer
{
left: 151px;
}
#team.carousel .pane-4 .pointer
{
left: 217px;
}
#team.carousel blockquote
{
margin: 0;
padding: 15px;
border: none;
background: #58595b;
color: #fff;
font-size: 1em;
font-family: Arial;
}
#team.carousel span {
float: none;
display: block;
padding: 0;
position: static;
}
#team.carousel blockquote footer
{
color: #fff;
font-size: 0.9em;
padding: 0;
}
/*
* share
*/
.share
{
color: #494646;
}
.articleContent .share strong
{
font-weight: normal;
font-family: Georgia;
}
/*
* Content page specific styles
* This styles need to stay at the bottom to overwrite the home/landing pages
*/
/* Below modified for those pages that are of landing page content type, but not to use the new landing page template - yet - MF 28 January 2012 */
.cpage .nav.unit , .lpage .nav.unit
{
width: 180px;
}
.cpage .articleContent.unit
{
width: 498px;
}
.cpage .articleContent .gutter
{
padding-left: 25px;
padding-right: 25px;
}
.cpage .promo.unit
{
width: 262px;
}
.cpage .promo.unit .gutter
{
margin-top: -25px;
padding: 0;
border-left: none;
}
/*
* breadcrumbs
*/
.breadcrumbs
{
overflow: hidden;
margin-bottom: 20px;
margin-left: 205px;
padding: 0 0 7px 0;
border-bottom: 1px solid #d0d2d3;
font-size: 0.8em;
}
.breadcrumbs strong
{
float: left;
display: inline-block;
}
.breadcrumbs ul
{
float: left;
display: inline-block;
margin: 0 0 0 5px;
list-style: none;
}
.breadcrumbs li
{
float: left;
padding: 0 1px;
}
/*.breadcrumbs li:after*/
/* Replaced with below as provided by Ben Newbolt - 20 February 2012 */
.breadcrumbs li:before
{
content:" > ";
padding-left: 0.2em;
font-size: 0.7em;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
color: #666666;}
/*.breadcrumbs li:last-child:after*/
/* Replaced with below as provided by Ben Newbolt - 20 February 2012 */
.breadcrumbs li:first-child:before
{
content:"";
}
/*
* subNav
*/
/* Level one */
#subNav
{
position: relative;
top: 40px;
padding-bottom: 25px;
box-shadow: 0 -30px 10px #555;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
#subNav > div
{
position: relative;
top: -40px;
background: #fff;
background: -moz-linear-gradient(center top, #fbfafb, #fff 25%, #fff 50%, #fff 75%, #fbfafb);
background: -webkit-gradient(linear, center top, center bottom, from(#fbfafb), color-stop(25%, #fff), color-stop(50%, #fff), color-stop(75%, #fff), to(#fbfafb));
}
#subNav h2
{
padding: 0 10px;
font-weight: bold;
font-size: 1em;
font-family: Arial;
color: #262729;
}
#subNav h2 span
{
display: block;
color: #003e7e;
font-weight: normal;
font-size: 1.3em;
font-family: 'BebasNeue', Arial, Verdana, Sans-Serif;
text-transform: uppercase;
}
/* Added by MF to provide styling for section nav links - 27 January 2011 */
#subNav h2 span a {
color: #003e7e;}
#subNav a
{
color: #1b1b1c;
}
#subNav a:hover
{
text-decoration: none;
}
#subNav li > a span
{
display: block;
padding: 5px 10px 5px 0;
line-height: 1.3;
border-bottom: 1px dashed #d0d2d3;
/*background: url(../../Images/Common/mobileMenu-trigger.png) no-repeat center right; */
/* background: url(http://vms31.surrey.ac.uk/images/68724_mobileMenu-trigger_small.png) no-repeat center right; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73528_mobile_menu_trigger_small.png) no-repeat center right;
text-transform: uppercase;
}
#subNav li > a:focus span, #subNav li > a:hover span
{
border-bottom: none;
/*background: url(../../Images/Common/mobileMenu-trigger-active.png) no-repeat center right;*/
/* background: url(http://vms31.surrey.ac.uk/images/68725_mobileMenu-trigger-active_small.png) no-repeat center right; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73532_mobile_menu_trigger_active_small.png) no-repeat center right;
}
#subNav li.active > a span
{
border-bottom: none;
/*background: url(../../Images/Common/menu-trigger-active.png) no-repeat center right; */
/* background: url(http://vms31.surrey.ac.uk/images/68714_menu-trigger-active_small.png) no-repeat center right; Need to update URL before going live */
background: url(http://www.surrey.ac.uk/images/73520_menu_trigger_active_small.png) no-repeat center right;
}
#subNav li a
{
display: block;
padding: 0 10px;
font-family: Georgia;
/* Fix below for IE supplied by Ben Newbolt from 20:20 - 7 February 2012 */
/* Fix IE7 */
position: relative;
}
#subNav li.active
{
border-bottom: 1px solid #4e91d8;
}
#subNav li a:focus, #subNav li a:hover, #subNav li.active > a
{
border-top: 1px solid #fff;
background: #003e7e;
color: #fff;
}
/* Level two */
#subNav li ul
{
margin: 0;
}
#subNav li li.active
{
border-bottom: none;
}
#subNav li li a
{
padding: 2px 10px;
border-top: 1px solid #fff;
font-size: 0.8em;
font-family: Arial;
background: #bed0e4;
}
#subNav li li a:focus, #subNav li li a:hover, #subNav li li.active > a
{
border-top: 1px solid #fff;
background: #bed0e4;
color: #201b1f;
font-weight: bold;
}
/* Level three */
#subNav li li li a
{
padding-left: 15px;
background: #ecf4fc;
}
#subNav li li li a:focus, #subNav li li li a:hover, #subNav li li li.active > a
{
background: #ecf4fc;
}
/* Level four */
#subNav li li li li a
{
padding-left: 20px;
border-bottom: 1px solid #dee0f5;
background: #f9fcfe;
}
#subNav li li li li a:focus, #subNav li li li li a:hover, #subNav li li li li.active > a
{
border-bottom: 1px solid #dee0f5;
background: #f9fcfe;
}
#subNav li li li li a.current
{
/*background-image: url(../../Images/Common/listSquare.gif); */
/* background-image: url(http://vms31.surrey.ac.uk/images/68726_listSquare_small.gif); Need to update URL before going live */
background-image: url(http://www.surrey.ac.uk/images/73505_list_square_small.gif);
background-repeat: no-repeat;
background-position: 10px center;
}
/* Level five */
#subNav li li li li li a
{
padding-left: 25px;
border-bottom: 1px solid #fff;
background: none;
}
#subNav li li li li li a:focus, #subNav li li li li li a:hover, #subNav li li li li li.active > a
{
border-bottom: 1px solid #fff;
background: none;
}
#subNav li li li li li a.current
{
background-position: 15px center;
}
/* Level six */
#subNav li li li li li li a
{
padding-left: 30px;
background: none;
}
#subNav li li li li li li a.current
{
background-position: 20px center;
}
/*
* articleContent
*/
.articleContent
{
padding-bottom: 100px;
}
/*.articleContent header h1 - modified temporarily as we don't have elements on pages yet */
.articleContent h1
{
margin-bottom: 0.2em;
font-weight: bold;
font-size: 1.75em;
font-family: Georgia;
text-transform: uppercase;
}
.articleContent header h2
{
color: #58595b;
font-family: Arial;
font-size: 1em;
text-transform: uppercase;
}
.articleContent .share
{
margin-top: 100px;
padding: 10px 0;
border-top: 1px dashed #bebdbd;
}
.articleContent .share strong
{
font-size: 1.4em;
}
/*
* entry
*/
.entry
{
color: #404143;
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6
{
/*margin: 1.5em 0 .5em;*/
/* Modifying the above as the top margin looks odd in some contexts - MF 9 February 2012 */
margin: 0 0 .5em 0;
color: #272829;
font-weight: bold;
line-height: 1.6;
}
.entry h2 a:focus, .entry h3 a:focus, .entry h4 a:focus, .entry h5 a:focus, .entry h6 a:focus,
.entry h2 a:hover, .entry h3 a:hover, .entry h4 a:hover, .entry h5 a:hover, .entry h6 a:hover
{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display: inline-block;
padding: 0 5px;
background: #003e7e;
color: #fff;
text-decoration: none;
}
.entry h2
{
font-size: 1.8em;
}
.entry h3
{
font-size: 1.5em;
}
.entry h4
{
font-size: 1.2em;
}
.entry h4, .entry h5, .entry h6
{
font-family: Arial;
}
.entry .intro
{
line-height: 1.3;
color: #171718;
font-size: 1.3em;
font-family: Georgia;
}
.articleBanner
{
margin-top: 20px;
}
.articleBanner .caption
{
font-size: 0.8em;
color: #545454;
}
/* New styles to accommodate the existing banners on content pages - MF 25 January 2012 */
/*
#banner-image {
border: 1px solid #cccccc;
clear: both;
margin-bottom: 1em;
margin-top: -10px; - this was commented out
margin-top: 0;
overflow: hidden;
padding: 3px;
width: 932px;}
*/
/*
#banner-image img {
display: block;
width: 100%;}
*/
/* Replacement banner image styles to deal with multiple banners */
#banner-image {
border: 1px solid #CCCCCC;
clear: both;
margin-bottom: 1em;
margin-top: 0;
overflow: hidden;
padding: 3px;}
#banner-wrap {
border-right: 3px solid #ffffff;
overflow: hidden;
width: 932px;}
#banner-container {
width: 973px;}
.multi-banner {
float: left;
margin-right: 3px;}
#banner-image img {
display: block;
}
.single-banner img {
width: 100%;}
/* Styles for the right-hand 'extra' column. Based on 20:20 styles, but need to be applied differently due to structure of page templates */
/* First we need to make the articleContent div wide enough to include both the middle and right-hand columns */
.cpage .articleContent.unit {
width: 760px;}
/* Now let's give the primaryContent div some styles to be equivalent to .articleContent */
#primaryContent {
float: left;
width: 498px;}
/* But we'll override this as in the old site if there're just two columns, using the pageTwoColumn class on the body tag */
.pageTwoColumn #primaryContent {
width: 100%;}
/* Now we'll get rid of the padding on the .gutter bit as it's getting in the way. We'll put it back somewhere else. */
.cpage .articleContent .gutter {
padding-left: 0;
padding-right: 0;}
/* In fact, we'll put it back on the .genericContainer within #primaryContent */
#primaryContent .genericContainer {
padding-left: 25px;
padding-right: 25px;}
/* Ah yes, but in two-column pages, we don't want that right-hand padding at all, so let's get rid of it */
.pageTwoColumn #primaryContent .genericContainer {
padding-right: 0;}
/* Now let's do something about the text formatting */
#extra h2 {
color: #003e7e;
font-size: 1.3em;
margin-top: 0;
text-transform: uppercase;}
/* Equivalent .cpage .promo.unit */
#extra {
float: left;
width: 262px;}
/* New class for abbreviations without underlines, as used in truncated headings on homepage carousel items - MF 27 January 2012 */
.nounderline {
border-bottom: none;
cursor: auto;}
/* Styling for department homepage feature boxes */
#deptPromoBoxes {
overflow: hidden;}
#deptPromoBoxes .genericBox {
width: 183px;
min-height: 7em;
padding: 10px;
margin-right: 10px;}
#deptPromoBoxes .genericBox h3 {
font-size: 1.6em;}
#deptPromoBoxes .genericBox h3 a {
text-decoration: none;}
.deptHomepageFeatureContainer {
float: left;
width: 219px;
margin-right: 9px;}
#deptPromoBoxes .last {
margin-right: 0;}
/* added the below styles to fix the feature box spacing issue */
.pageThreeColumn #deptPromoBoxes .last {
margin-right: 0;
}
.pageTwoColumn #deptPromoBoxes .last {
margin-right: 10px;
}
.deptHomepageFeature {
background-image: url(http://www.surrey.ac.uk/resources/Images/Effects/promoGenericContainerBG.gif);
padding: 10px 0 0 8px;
margin: 0 0 15px 0;
border: 1px solid #D7D7D7;
background-position: bottom;
min-height: 100px;
position: relative;}
.deptHomepageFeatureCutout {
position: absolute;
right: -1px;
bottom: -14px;}
.deptHomepageFeature h3 {
font-size: 120% !important;
font-weight: normal;
margin-top: 0;}
/* Calendar Icon Styles - as used on department homepages */
#primaryContent ul.dateList, #extra ul.dateList {list-style-type: none; padding: 0; margin: 0;}
#primaryContent ul.dateList li, #extra ul.dateList li {clear: both; margin-bottom: 1em; overflow: hidden;}
.calendarIcon {
width: 55px;
float: left;
margin: 0 10px 0 0;}
.calendarIconDay {
background-color: #dddddd;
text-align: center;
padding: 4px 0 4px 0;
color: #002667;
font-size: 2.2em;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
line-height: 1;}
.calendarIconMonth {
background-color: #bcbcba;
text-align: center;
color: #002667;
text-transform: uppercase;
font-size: 110%;
font-weight: bold;
font-family: georgia, times, serif;}
.eventTitle {float: left; color: #002667; width: 185px;}
.eventTitle h2 {color: #616161; font-family: Georgia,Times,serif; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid;}
/* Event Details - MF 3 February 2012 */
dl.eventDetails {
border-bottom: 1px solid #eaeaea;
margin: 2em 0 2em 0;
}
dl.eventDetails dt {
display: block;
float: left;
clear: left;
padding: 8px 0 8px 0;
width: 14em;
font-weight: bold;
}
dl.eventDetails dd {
border-top: 1px solid #eaeaea;
margin-bottom: 0;
padding: 8px 0 8px 14em;
}
/* Event booking button for SABO integration - MF 28 August 2011 */
.bookOnlineButton a{
background-color: #009edf;
border-bottom: 1px solid #0087be;
border-left: 1px solid #5fb7e8;
border-right: 1px solid #0087be;
border-top: 1px solid #5fb7e8;
color: #ffffff;
display: block;
font-weight: bold;
margin-top: 10px;
padding: 5px 7px 5px 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
text-decoration: none !important;
width: 70px}
.bookOnlineButton a:hover {
background-color: #66c5ec;
border-bottom-color: #66b7d8;
border-left-color: #9fd3f1;
border-right-color: #66b7d8;
border-top-color: #9fd3f1;}
/* Department homepage news story styles */
#primaryContent ul.newsicon, #extra ul.newsicon {
background-image: url(http://www.surrey.ac.uk/images/8007_news_icon_small.gif);
background-repeat: no-repeat;
list-style-type: none;
padding: 0 0 1em 65px;
min-height: 65px;
margin: 0;
}
/* Feed icon styles - used in folder auto index ticker - CR 3/1/2013*/
#primaryContent ul.feedicon, #extra ul.feedicon {
background-image: url(http://www.surrey.ac.uk/images/96060_feed_icon_small.gif);
background-repeat: no-repeat;
list-style-type: none;
padding: 0 0 1em 65px;
min-height: 65px;
margin: 0;
}
/* Styles for the feedback button for the closed internal beta */
#feedback a {
background-color: orange;
color: #ffffff;
display: block;
border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff; border-top: solid 1px #ffffff;
border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
/*height: 110px;*/
left: 0;
padding: 8px 4px 8px 2px;
position: fixed;
top: 350px;
z-index: 3;
/*width: 50px;*/}
#feedback span {
display: none;}
#feedback img {
display: block;}
@media screen and (max-width: 800px){
#feedback a {
border: none;
font-weight: bold;
left: inherit;
padding: 8px;
position: static;
text-decoration: none;
text-transform: uppercase;
top: inherit;}
#feedback img {
display: none;}
#feedback span {
display: block;}
}
/* Formatting for staff list tables - MF 30 January 2012 */
.staffListTable {
border-collapse: collapse;
border-spacing: 0;}
.staffListTable th {
background-color: #efefef;
border: 1px solid #cccccc;
color: #555555;
padding: 0.5em;}
.staffListTable td {
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 0.5em;}
/* Letter in-page navigation - MF 2 February 2012 */
#primaryContent ul.letters {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left: 0;
padding: 1em 0pt;}
#primaryContent ul.letters li {
display:inline;
padding-right:0.2em;}
/* Spotlight stuff (non-homepage) - MF 3 February 2012 */
.spotlight {width: 314px; float: left; border: 1px solid #d7d7d7; padding: 10px; margin: 0 10px 10px 0; min-height: 105px;background-image: url(http://www.surrey.ac.uk/Resources/Images/Effects/promoGenericContainerBG.gif);}
.spotlightImage {float: left; width: 100px; height: 100px; margin-right: 10px;}
.spotlightText, .spotlightTextFloat {width: 200px;}
.pageContent #primaryContent .spotlight h3 {font-family: arial,helvetica,sans-serif;font-weight: bold; font-size: 115%; margin: 0 0 0.4em 0;}
/*.pageThreeColumn .spotlight {width: 439px; margin-right: 0;}*/
.pageThreeColumn .spotlight {width: 423px; margin-right: 0;}
.pageThreeColumn .spotlightText, .pageThreeColumn .spotlightTextFloat {width: 300px;}
.spotlightTextFloat {float: left;}
/* Boxes on pages - copied from Layout stylesheet (23884) - MF 6 February 2012 */
.genericBox {
background-color:#f3f3f3;
border: 1px solid #d7d7d7;
position: relative;
margin: 0;
min-height:10.9em;
padding: 10px 20px;}
.genericBox:hover{
border-color: #aeaeae;}
/* the visual effect of "not square corners". "tl" = Top Left etc*/
.genericBox .tl,
.genericBox .tr,
.genericBox .bl,
.genericBox .br{
background-color: #f8f8f8;
width: 1px;
height: 1px;
z-index: 100;
font-size: 1px;}
/*the positioning of those corners*/
.genericBox .tl{
position: absolute;
top: -1px;
left:-1px;}
.genericBox .tr{
position: absolute;
top: -1px;
right:-1px;}
.genericBox .bl{
position: absolute;
bottom: -1px;
left:-1px;}
.genericBox .br{
position: absolute;
bottom: -1px;
right:-1px;}
#primaryBox {
padding: 10px;}
#primaryBox .genericBox {
background-color: #ffffff;
padding: 20px;}
#primaryBox .genericBox .corner {
background-color: #f3f3f3;}
#primaryBox .genericBox img.primaryImage {
float: right;
margin: 0 0 20px 20px;}
#primaryBox .genericBox h3{
font-size: 2.0em;
margin-bottom: 0.4em;}
#primaryBox .linkReadMore{
background-color: #fff;
/*background-image: url(../../Images/Icons/iconPlus.gif);*/
background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconPlus.gif);
background-repeat: no-repeat;
background-position: 2px center;
padding-left: 25px;
padding-right: 5px;
line-height: 24px;
display: inline-block;
position: absolute;
bottom: -38px;
left: 10px;
border-bottom: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;}
#primaryBox .linkReadMore:hover,
#primaryBox .linkReadMore:focus{
border-color: #AEAEAE;}
#primaryBox #readLess{
/*background-image: url(../../Images/Icons/iconMinus.gif);*/
background-image: url(http://www.surrey.ac.uk/resources/Images/Icons/iconMinus.gif);
bottom: -39px;}
/*related links in the primary box*/
#primaryBox #relatedLinks{
margin: 0 0 0 12px;
font-family:Georgia, Serif;}
#primaryBox #relatedLinks h4{
font-style: italic;
margin-bottom: 0.4em;}
.pageContent #primaryBox .genericBox{
margin-bottom: 40px;}
.pageContent #additionalContent{
margin-left: 263px;}
/*
Styling - copied from General stylesheet (23865) - MF 6 February 2012 */
/*.pageContent hr{*/
hr {
display: block;
color: #e9e9e9;
background-color: #e9e9e9;
height: 1px;
border: 0 none;
margin: 9px 0 9px 0;}
/* File download links - copied from typography stylesheet (23893) - MF 6 February 2012 */
.fileTypeIcon {
background: url(http://www.surrey.ac.uk/images/25858_file_type_icons_small.gif) no-repeat;
padding-bottom: 4px;
padding-left: 20px;}
.pdfLink {background-position: 0 -60px;}
.docLink {background-position: 0 -120px;}
.pptLink {background-position: 0 -180px;}
.xlsLink {background-position: 0 -240px;}
.mdbLink {background-position: 0 -300px;}
.txtLink {background-position: 0 -360px;}
/* added below style to sort out the issue - Spacing round inserted files - CR 22 November 2012 */
.fileLink {
display: block;
margin-bottom: 1.5em;}
/* List styling - taken from typography.css - MF 7 February 2012 */
ul.genericList{
margin:0.4em 0pt 1.2em;
font-size: 1.1em;
line-height: 1.4;}
ul.bulletList{
list-style-type: disc;
list-style-position: inside;}
ul.noBullets, #extra ul.noBullets, #primaryContent ul.noBullets {
list-style-type: none;
padding: 0;
margin: 0;}
ul.genericOrderedList{
list-style-type: decimal;
list-style-position: inside;}
ul.genericOrderedList li{
margin-bottom: 0.4em;}
#primaryContent ul, #extra ul {
padding: 1em 0 1em 1.4em;
list-style-type: disc;}
#primaryContent ul li, #extra ul li, #primaryContent ol li {
line-height: 1.4em;
font-size: 1.1em;
margin-bottom: 0.2em;}
#primaryContent ol li {
margin-bottom: 0.6em;}
#primaryContent ol {
list-style: decimal;
margin: 1em 0 1em 34px;}
#extra ul.relatedLinks {
list-style-type: none;
padding: 1em 0 0 0;}
#extra ul.relatedLinks li {
margin-bottom: 0.4em;}
/* Styles for SABO (SeatAdvisor) booking pages */
.pageThreeColumn #primaryContent.eventBookingPage {
width: 770px;}
.eventBookingPage .genericContainer h1 {
margin: 0 !important;}
#sabo_frame{
border: 0;
height: 1500px;
margin: 0;
padding: 0;
width: 750px;}
/* Clear floats on a background - copied from the old general.css */
.theBreaker{
height: 0.005em;
clear: both;
overflow: hidden;}
/* New styles - added 14 April 2012 by MF to enable banner overlays similar to the homepage, as requested by Richard Iles */
.rotatorItem img {
position: relative;}
.bannerOverlay {
background: #2F2C2E transparent; /* The Fallback */
background: rgba(47, 44, 46, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d82F2C2E,endColorstr=#d82F2C2E);
color: #FEFEFE;
height: 100%;
margin-left: 8px;
width: 480px;
left: 0;
position: absolute;
top: 0;}
.bannerHeadline {
font-family: Georgia,Times,serif;
font-size: 1.8em;
font-weight: bold;
line-height: 1.3;
margin: 12px 0 0 15px;}
.bannerCaption {
font-size: 1.45em;
line-height: 1.3;
margin: 10px 40px 0 15px;}
.bannerLink {
margin-left: 15px;}
.bannerLink a {
color: #ffffff;
display: block;
font-size: 1.3em;
margin-top: 15px;}
.bannerLink span {
background-image: url(http://www.surrey.ac.uk/images/73533_panel_arrow_small.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 23px;
margin-right: 10px;
width: 23px;}
.bannerLink a:hover span {
background-position: -23px 0;}
/* Styles for the central event listings page - based on the SurreyNet event list */
.eventList h3 {
border-bottom: 1px solid #ddd;
/*font-family: arial,helvetica,sans-serif;*/
font-size: 2em;
font-weight: normal;
line-height: 1;
margin-bottom: 20px;
margin-top: 40px;
padding-bottom: 5px;}
.eventList h4 {
color: #555;
font-size: 1.4em;
margin: 10px 0 10px 0;
padding-bottom: 4px;}
#primaryContent .eventList ul {
list-style-type: none;
margin: 10px 0 20px 0;
padding: 0;}
#primaryContent .eventList ul li {
border-bottom: 1px dotted #dddddd;
margin: 0 0 10px 0;
padding: 0 0 10px 0;}
#primaryContent .eventList ul li a {
text-decoration: none;}
#primaryContent .eventList ul li a:hover {
text-decoration: underline;}
/* End of of common.css - 73957 *//* Start of cookie-notice.css - 81609 */
#cookieNotice {
display: none;
background-color: #777777;
color: #ffffff;
padding: 5px 0 7px 0;}
#cookieNotice div {
margin: auto;
max-width: 940px;}
#cookieNotice strong {
font-size: 1.4em;}
#cookieNotice a {
color: #ffffff;
cursor: pointer;
text-decoration: underline;}
/* End of of cookie-notice.css - 81609 *//* Start of videoEmbedURL.css - 84488 */
@charset "utf-8";
/* CSS Document */
/*video embed style*/
.uosSnVideoEmbedURL .player {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 0;
cursor:pointer;
text-align: center;
margin-bottom: 20px;
}
.uosSnVideoEmbedURL .player iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* End of of videoEmbedURL.css - 84488 */