/* ==========================================================================
Font Imports
========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);



/* ==========================================================================
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; height:0;}
[hidden] {display:none;}



/* ==========================================================================
Reset
========================================================================== */
html, body, form, fieldset, legend, a, em, img, strong, ol, ul, li {
margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}
table, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; background:transparent; border-collapse:collapse; border-spacing:0; vertical-align:top;}

html {height:100%; /* <-- sticky footer */ overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {height:100%; /* <-- sticky footer */ margin:0;}
* html #wrapper {height:100%; /* <-- sticky footer */}
#wrapper {position:relative; min-height:100%; /* <-- sticky footer */}



/* ==========================================================================
Typography
========================================================================== */
/* Text Reset */
body {font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}
table {font-size:inherit; font:100%;}
pre,code,kbd,samp,tt {font-family:monospace; *font-size:108%; line-height:100%;}
#wrapper {font-size:100%;}

body {text-align:left; letter-spacing:normal; line-height:1.5em; color:#333;}
h1, h2, h3, h4, h5, h6, p, pre {margin-top:0;}

h1, h2, h3, h4, h5, h6 {color:#333; font-family:'Lato',sans-serif; font-weight:700;}
span, p {font-size:100%; line-height:1.5em; margin:0 0 1.5em;}
h1 {font-size:146.5%; line-height:1.4em; margin:0 0 0.67em;}
h2 {font-size:131%; line-height:1.4em; margin:0 0 0.83em;}
h3 {font-size:116%; line-height:1.4em; margin:0 0 1em;}
h4 {font-size:108%; line-height:1.4em; margin:0 0 1.33em;}
h5 {font-size:100%; line-height:1.6em; margin:0 0 1.67em;}
h6 {font-size:93%; line-height:1.6em; margin:0 0 1.5em;}
.block-title {font-family:'Lato',sans-serif; font-weight:700; font-size:146.5%; text-transform:uppercase; display:block; margin:0 0 1em;}
.block-title2 {font-family:'Lato',sans-serif; font-weight:700; font-size:120.5%; text-transform:uppercase; display:block; margin:0.5em 0 0.5em;}

blockquote {margin:1em 40px;}
code, pre, samp {font-family:monospace, serif; _font-family:'courier new', monospace; font-size:100%;}
q {quotes:none;}
q:before, q:after {content:''; content:none;}

small {font-size:80%;}
b, strong, th {font-weight:bold;}
em {font-style:italic;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}



/* ==========================================================================
Embedded content
========================================================================== */
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}



/* ==========================================================================
Links
========================================================================== */
a {cursor:pointer;}
a, a:visited, a:active {text-decoration:none; -moz-outline-style:none; outline:none;}
a:focus {outline:thin dotted;}
a:link {-webkit-tap-highlight-color:#339DC0;}

#spread a, #spread a:focus, #spread a:active, #event-details a, #event-details a:focus, #event-details a:active {color:#2A65A3; text-decoration:none;}
#event-details a:hover, #spread a:hover {text-decoration:underline;}



/* ==========================================================================
Lists
========================================================================== */
#spread ol, #spread ul, #spread dl {padding:0 0 0 15px; margin:0 0 1.5em;}
#spread li {list-style:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/list-arrow.png); border-top:1px dashed #ccc; padding:4px 0;}
#spread li:first-child {border-top:none;}
dd {margin:0 0 0 40px;}
nav ul, nav ol, #top-nav li, #side-nav li, #foot-nav li {list-style:none; list-style-image:none;}

#spread ul.no-formatting li {list-style:none; border:none;}


/* ==========================================================================
Selection - click and drag highlighting
========================================================================== */
::-moz-selection {background:#339DC0; color:#fff; text-shadow:none;}
::selection {background:#339DC0; color:#fff; text-shadow:none;}



/* ==========================================================================
Misc and useful
========================================================================== */
hr {display:block; height:1px; border:0; border-top:1px dashed #c9c9c9; margin:1em 0; padding:0;}
.clear {clear:both;}
.extreme-indent {text-indent:-9999px;}
.no-margin {margin:0 !important;}
.no-right-margin {margin-right:0 !important;}
.no-left-margin {margin-left:0 !important;}
.no-border {border:0 !important;}
.float-left {float:left;}
.float-right {float:right;}
#preloader {position:absolute; left:-99999px; top:0;}

.clearfix:before, .clearfix:after {content:" "; display:table; visibility:hidden;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.font-lato {font-family:'Lato',sans-serif; font-weight:400;}

#back {display:inline-block; height:30px; line-height:30px; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; color:#fff; background:#333 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/back-arrow.png) no-repeat 10px center; padding:0 10px 0 30px; margin:0 0 1em;}
#back:hover {background-color:#000;}



/* ==========================================================================
Slimbox 2
========================================================================== */
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slimbox/loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slimbox/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slimbox/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slimbox/closelabel.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:700;}



/* ==========================================================================
Base
========================================================================== */
html {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/body-bg.jpg) repeat;}
body {min-width:100%;}
#wrapper {z-index:0; margin:0 auto; position:relative;}
.primary-structural-wrap {width:960px; margin:0 auto; position:relative; clear:both; *zoom:1;}
.primary-structural-wrap:before, .primary-structural-wrap:after {content:" "; display:table; visibility:hidden;}
.primary-structural-wrap:after {clear:both;}

#content {border-bottom:1px solid #999; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/body-bg-grad.png) top repeat-x; position:relative; z-index:50;}
#content .primary-structural-wrap {padding:0 0 20px;}

#sidenav {width:220px; float:left; margin:0 0 -20px;}
#sidenav p {margin:0 0 6px 0; padding:0 0 5px 0;}
#sidebar {width:180px; float:right; box-shadow:0 2px 2px 0 #bbb; margin:0 0 0px;}
#main {background:#fff; box-shadow:0 2px 2px 0 #bbb;}
#sidebar + #main {width:760px; float:left;}
#sidenav + #main-col {float:right; width:720px;}
#sidenav + #main-col #sidebar + #main {width:520px;}

#inner-main {padding:10px;}
#inner-main li {list-style:none); padding:0px 0; }
#inner-main ul {margin-left: 10px; padding-left: 10px; margin-bottom: 10px; padding-bottom: 10px;}
#inner-main ul ul li {border:none;}
#inner-main li:first-child {border:none;}
#inner-main li a {padding:0px 0px;}
#inner-main ol { margin-left: 10px; padding-left: 10px; }

#inner-sidebar {width:180px; float:right;}
#inner-sidebar ul {list-style-type: none; margin-left: 0px; padding-left: 0px; margin-bottom: 10px; padding-bottom: 10px;}
#inner-sidebar li {list-style-type: none; margin-left: 0px; padding-left: 0px; margin-bottom: 10px; padding-bottom: 10px;}
#inner-sidebar + #inner-main {width:750px; float:left;}
#sidebar + #main #inner-sidebar + #inner-main {width:550px;}
#sidenav + #main-col #inner-sidebar + #inner-main {width:510px;}
#sidenav + #main-col #sidebar + #main #inner-sidebar + #inner-main {width:740px;}

#lower-full-width {clear:both; margin:0 10px 10px;}

.cols-wrap-3 div {width:223px; float:left; margin:0 0 0 15px;}
.cols-wrap-3 div:first-child {margin-left:0;}



/* ==========================================================================
Header Quicklinks
========================================================================== */
#head-quicklinks-wrap {background:#000; border-bottom:1px solid #fff; display:none;}
#head-quicklinks-wrap .primary-structural-wrap {padding:20px 0;}

#head-quicklinks-wrap .image-mask {position:absolute; left:0; top:3px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/head-quicklink-sprite.png) no-repeat; width:14px; height:16px;}

#head-quicklinks > div {margin:0 0 0 40px; width:210px; float:left;}
#head-quicklinks > div:first-child {margin-left:0;}
#head-quicklinks > div > a {color:#fff; display:inline-block; margin:0 0 1em; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; position:relative; padding:0 0 0 25px;}
#head-quicklinks li a {color:#fff;}
#head-quicklinks-wrap a:hover {text-decoration:underline;}

#useful-links-nav-wrap > a .image-mask {background-position:0 0;}
#existing-students-nav-wrap > a .image-mask {background-position:0 -16px;}
#current-staff-nav-wrap > a .image-mask {background-position:0 -32px;}

#head-quicklinks-contact-wrap {width:220px; float:left; margin:0 0 0 30px;}
#head-quicklinks-contact-wrap > a {color:#fff; display:inline-block; margin:0 0 1em; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; position:relative; padding:0 0 0 25px;}
#head-quicklinks-contact-wrap > a .image-mask {background-position:0 -48px;}
#head-quicklinks-contact-wrap .content > div:first-child {border-bottom:1px dashed #808080; margin:0 0 1em; padding:0 0 1em;}
#head-quicklinks-contact-wrap .content span, #head-quicklinks-contact-wrap .content a {color:#fff; display:block; margin:0;}
#head-quicklinks-contact-wrap .content .content {font-family:'Lato',sans-serif; font-weight:400; font-size:153.9%;}




/* ==========================================================================
Head Utilities
========================================================================== */
#head-utilities {background:#333;}
#head-utilities .primary-structural-wrap {height:40px; font-family:'Lato',sans-serif; font-weight:400;}

#head-utilities nav {float:left; margin:0 10px 0 0;}
#head-utilities nav ul {padding:13px 0 0;}
#head-utilities nav li {float:left; margin-left:10px; padding-left:10px; border-left:1px solid #fff; line-height:1em;}
#head-utilities nav li:first-child {margin-left:0; padding-left:0; border-left:none;}
#head-utilities nav a {color:#fff;}
#head-utilities nav a:hover {text-decoration:underline;}

#head-quicklinks-button {float:left; line-height:40px; display:block; color:#fff; border-left:1px solid #999; border-right:1px solid #333; position:relative; padding:0 27px 0 10px; outline:none;}
#head-quicklinks-button .arrow {display:block; height:7px; width:9px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/quick-links-arrow.png) no-repeat top center; position:absolute; right:10px; top:17px;}
#head-quicklinks-button.active {border-left:1px solid #fff; border-right:1px solid #fff; background:#000; line-height:41px; top:-1px;}
#head-quicklinks-button.active .arrow {background-position:bottom center;}
#head-quicklinks-button:hover {background:#444;}

#head-language {float:left; line-height:40px; display:block; background:#B01015; color:#fff; text-transform:uppercase; padding:0 10px;}
#head-language:hover {background:#930709;}
#head-language a {color:#fff;}



/* ==========================================================================
Header
========================================================================== */
#header {background:#f4f4f4; position:relative; z-index:100;}
#header .primary-structural-wrap {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/head-bg.png) no-repeat center 45px;}

#logo {position:absolute; left:0; top:20px;}
#logo img {margin:0;}

#head-search-wrap {position:absolute; right:0; top:20px; width:250px;}
#head-search-form input {position:absolute; right:0; top:0; height:35px; line-height:35px; border:none; padding:0 5px; width:150px;}
#head-search-form button {width:35px; height:35px; position:absolute; left:0; top:0; border:none; background:#EFC90E;}
#head-search-form button:hover {background-color:#E0B808;}

#head-social {position:absolute; right:0; top:75px;}
#head-social li {float:left; list-style:none; margin:0 0 0 8px;}
#head-social li:first-child {margin:0;}
#head-social a {outline:none; text-indent:-9999px; display:block; height:33px; width:33px;}

#head-guardian {position:absolute; right:175px; top:61px;}
#head-guardian li {float:left; list-style:none; margin:0 0 0 8px;}
#head-guardian li:first-child {margin:0;}
#head-guardian a {outline:none; text-indent:-9999px; display:block; height:33px; width:33px;}


/* ==========================================================================
Social Links
========================================================================== */
.social-link-facebook, .social-link-twitter, .social-link-flickr, .social-link-youtube, .social-link-blogger {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/social-sprite.png) no-repeat;}

.social-link-facebook {background-position:0 0;}
.social-link-twitter {background-position:-33px 0;}
.social-link-flickr {background-position:-66px 0;}
.social-link-youtube {background-position:-99px 0;}
.social-link-blogger {background-position:-132px 0;}

.social-link-facebook:hover {background-position:0 -33px;}
.social-link-twitter:hover {background-position:-33px -33px;}
.social-link-flickr:hover {background-position:-66px -33px;}
.social-link-youtube:hover {background-position:-99px -33px;}
.social-link-blogger:hover {background-position:-132px -33px;}



/* ==========================================================================
Top Nav
========================================================================== */
#top-nav {margin:140px 0 20px; border:1px solid #285F97;}
#top-nav ul {display:block;}
#top-nav li {position:relative;}
#top-nav a {display:block; white-space:nowrap;}

#top-nav > ul {border:1px solid #4381BC; min-height:40px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/top-nav-bg.png) top repeat-x;}
#top-nav > ul > li {float:left; height:40px; line-height:40px; margin:0 1px 0 0;}
#top-nav > ul > li > a {font-family:'Lato',sans-serif; font-weight:700; font-size:115%; color:#fff; padding:0 15px; height:40px; line-height:40px;}

#top-nav ul ul {position:absolute; z-index:100; background:#fff; top:40px; left:-9999px; height:0; min-width:100px; padding:2px; border:1px solid #4381BC; border-top:2px solid #4381BC;}
#top-nav ul ul li {border-top:1px solid #ccc;}
#top-nav ul ul li:first-child {border:none;}
#top-nav ul ul li a {margin:0; border:none; color:#333; padding:0 10px; height:30px; line-height:30px;}

#top-nav > ul > li:hover ul {height:auto; width:auto; left:-1px;}
#top-nav > ul > li:hover ul a:hover {color:#fff; background:#06245C;}

#top-nav > ul > li:hover > a, 
#top-nav > ul > li.selected > a {/* persistent hover states */ background:#06245C;}



/* ==========================================================================
Footer
========================================================================== */
#footer {padding-bottom:120px; background:#333;}
#footer .primary-structural-wrap {padding:20px 0; color:#fff;}

#footer nav {float:left; margin:0 0 0 40px; width:210px;}
#footer nav:first-child {margin-left:0;}
#footer nav > a {color:#fff; display:block; margin:0 0 1em; font-family:'Lato',sans-serif; font-weight:700; font-size:131%;}
#footer nav li {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/foot-nav-arrow.png) no-repeat left center; padding-left:20px; margin:0 0 0.6em;}
#footer nav li a {color:#fff;}
#footer nav li a:hover {text-decoration:underline;}

#foot-contact {float:left; width:500px; margin:0 0 -15px;}
#foot-contact > span {color:#fff; display:block; margin:0 0 0.6em 40px; font-family:'Lato',sans-serif; font-weight:700; font-size:131%;}
#foot-contact > div {float:left; margin:0 0 15px 40px; width:210px;}
.foot-address > span {color:#33D2ED; display:block; margin:0 0 0.6em; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}
.foot-address p {margin:0 0 0.6em; font-size:93%;}

.foot-social {border-top:1px solid #666; padding:1.9em 0 0;}
.foot-social > span {color:#fff; display:block; margin:0 0 0.6em; font-family:'Lato',sans-serif; font-weight:700; font-size:131%;}
.foot-social li {list-style:none; margin:0 0 0 10px; float:left;}
.foot-social li:first-child {margin:0;}
.foot-social li a {outline:0; text-indent:-9999px; display:block; height:33px; width:33px;}



/* ==========================================================================
Sticky Footer
========================================================================== */
#sticky-footer {height:120px; margin-top:-120px; position:relative; background:#000;}
#sticky-footer .primary-structural-wrap {font-size:93%;}

#foot-copyright {color:#fff; margin:30px 0 20px; display:block;}

#sticky-footer nav li {float:left; margin-left:10px; padding-left:10px; border-left:1px solid #fff; line-height:1em;}
#sticky-footer nav li:first-child {margin-left:0; padding-left:0; border-left:none;}
#sticky-footer nav a {color:#fff;}
#sticky-footer nav a:hover {text-decoration:underline;}

#foot-accreditations {position:absolute; right:0; top:20px;}
#foot-accreditations li {list-style:none; float:left; margin-left:30px;}
#foot-accreditations li:first-child {margin-left:0;}
#foot-accreditation-1 {position:relative; top:15px;}



/* ==========================================================================
Sidenav
========================================================================== */
#sidenav nav {box-shadow:0 2px 2px 0 #bbb; margin:0 0 10px; padding:10px 10px 0.3em;}
#sidenav nav a:hover {text-decoration:underline;}

#sidenav nav ul {position:relative;}
#sidenav nav li {border-top:1px solid #E3E3E3;}
#sidenav nav li a {padding:0.5em 0; display:block;}

#sidenav nav > a {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; margin:0.3em 0 0.5em; text-transform:uppercase;}
#sidenav nav > ul > li:first-child {border-top:none;}
#sidenav nav ul ul {width:200px; left:-10px; padding:0 10px;}
#sidenav nav ul ul li {padding:0 0 0 10px;}

#sidenav nav.side-nav-white {background:#fff;}
#sidenav nav.side-nav-white a {color:#333;}
#sidenav nav.side-nav-white ul ul {background:#F7F7F7;}
#sidenav nav.side-nav-white > ul > li.selected > a {color:#2A65A3; font-weight:bold;}
#sidenav nav.side-nav-white ul ul li.selected a {color:#000; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/en/media/uniweb/styleassets/graphics/list-arrow.png) no-repeat right center;}

#sidenav nav.side-nav-black {background:#353535 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/sidenav-black-bg.png) top repeat-x;}
#sidenav nav.side-nav-black a {color:#fff;}
#sidenav nav.side-nav-black h2 {color:#fff;}
#sidenav nav.side-nav-black h3 {color:#fff;}
#sidenav nav.side-nav-black p {color:#fff; font-size: 110%;}
#sidenav nav.side-nav-black ul ul {background:#555;}
#sidenav nav.side-nav-black > ul > li.selected > a {font-weight:bold;}
#sidenav nav.side-nav-black ul ul li.selected a {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/list-arrow-white.png) no-repeat right center;}


/* ==========================================================================
Sidebar Videos
========================================================================== */
#side-videos-wrap {background:#fff;}
#side-videos-wrap .new {display:inline-block; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; text-transform:uppercase; background:#951827; color:#fff; padding:0 5px; margin:1em 0 0 10px;}
#side-videos-wrap .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; text-transform:uppercase; margin:0.6em 0 0.6em 10px;}
#side-videos-wrap .side-video {display:block; position:relative;}
#side-videos-wrap .side-video img {display:block;}
#side-videos-wrap .side-video span {display:block;}
#side-videos-wrap .side-video .name {color:#333; margin:0.6em 0 0; padding:0 10px;}
#side-videos-wrap .side-video .role {color:#376DA7; margin:0; padding:0 10px 0.6em;}
#side-videos-wrap .side-video .arrow {width:42px; height:42px; background:rgba(0,0,0,0.5) url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/side-video-arrow.png) no-repeat center; position:absolute; top:50px; left:5px; border-radius:10px;}
#side-videos-wrap .side-video:hover {background:#F7F7F7;}
#side-videos-wrap .side-video:hover .arrow {background-color:#2A67A9;}
#side-videos-wrap .view-basket {border-top:1px dashed #ccc; display:block; padding:10px;}
#side-videos-wrap .view-basket span {display:block; background:#2A65A3 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/booklet-bg.png) no-repeat 12px center; margin:0; color:#fff; padding:5px 5px 5px 40px; font-family:'Lato',sans-serif; font-weight:400; font-size:116%;}
#side-videos-wrap .view-basket strong {display:block; font-weight:700;}
#side-videos-wrap .view-basket:hover span {background-color:#333;}



/* ==========================================================================
Sidebar Info
========================================================================== */
.side-info {}
.side-info img {}
.side-info .content {background:#285F97 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/side-info-bg.png) top repeat-x; padding:10px; position:relative;}
.side-info .content * {color:#fff;}
.side-info .title {display:inline-block; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; text-transform:uppercase; background:#fff; color:#285F97; padding:0 5px; margin:0.6em 0 0.6em;}
.side-info .content .more {display:inline-block; background:#333 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/side-info-more-arrow.png) no-repeat right center; height:30px; line-height:30px; padding:0 42px 0 15px; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; position:absolute; bottom:-14px; left:10px;}
.side-info .content .more:hover {background-color:#000;}


/* ==========================================================================
Breadcrumbs
========================================================================== */
#breadcrumbs {margin:0 0 1em; font-size:85%; display:block;}
#breadcrumbs a {margin-left: 0; padding-left: 0;}
#breadcrumbs li {list-style:none; float:left; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/breadcrumbs-arrow.png) no-repeat left 7px; padding:0 0 0 12px; margin:0 7px 0 0;}
#breadcrumbs li:first-child {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/breadcrumbs-home.png) no-repeat left 4px; padding:0 0 0 17px;}
#breadcrumbs a {color:#2A65A3;}
#breadcrumbs a:hover {text-decoration:underline;}


/* ==========================================================================
Courses block
========================================================================== */
.block-courses {border-top:1px dashed #ccc; padding:1em 0 0;}
.block-courses a {display:block; float:left; width:42%; margin:0 20px 0.6em 0; padding:5px 10px; background:#2A65A3; color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}
.block-courses a:hover {background:#333;}



/* ==========================================================================
Slideshow Home
========================================================================== */
#slideshow-wrap {margin:0 0 20px; opacity:0;}
#slideshow-wrap .primary-structural-wrap {background:#fff; box-shadow:0 2px 2px 0 #bbb; z-index:1; padding:0;}

#slideshow-stage {margin:4px; height:272px; width:952px; position:relative; z-index:10;}
#slideshow-stage img {}

#slideshow-nav {position:absolute; left:19px; bottom:19px; z-index:20;}
#slideshow-nav a {display:block; float:left; margin:0 10px 0 0; height:35px; line-height:35px; width:35px; background:#999; text-align:center; color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}
#slideshow-nav a.activeSlide, #slideshow-nav a:hover {background:#333;}

#slideshow-overlay {position:absolute; right:19px; top:19px; z-index:20;}
#slideshow-overlay a {display:block; margin:0 0 9px; width:250px; color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:174%; line-height:1.2em; padding:10px 40px 10px 15px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slideshow-arrow.png) no-repeat 270px center; text-shadow:0 1px 0 rgba(0,0,0,0.3);}

a#slide-overlay-1 {background-color:#72A432;}
a#slide-overlay-2 {background-color:#285E95;}
a#slide-overlay-3 {background-color:#DF8519;}

#slideshow-overlay a:hover {background-color:#333;}


/* ==========================================================================
Slideshow Inner
========================================================================== */
#slideshow-wrap-inner {margin:0 0 20px; opacity:0;}
#slideshow-wrap-inner .primary-structural-wrap {background:#fff; box-shadow:0 2px 2px 0 #bbb; z-index:1; padding:0;}

#slideshow-stage-inner {margin:4px; height:200px; width:700px; position:relative; z-index:10;}
#slideshow-stage-inner img {}

#slideshow-nav-inner {position:absolute; left:19px; bottom:19px; z-index:20;}
#slideshow-nav-inner a {display:block; float:left; margin:0 10px 0 0; height:35px; line-height:35px; width:35px; background:#999; text-align:center; color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}
#slideshow-nav-inner a.activeSlide, #slideshow-nav a:hover {background:#333;}

#slideshow-overlay-inner {position:absolute; right:19px; top:19px; z-index:20;}
#slideshow-overlay-inner a {display:block; margin:0 0 9px; width:250px; color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:174%; line-height:1.2em; padding:10px 40px 10px 15px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/slideshow-arrow.png) no-repeat 270px center; text-shadow:0 1px 0 rgba(0,0,0,0.3);}

a#slide-overlay-1-inner {background-color:#72A432;}
a#slide-overlay-2-inner {background-color:#285E95;}
a#slide-overlay-3-inner {background-color:#DF8519;}

#slideshow-overlay-inner a:hover {background-color:#333;}


/* ==========================================================================
Home content rows
========================================================================== */
#content .index-content-3-wide, #content .index-content-2-wide {padding-bottom:40px;}
.index-content-3-wide > div {float:left; width:270px; margin:0 0 0 15px; height:185px; padding:20px; position:relative;}
.index-content-2-wide > div {float:left; width:470px; margin:0 0 0 20px;}

.index-content-3-wide > div:first-child, .index-content-2-wide > div:first-child {margin-left:0;}

.index-content-3-wide > div .block-title {color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3); margin:0 0 0.6em; font-size:146.5%;}
.index-content-3-wide > div .more {background:#333 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/block-more-arrow.png) no-repeat right center; color:#fff; height:35px; line-height:35px; display:inline-block; clear:both; font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:131%; padding:0 42px 0 10px; position:absolute; left:15px; bottom:-15px;}
.index-content-3-wide > div .more:hover {background-color:#000;}



/* ==========================================================================
Index - Course finder
========================================================================== */
#index-course-finder-wrap {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-bg-courses.png) repeat-x top #72A432;}
#index-course-finder-wrap .inner {}
#index-course-finder-wrap .inner span {color:#fff; display:block; margin:0 0 0.8em; font-weight:bold;}

#course-type-form {}
#course-type-form .form-elem {margin:0 0 18px;}
#course-type-form .form-elem:first-child {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/hr-divider.png) repeat-x bottom; padding:0 0 18px;}
#course-type-form select {width:270px; border:none; padding:3px 0;}
#course-type-form select option {}

#course-type-form button {background:#333 url(/graphics/block-more-arrow.png) no-repeat right center; border:none; color:#fff; height:35px; line-height:35px; font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:131%; display:inline-block; padding:0 42px 0 10px; position:absolute; left:15px; bottom:-15px;}
#course-type-form button:hover {background-color:#000;}



/* ==========================================================================
Index - Campuses
========================================================================== */
#index-campuses-wrap {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-bg-campus.png) repeat-x top #CE7C18;}
#index-campuses-wrap .inner {}

#index-campuses-list {width:290px; position:relative; left:-10px;}
#index-campuses-list li {list-style:none; float:left; height:50px; width:140px; background:#fff; margin:8px 0 10px 10px;}
#index-campuses-list a {display:block; height:50px; line-height:50px; text-align:right; padding:0 20px 0 0; color:#DF8519; text-transform:uppercase; font-size:93%;}
a#campus-list-carmarthen {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/campus-list-carmarthen.png) no-repeat left top; padding:0 10px 0 0;}
a#campus-list-cardiff {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/campus-list-cardiff.png) no-repeat left top;}
a#campus-list-lampeter {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/campus-list-lampeter.png) no-repeat left top;}
a#campus-list-london {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/campus-list-london.png) no-repeat left top;}
#index-campuses-list a:hover {background-color:#000; color:#fff;}



/* ==========================================================================
Index - Open days
========================================================================== */
#index-open-days-wrap {
	background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-bg-open.png) repeat-x top #295F97;
	color: #FFF;
}
#index-open-days-list li {list-style:none; color:#fff; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/hr-divider.png) repeat-x top; overflow:hidden; padding-top: 5px; padding-right: 0; padding-bottom: 3px; padding-left: 0;}
#index-open-days-list li:first-child {background:none; padding-top:0;}
#index-open-days-list li > span {display:block; float:left; margin:0;}
#index-open-days-list li .date {width:35px; padding:0 19px 0 0; text-align:center; border-right:1px dashed #fff; text-transform:uppercase; font-size:93%;}
#index-open-days-list li .date span {display:block; margin:0; font-size:120%; line-height:0.8em;}
#index-open-days-list li .location {width:195px; padding:0 0 0 20px; font-family:'Lato',sans-serif; font-weight:700; font-size:110%; line-height:1.5em;}
#index-open-days-list li .text {width:300px; padding:0 0 0 0px; font-family:'Lato',sans-serif; font-weight:700; font-size:110%;}



/* ==========================================================================
Index - Tabs
========================================================================== */
#index-tabs {height:44px;}
#index-tabs li {list-style:none; float:left; height:44px; line-height:44px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/tab-bg.png) repeat-x top; margin:0 10px 0 0; cursor:pointer;}
#index-tabs li.active, #index-tabs li:hover {background:#E4EEF6;}
#index-tabs li span {display:block; line-height:44px; margin:0; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; text-transform:uppercase; padding:0 15px 0 35px;}
#tab-news {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/tab-bg-news.png) no-repeat 10px top;}
#tab-events {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/tab-bg-events.png) no-repeat 10px top;}

#index-tabs li.active #tab-news, #index-tabs li:hover #tab-news {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/tab-bg-news.png) no-repeat 10px bottom;}
#index-tabs li.active #tab-events, #index-tabs li:hover #tab-events {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/tab-bg-events.png) no-repeat 10px bottom;}

#index-tabs-wrap .tab-content-wrap {display:none; background:#E4EEF6; padding:15px 15px 25px; position:relative;}
#index-tabs-wrap .tab-content-wrap.active {display:block;}


#index-tabs-wrap .content-item {overflow:hidden; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/hr-divider-faint.png) repeat-x top; padding:18px 0 19px; display:block; color:#333; min-height:78px;}
#index-tabs-wrap .content-item:first-child {padding-top:10px; background:none;}
#index-tabs-wrap .content-item img {float:left;}
#index-tabs-wrap .content-item img + .inner {float:right; width:355px;}
#index-tabs-wrap .content-item .date {display:block; margin:0; color:#609DB8;}
#index-tabs-wrap .content-item .headline {display:block; margin:0; font-weight:bold;}
#index-tabs-wrap .content-item .detail p {margin:0;}
#index-tabs-wrap .content-item .detail span {color:#265E93; font-weight:bold;}
#index-tabs-wrap .tab-content-wrap .more {background:#333 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/block-more-arrow.png) no-repeat right center; color:#fff; height:35px; line-height:35px; display:inline-block; clear:both; font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:131%; padding:0 42px 0 10px; position:absolute; left:15px; bottom:-15px; margin:0;}
#index-tabs-wrap .tab-content-wrap .more:hover {background-color:#000;}
#index-tabs-wrap .content-item:hover .detail span {text-decoration:underline;}
#index-tabs-wrap .content-item:hover .date {color:#333;}



/* ==========================================================================
Index - Blocks
========================================================================== */
#index-blocks-wrap > div {float:left; width:225px; position:relative;}
#index-blocks-wrap > div .title {font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:167%; display:block; color:#fff; margin:10px 0 0 10px; text-shadow:0 1px 0 rgba(0,0,0,0.3);}
#index-blocks-wrap > div .more {background:#333 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/block-more-arrow.png) no-repeat right center; color:#fff; height:35px; line-height:35px; display:inline-block; clear:both; font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:131%; padding:0 42px 0 10px; position:absolute; left:15px; bottom:-15px; margin:0;}
#index-blocks-wrap > div .more:hover {background-color:#000;}
#index-block-link-1 {height:305px; margin:0 20px 0 0; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-link-1.jpg) no-repeat 0 0;}
#index-block-link-2 {height:140px; margin:0 0 25px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-link-2.jpg) no-repeat 0 0;}
#index-block-link-3 {height:140px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/index-block-link-3.jpg) no-repeat 0 0;}
#index-block-link-3 .title span {display:block; font-size:70%; text-transform:none; font-weight:normal;}



/* ==========================================================================
Faculty and school list
========================================================================== */
#schools-list-wrap {}

.faculty-wrap {margin:0 0 0 20px; float:left; width:220px;}
.faculty-wrap:first-child {margin-left:0;}
.faculty-wrap > a {padding:5px 8px; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; line-height:2.2em;}
.faculty-wrap ul {padding:5px 15px; margin:10px 0 0;}
.faculty-wrap li {list-style:none; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/hr-divider.png) repeat-x top;}
.faculty-wrap li:first-child {background:none;}
.faculty-wrap li a {color:#fff; padding:10px 0; display:block;}
.faculty-wrap li a:hover {text-decoration:underline;}

.faculty-wrap.faculty-wrap-blue > a, .faculty-wrap.faculty-wrap-blue ul {background:#2B6AAE; color:#fff;}
.faculty-wrap.faculty-wrap-red > a, .faculty-wrap.faculty-wrap-red ul {background:#C11F36; color:#fff;}
.faculty-wrap.faculty-wrap-yellow > a, .faculty-wrap.faculty-wrap-yellow ul {background:#F2C938; color:#333;}
.faculty-wrap.faculty-wrap-yellow a {color:#333;}
.faculty-wrap > a:hover {background:#000; color:#fff;}



/* ==========================================================================
Departments and courses list
========================================================================== */
#course-list {}
#course-list a {display:block;}
#course-list .col {width:240px; float:left; margin:0 0 0 20px;}
#course-list .col:first-child {margin-left:0;}
#course-list .department {border-top:1px solid #F1F1F1; padding:20px 0;}
#course-list .department:first-child {border:none; padding-top:0;}
#course-list .department-name {font-family:'Lato',sans-serif; font-weight:700; font-size:116%; color:#333; margin:0 0 0.3em;}
#course-list .campus {color:#2A65A3;}
#course-list ul {padding:0 0 0 15px;}
#course-list li {list-style:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/list-arrow.png); border-top:1px dashed #E3E3E3;}
#course-list ul ul li {border:none;}
#course-list li:first-child {border:none;}
#course-list li a {color:#333; padding:4px 0;}
#course-list a:hover {text-decoration:underline;}



/* ==========================================================================
Faculty page
========================================================================== */
a#faculty-more {background:#275E94 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/block-more-arrow.png) no-repeat right center; color:#fff; height:35px; line-height:35px; display:inline-block; clear:both; font-family:'Lato',sans-serif; font-weight:700; text-transform:uppercase; font-size:131%; padding:0 42px 0 10px; margin:0;}
a#faculty-more:hover {background-color:#333; text-decoration:none;}

#faculty-news {width:204px; float:left; border-right:1px dashed #ccc; padding:0 15px 0 0;}
#faculty-news .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; color:#333; margin:0 0 1em; text-transform:uppercase;}
#faculty-news li {list-style:none; border-top:1px solid #ccc; padding:15px 0 10px;}
#faculty-news li:first-child {border-top:none; padding-top:0;}
#faculty-news li .date {color:#5F9DB8; margin:0 0 0.4em; display:block;}
#faculty-news p {margin:0 0 0.4em;}
#faculty-news p a {color:#265E93; font-weight:bold;}
#faculty-news p a:hover {text-decoration:underline;}

#faculty-schools {width:465px; float:right;}
#faculty-schools .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; color:#333; margin:0 0 1em; text-transform:uppercase;}
#faculty-schools ul {width:480px; position:relative; left:-15px; top:-15px;}
#faculty-schools li {list-style:none; float:left; width:225px; margin:0 0 0 15px; border-top:1px solid #ccc; padding:15px 0;}
#faculty-schools li p {margin:0 0 0.4em;}
#faculty-schools li a {color:#265E93; font-weight:bold; display:block;}
#faculty-schools li .school {font-size:131%; font-family:'Lato',sans-serif; margin:0 0 0.4em;}
#faculty-schools li a:hover {text-decoration:underline;}

#faculty-contact .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; color:#333; margin:1em 0 1.6em; text-transform:uppercase;}
#faculty-contact ul {position:relative; left:-35px; width:720px; top:-15px;}
#faculty-contact li {float:left; width:325px; margin:0 0 15px 35px; list-style:none; padding:0 0 15px;}
#faculty-contact li span {display:block; margin:0;}
#faculty-contact li a {color:#265E93;}
#faculty-contact li a:hover {text-decoration:underline;}
#faculty-contact li .role {color:#265E93; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}
#faculty-contact li .name {font-weight:bold;}



/* ==========================================================================
School page
========================================================================== */
#school-extra {width:530px; position:relative; left:-15px; padding:0 0 1em;}
#school-extra a {width:157px; margin:0 0 0 15px; display:block; float:left;}
#school-extra a img {margin:0 0 0.4em;}
#school-extra a .title {color:#265E93; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; margin:0;}
#school-extra a:hover .title {text-decoration:underline;}

#school-courses {width:530px; position:relative; left:-15px; padding:0 0 1em; margin:0 0 1em; overflow:hidden;}
#school-courses .course {width:157px; margin:0 0 0 15px; display:block; float:left;}
#school-courses .course img {margin:0 0 0.4em;}
#school-courses .course .course-name {color:#265E93; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; margin:0 0 0.6em; display:block;}
#school-courses .course ul {padding:0 0 0 15px;}
#school-courses .course li {list-style:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/list-arrow.png); border-top:1px dashed #E3E3E3;}
#school-courses .course ul ul li {border:none;}
#school-courses .course li:first-child {border:none;}
#school-courses .course li a {color:#333; padding:3px 0; display:block;}
#school-courses .course a:hover {text-decoration:underline;}

#school-contact {width:235px; float:left; border-right:1px dashed #ccc;}
#school-contact span {display:block; margin:0;}
#school-contact .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; color:#333; margin:0 0 1em; text-transform:uppercase;}
#school-contact .name {color:#265E93; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}
#school-contact a {color:#265E93;}
#school-contact a:hover {text-decoration:underline;}

#school-news {width:235px; float:left; padding:0 0 0 15px;}
#school-news .title {display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:131%; color:#333; margin:0 0 1em; text-transform:uppercase;}
#school-news li {list-style:none; border-top:1px solid #ccc; padding:15px 0 10px;}
#school-news li:first-child {border-top:none; padding-top:0;}
#school-news li .date {color:#5F9DB8; margin:0 0 0.4em; display:block;}
#school-news p {margin:0 0 0.4em;}
#school-news p a {color:#265E93; font-weight:bold;}
#school-news p a:hover {text-decoration:underline;}



/* ==========================================================================
Staff Profile
========================================================================== */
#staff-profile > div {border-bottom:1px solid #F1F1F1; padding:1.5em 0 0;}
#staff-profile #profile-first {float:left; width:475px; padding:15px 15px 0 0;}
#staff-profile #profile-final {border:none;}
#staff-profile-image {float:right;}



/* ==========================================================================
Events
========================================================================== */
#events-search {float:right; width:180px; position:relative;}
#events-search input {width:135px; position:absolute; right:0; top:0; height:35px; line-height:35px; padding:0 5px; border:none; background:#F1F1F1;}
#events-search button {width:35px; position:absolute; left:0; top:0; height:35px; line-height:35px; border:none;}
#events-search button:hover {background:#E2E2E2;}

#events-head {clear:both; border-bottom:1px dashed #ccc; padding:0 0 20px; margin:0 0 20px;}
#events-filter-wrap {width:695px; float:right; position:relative; border-left:1px dashed #ccc; padding:60px 0 0 19px;}
#events-filter-wrap > span {position:absolute; left:19px; top:-5px; color:#2A65A3; font-family:'Lato',sans-serif; font-weight:700; font-size:116%;}

#events-filter-audience {width:174px; float:left; position:relative;}
#events-filter-audience > span {position:absolute; left:0; top:-35px; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}

#events-filter-type {width:520px; float:right; border-left:1px dotted #ccc; position:relative;}

#events-filter-wrap .form-elem {width:162px; float:left; margin-bottom:10px;}
#events-filter-wrap .form-elem span {padding:0 0 0 10px; position:relative; top:-2px;}
#events-filter-type .form-elem {margin-left:11px;}
#events-filter-type > span {position:absolute; left:11px; top:-35px; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}

.event-checkbox-wrap label {height:15px; width:15px; border-radius:0; border:none; background:#E7E7E7;}
.event-checkbox-wrap label.ui-state-active {background:#2A65A3;}

/* events results */
#events-form-results {}

.events-list-header {overflow:hidden; padding:0 0 0 10px;}
.events-list-header span {display:block; float:left; color:#2A65A3; font-family:'Lato',sans-serif; font-weight:700; font-size:116%; margin:0;}
.events-list-header .events-list-row-date {width:130px;}
.events-list-header .events-list-row-title {width:450px;}
.events-list-header .events-list-row-location {width:245px;}
.events-list-header .events-list-row-time {width:105px;}

.events-list-row {overflow:hidden; border-top:1px dashed #ccc; padding:15px 0 15px 10px; display:block; color:#333;}
.events-list-row > span, .events-list-row > div {float:left; display:block;}
.events-list-row:first-child {border-top:none;}
.events-list-row .events-list-row-date {width:130px; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}
.events-list-row .events-list-row-title {width:435px; padding:0 15px 0 0;}
.events-list-row .events-list-row-location {width:230px; padding:0 15px 0 0;}
.events-list-row .events-list-row-time {width:105px; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}

.events-list-row .event-name {display:block; margin:0; color:#2A65A3; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}
.events-list-row .event-description {display:block; margin:0;}
.events-list-row .event-location {display:block; margin:0;}
.events-list-row .event-campus {display:block; margin:0; color:#2A65A3;}

.events-list-row:hover {background:#eee;}

/* event profile */
#event-facebook {height:46px; line-height:46px; background:#275E94 url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/side-info-more-arrow.png) no-repeat right center; display:inline-block; float:left; padding:0 45px 0 0;}
#event-facebook span {color:#fff; height:40px; line-height:18px; display:block; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/event-facebook.png) no-repeat 10px center; padding:4px 0 0 55px;}
#event-facebook span em {font-weight:normal; font-style:normal;}
a#event-facebook:hover {background-color:#333; text-decoration:none;}

#event-print {height:46px; background:#275E94; display:inline-block; float:left; margin:0 0 0 15px;}
#event-print span {color:#fff; height:46px; line-height:46px; display:block; padding:0 15px 0 50px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/event-print.png) no-repeat 10px center; font-family:'Lato',sans-serif; font-weight:700; font-size:108%;}
a#event-print:hover {background-color:#333; text-decoration:none;}

#event-profile {overflow:hidden; border-bottom:1px dashed #ccc; padding:0 0 20px; margin:0 0 20px;}
#event-profile > img {width:300px; float:left;}
#event-profile > img + #spread {width:625px; float:right;}

/* event details */
#event-details {border-bottom:1px dashed #ccc; padding:0 0 20px; margin:0 0 20px; overflow:hidden;}
#event-details .col {width:340px; float:left;}
#event-details .col:first-child {margin:0 20px 0 0; border-right:1px dashed #ccc; padding:0 20px 0 0;}
#event-details .col > div {overflow:hidden; border-top:1px dashed #ccc; padding:5px 15px 5px 0;}
#event-details .col > div:first-child {border-top:none;}
#event-details .col > div span {display:block; float:right; margin:0; width:160px;}
#event-details .col > div span:first-child {float:left; color:#2A65A3;}

/* calendar */
#events-calendar-wrap {width:210px; float:left; box-shadow:0 2px 2px 0 #BBBBBB; overflow:hidden;}
#events-calendar {overflow:hidden;}

#calendar-month-wrap {height:35px; line-height:35px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-month-bg.jpg) no-repeat 0 0; position:relative;}
#calendar-month-wrap a {outline:none; display:block; text-indent:-9999px; position:absolute; top:13px; width:9px; height:8px;}
#calendar-previous-month {left:10px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-controls.png) no-repeat left top;}
#calendar-next-month {right:10px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-controls.png) no-repeat right top;}
#calendar-previous-month:hover {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-controls.png) no-repeat left bottom;}

#calendar-next-month:hover {background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-controls.png) no-repeat right bottom;}

#current-date-wrap {text-align:center;}
#current-date-wrap span {color:#fff; font-family:'Lato',sans-serif; font-weight:700; font-size:108%; text-shadow:0 -1px 0 #000;}

#calendar-week-wrap {background:#F3F3F3; height:20px; line-height:20px;}
#calendar-week-wrap span {width:30px; float:left; display:block; text-align:center; margin:0; height:20px; line-height:20px;}

#calendar-dates-wrap {}
#calendar-dates-inner {}
#calendar-dates-inner span {display:block; line-height:30px; width:30px; float:left; margin:0; text-align:center; color:#656565; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-day-no-event.png) repeat-x; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #F9F9F9; border-top:1px solid #F9F9F9; width:28px; height:28px; font-weight:bold; text-shadow:0 1px 0 #fff;}
#calendar-dates-inner span.empty {color:#B3B3B3; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-day-empty.png) repeat-x; border:none; border-right:1px solid #D9D9D9; border-left:1px solid #FCFCFC; border-top:1px solid #FCFCFC; width:28px; height:29px;}
#calendar-dates-inner span a {display:block; height:28px; line-height:28px; background:url(http://www.tsd.ac.uk/en/media/uniweb/styleassets/graphics/calendar-day-event.png) repeat-x; text-shadow:none; width:28px; position:relative; left:-1px; top:-1px; color:#333; border:none; border-left:1px solid #F9F9F9; border-top:1px solid #F9F9F9; border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
#calendar-dates-inner span a:hover, #calendar-dates-inner span a.active {background:#2A65A3; color:#fff; border:1px solid #55838F;}





/***************************************
ALUMNI MEMBERSHIP FORM STYLES
***************************************/

.alumnidetailspane {
	position:relative;
	float:left;
	width:320px;
	height:30px;
	padding-right:5px;

	font-size:12px;
	
}

.alumniinputpane {
	position:relative;
	float:left;
	width:330px;
	height:30px;
	font-size:12px;
		
}

.alumniseparator {
	position:relative;
	float:left;
	width:680px;
	height:30px;
	font-size:12px;
	
}

#alumnipage1 {
	position: absolute;
	width: 680px;
	height:auto;
	color:#000000;
	visibility:visible;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding:5px;
	padding-top:20px;
	background-color:#FFFFFF;
	top:55px;

}

#alumnipage2 {
	position: absolute;
	width: 680px;
	height:auto;
	color:#000000;
	visibility:hidden;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding:5px;
	padding-top:20px;
	background-color:#FFFFFF;
	top:55px;
	
}

#alumnipage3 {
	position: absolute;
	width: 680px;
	height:auto;
	color:#000000;
	visibility:hidden;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding:5px;
	padding-top:20px;
	background-color:#FFFFFF;
	top:55px;
	
}

#alumnipage4 {
	position: absolute;
	width: 680px;
	height:auto;
	color:#000000;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	visibility:hidden;
	padding:5px;
	padding-top:20px;
	background-color:#FFFFFF;
	top:55px;
	
}

#alumniheader {
	position: absolute;
	width: 680px;
	height:80px;
	color:#000000;
	top:15px;
	font-size:12px;
	
}

#alumnipage1tab{
	cursor:pointer;
	
	float:left;
	position: relative;
	width: 125px;
	height:35px;
	background-color:#c0c0c0;
	color:black;
	text-align:center;
	padding-top:5px;
	
}

#alumnipage2tab {
	cursor:pointer;
	
	float:left;
	position: relative;
	left:10px;
	width: 125px;
	height:35px;
	background-color:#006699;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
}

#alumnipage3tab {
	cursor:pointer;
	float:left;
	position: relative;
	left:20px;
	width: 125px;
	height:35px;
	background-color:#006699;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
}

#alumnipage4tab {
	cursor:pointer;
	float:left;
	position: relative;
	left:30px;
	width: 125px;
	height:35px;
	background-color:#006699;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
	
}

#alumnisavetab {
	cursor:pointer;
	
	float:left;
	position: relative;
	left:40px;
	width: 125px;
	height:35px;
	background-color:#006699;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
}

#alumnipagewrapper {
	position:relative;
	width:690px;
	height:950px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}