/*========= ERIC MEYER CSS RESET ============*/

/*  http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

a:visited {  color: #73468f }

a:link {  color: #1e65ad }

ul ul, ol ol {  margin: 0 }

body {  line-height: 1 }

ol, ul {  list-style: none }

blockquote, q {  quotes: none }

/* remember to define focus styles! */

:focus {  outline: 0 }

/* remember to highlight inserts somehow! */

ins {  text-decoration: none }

del {  text-decoration: line-through }

/* tables still need 'cellspacing="0"' in the markup */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*========= END CSS RESET ============*/

/*========= HTML TAG DEFINITIONS ============*/

/* Make older browsers work with HTML5 */
header, nav, footer, article, details, summary, aside { display: block; }

body {
  background: #eeece6;
  color: #000;
  font: normal 0.8em Verdana, Arial, sans-serif;
}

/* makes images and videos scale when viewport is changed in standard compliant browsers */

img, object {  max-width: 100% }

p {
  line-height: 1.3;
  margin: 1em 0;
}

h1, h2, h3, h4, h5, h6 {  margin: 0.5em 0 }

h1, .AsH1 {  font-size: 1.6em }

h2, .AsH2 {
  font-size: 1.4em;
  padding: 5px 0;
}

h3, .AsH3 {  font-size: 1.3em }

h4, .AsH4 {  font-size: 1.2em }

h5, .AsH5 {  font-size: 1.1em }

h6, .AsH6 {  font-size: 1em }

/* Reverse headings with background colours.  Bgcolour is reset in coloured stylesheet */
h1.Reverse, h2.Reverse, h3.Reverse, h4.Reverse, h5.Reverse, h6.Reverse {
  background: #ccc;
  color: #fff;
  display: block;
  padding: 10px 20px;
}

ul, ol {
  display: block;
  margin: 1em 0;
  padding-left: 8.333%;
}

ul {  list-style-type: disc }

ol {  list-style-type: decimal }

li {  display: list-item }

blockquote {
  background: url("/SiteElements/Images/OpenQuote.png") 0 0 no-repeat transparent;
  margin: 0 auto;
  padding: 1.5em;
  padding-top: 2em;
  width: 75%;
}

sub {
  font-size: smaller;
  line-height: normal;
  vertical-align: sub;
}

sup {
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}

caption {  font-weight: bold }

table {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
}

th {
  background: #ccc;
  border-right: 1px solid #ccc;
  color: #fff;
  padding: 0.5em;
}

td {
  border: 1px solid #ccc;
  padding: 0.5em;
}

div#JobsTable { 
   width: 100%;
   overflow: auto;
}

/* Give links a high contrast background colour and text colour for focused links */
/* Aides users navigating with the keyboard by making the currently select link stand out */
a:focus,
div.ddContainer h2 a:focus,
div.ddContainer h2 a:active,
div.ddContainer ul li a:focus,
div.ddContainer ul li a:active,
div.ddContainer a.AdvertText:focus,
div.ddContainer a.AdvertText:active {
    background: #005689;
    color: #fff;
    outline: 1px dotted #000;
}

a:focus img {  background: #005689 }


embed#WMVPlayer {
  position: relative;
  z-index: 1;
}

/*========= END HTML TAG DEFINITIONS ============*/

div#Container {
  margin: 10px auto;
  max-width: 960px;
}

/*========= HEADER ============*/

div#Logo {
  display: inline;
  float: left;
  margin-right: 1%;
  padding-left: 9.333%;
  padding-top: 1em;
  width: 31.333%;
}

/* portal links - staff and student pages */
ul#PortalLinks,
nav#PortalLinks {
  float: right;
  padding-right: 10.333%;
  width: 32%;
}

ul#PortalLinks li,
nav#PortalLinks li {
  border-right: 1px solid #666;
  float: left;
  list-style: none;
  padding-left: 2%;
  padding-right: 2%;
}

ul#PortalLinks a,
nav#PortalLinks a {
   color: #666;
   display: block;
 }

ul#PortalLinks a:focus,
ul#PortalLinks a:active,
nav#PortalLinks a:focus,
nav#PortalLinks a:active {  color: #fff }

/* remove right hand border for staff link */
li#StaffPortalLink {  border-right: 0 !important }

div#GoogleTranslate {
  display: inline;
  float: left;
  height: 50px;
  margin-left: 31%;
  margin-top: 1em;
}

/* Site navigation - the bar across the top! */
div#SiteNavContainer {
  display: inline;
  float: left;
  padding-left: 9.333%;
  padding-right: 9.333%;
  position: relative;
  top: 4px;
  width: 81.333%;
  z-index: 200;
}

div#SiteNav,
nav#SiteNav {
  -moz-border-radius: 5px;
  -moz-box-shadow: 0px 1px 2px;
  -webkit-box-shadow: 0px 1px 2px;
  background: #b3ada2;/* old browsers get a solid bg colour */
  background: -moz-linear-gradient(top, #eeece6 0%, #b3ada2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeece6), color-stop(100%, #b3ada2));
  background: -o-linear-gradient(top, #eeece6 0%,#b3ada2 100%);   /* Opera11.10+ */
  border-radius: 5px;
  box-shadow: 0px 1px 2px;
  height: 33px;
}

/* There are two sets of rules for the main navigation.  This is so they work when JavaScript is turned off */

/* When the page loads the <ul> has an id of "navigationCSS" which is changed to "navigationScript if the user has JS enabled */

ul#navigationCSS, ul#navigationScript {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#navigationScript div.ddContainer a:hover, ul#navigationCSS div.ddContainer a:hover, ul#navigationScript div.ddContainer a:focus, ul#navigationCSS div.ddContainer a:focus {  text-decoration: underline }

ul#navigationCSS li:hover div.ddContainer, ul#navigationCSS li:focus div.ddContainer, ul#navigationCSS a:focus div.ddContainer {  display: block }

/* Selector for list items in the site nav bar - NOT for links in the dropdowns */
ul#navigationCSS>li, ul#navigationScript>li {
  /* border image on right hand side of each main link */
  background: url("/SiteElements/Images/NavDivider.gif") right center no-repeat transparent;
  float: left;
}

/* Selector for links in the site nav bar - NOT for links in the dropdowns */
ul#navigationCSS>li>a, ul#navigationScript>li>a {
  border: 1px solid transparent;
  border-width: 1px 1px 0 1px;
  color: #666;
  display: block;
  font-weight: bolder;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
}

/* Show dropdown when site nav link is hovered or receives focus. */
/* Only used for CSS version of nav */
ul#navigationScript>li.Hover>a, ul#navigationScript>li>a:hover, ul#navigationScript>li>a:focus, ul#navigationCSS>li>a:hover, ul#navigationCSS>li>a:focus {
  background: #EEECE6;
  border: 1px solid #A2A19F;
  border-width: 1px 1px 0 1px;
  color: #000;
}


/* Gives rounded top left and bottom left corners for courses link */
a#NavCourses {
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0px;
  -webkit-border-radius: 5px 0px 0px 0px;
  border-radius: 5px 0px 0px 0px;
}



/* Site nav drop-downs */
div.ddContainer {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 5px;
  background: #fffffa;
  border: 1px solid #9e9691;
  border-radius: 0px 0px 5px 5px;
  border-width: 0 1px 1px 1px;
  display: none; /* Hide until hover */
  position: absolute;
  width: 30%;
  z-index: 6;
}

/* gap between two lists of unrelated links in the site nav dropdowns */
div.ddContainer ul.NavColumnSeperator {  margin-top: 2em } 

/* text associated with images in the site nav dropdowns */
div.ddContainer a.AdvertText {
   color: #7f7874;
   display: block;
   font-size: 0.8em;
   text-align: center;
}

div.ddContainer h2 a:focus, div.ddContainer h2 a:active, div.ddContainer ul li a:focus, div.ddContainer ul li a:active, div.ddContainer a.AdvertText:focus, div.ddContainer a.AdvertText:active {
   background: #005689;
   color: #fff;
   outline: 1px dotted #000;
}

div.ddContainer img {
   display: block;
   margin-top: 0.5em;
}

div.ddContainer h2 {
   background: #eeece6;
   background: -moz-linear-gradient(top, #eeece6 1%, #ffffff 99%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeece6), color-stop(99%,#ffffff));
   background: -webkit-linear-gradient(top, #eeece6 1%,#ffffff 99%);
   background: -o-linear-gradient(top, #eeece6 1%,#ffffff 99%);
   background: linear-gradient(top, #eeece6 1%,#ffffff 99%);
   border-bottom: 1px solid #ccc;
   font-size: 1em;
   height: 35px;
   line-height: 35px;    /* line height vertically centres text if on one line.  If on two use next class */
   margin: 0;
   padding-left: 2em;
 }

/* If headings in dropdowns appear on two lines use this rule to adjust the lineheight */
div.ddContainer h2.TwoLines {  line-height: normal; }

div.ddContainer h2 a {
  color: #000;
  text-decoration: none;
}

/* coloured bullets for links in nav */
div.ddContainer ul {
  list-style-image: url("/SiteElements/images/SiteNavBullet.gif");
  margin-left: 0.5em;
  padding: 0;
}

/* More spacing between links */
div.ddContainer ul li {  padding-bottom: 0.3em }

div.ddContainer ul li a {
  color: #7f7874;
  text-decoration: none;
}


/* Used to put links into columns in dropdowns */
/* Widths for each column is set below depending on the size of each dropdown */
div.NavColumn {  float: left; }

div.NavColumn ul {  margin: 1em 2em 1em 2em }

/* Widths for dropdown container and columns of links */

/* Courses dropdown */

div#NavCoursesContainer {  width: 68% }

div#NavCourseSearch {  width: 20% }

div#NavCourseSubject {  width: 30% }

div#NavCourseApplications {  width: 25% }

div#NavCourseAdvert {  width: 25% }

/* Student life container */

div#NavStudentLifeContainer {  width: 72.7% }

div#NavAccommodation {  width: 21% }

div#NavLifestyleAccommodation {  width: 18% }

div#NavFinance {  width: 21% }

div#NavLibrary{  width: 19% }

div#NavStudentServices {  width: 21% }

/* About us container */

div#NavAboutUsContainer {  width: 58% }

div#NavWelcome, div#NavNews {  width: 23% }

div#NavResearch {  width: 21% }

div#NavCourseSubjectAreas {  width: 33% }

/* Information For container */

div#NavInformationForContainer {  width: 23% }

/* Contensis Site Search control */
div#SiteSearchContainer,
div#FunnelbackSearchContainer {
  display: block;
  float: right;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 3px;
}

/* Search label from Contensis control just says "search" so hide it */
div#SiteSearchContainer label.sys_search-label,
div#FunnelbackSearchContainer label#FunnelbackSearch_redirectLabel {  display: none }

/* Grey out text in search box until field has focus */
input#SiteSearch_SearchTextBox,
input#FunnelbackSearch_redirectTextBox {
  color: #9e9691;
  margin-top: 2px;
  width: 180px;
}

/* Change font colour to black when the search box has focus */
input#SiteSearch_SearchTextBox:focus,
input#FunnelbackSearch_redirectTextBox:focus {  color: #000 }


input#SiteSearch_SearchButton,
input#FunnelbackSearch_redirectButton {
  background: url("/SiteElements/images/Search.gif") top left no-repeat;
  border: 0;
  color: #000;
  cursor: pointer;
  padding-left: 15px;
}

/*========= END HEADER ============*/

/*========= BANNER ============*/

div#Banner {
  display: inline;
  float: left;
  height: 375px;
  overflow: hidden;
  position: relative;
  top: -7px;
  width: 100%;
}

div#Banner img {
  margin: 0 auto;
}

/* "Great ____ start here" */
p#Strapline, p.Strapline, div#Strapline {
  color: #fff;
  font-size: 3.75em;
  font-weight: bold;
  left: 9.333%;
  line-height: 1.01em;
  margin-top: 0;
  position: absolute;
  top: 50px;
  width: 50%;
  z-index: 5;
}

/*========= END BANNER ============*/

/*========= BREADCRUMBS ============*/

div#Breadcrumbs {
  font-size: 0.8em;
  padding-bottom: 1em;
}

div#Breadcrumbs a:hover {  text-decoration: underline }

div#Breadcrumbs a:link {
  color: #000;
  text-decoration: none;
}

/*========= END BREADCRUMBS ============*/

/* Container for the section nav and aside content area */
div#NavAsideContainer {
  display: inline;
  float: left;
  margin-right: 1%;
  padding-left: 9.333%;
  position: relative;
  top: -150px;
  width: 23%;
  z-index: 3;
}

/*========= SECTION NAVIGATION ============*/
/* Used on standard and standard with aside templates */

div#SectionNav {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 1px solid #9e9691;
  border-radius: 5px;
  margin-bottom: 1em;
}

/* Make text white on focus.  Background colour was set earlier */
div#SectionNav a:focus {  color: #fff }

div#SectionNav ul {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 0;
}

div#SectionNav ul a {
  color: #000;
  display: block;
  line-height: 1.5;
  text-decoration: none;
}

div#SectionNav ul a:hover {  text-decoration: underline }

div#SectionNav li {
  margin-bottom: 1em;
  padding-left: 1em;
}

/* To indicate current page in section nav */
div.sys_currentitem {
  background: url("/SiteElements/Images/NavBullet.gif") 95% 50% no-repeat;
  font-weight: bold;
}

/*========= END SECTION NAVIGATION ============*/


/*========= ASIDE ============*/

/* Container below the section navigation in the standard page template */ 
div#Aside {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 1px solid #9e9691;
  border-radius: 5px;
  color: #000;
  font-size: 0.8em;
  padding: 0;
}

div#Aside div#MiniListing_List {  font-size: 1.3em }


div#Aside div.KeyFact {
  float: none;
  padding: 0;
  width: 100%;
}

/* Centre images in asides */
div#Aside img {
  display: block;
  margin: 1em auto;
}

div#Aside p{
  margin-left: 3%;
  margin-right: 3%;
}

/*========= END ASIDE ============*/

/*========= STANDARD PAGE ============*/

div#EResourceContainer h3 {  margin: 1em 0 0.5em 0 }

/* Container for content area used on a variety of templates with the same width */
div#EResourceContainer, div#ContentContainer, div#CourseInfoContainer, div#ContentContainerNoNav {
  display: inline;
  float: right;
  margin-left: 1%;
  padding-right: 9.333%;
  position: relative;
  top: -150px;
  width: 56.333%;
  z-index: 4;
}

div#ContentContainerNoNav {
  float: left;
  margin-left: 0;
  padding-left: 9.333%;
  width: 81.333%;
}

div#Content, /* Fix for weird Contensis bug */
/* Changes <div id="Content"> to lowercase "c" when ordered and unordered lists are added in IE */
div#content, div#CourseInfo, div#SubjectContent {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 1px solid #9e9691;
  border-radius: 5px;
  overflow: hidden;
  padding: 1em;
}

/* style for show/hide link used to hide content until user clicks. - see base.js */
div#Content>a.MoreInfoLink {
  background: #ccc;
  border: 1px solid #000;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 0;
  padding: 0.5em 1em;
}

/*========= END STANDARD PAGE ============*/


/*========= 360 TEMPLATE - USED FOR VIRTUAL TOURS ============*/
div#ContentContainer360 {
  display: inline;
  float: right;
  margin-left: 1%;
  padding-right: 4%;
  position: relative;
  top: -200px;
  width: 94%;
  z-index: 4;
}

div#ContentContainer360 div#Content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 1px solid #9e9691;
  border-radius: 5px;
  padding: 3px;
}

/*========= END 360 TEMPLATE ============*/


/*========= STRUCTURED CONTENT NEWS TEMPLATE ============*/

/* images in news stories */
div.sys_record-image-control {
  float: right;
  font-size: 0.8em;
  padding: 0.5em;
  width: 200px;
}

div.sys_record-image-control img {
  display: block;
  margin: 0 auto;
}

/* Date news story was published. Shown at bottom of each story */
div.sys_news-posted-date {  font-weight: bold }

/* Search box used on news listings */
div.sys_searchmode {
  float: right;
  padding-right: 26.333%;
}

/*========= END STRUCTURED CONTENT NEWS TEMPLATE ============*/

/*========= SEARCH RESULTS ============*/

label.sys_search-label {
  font-weight: bold;
  margin-right: 1em;
}

input#SiteSearchResults_SimpleSearchControl_SearchTextBox {  width: 30% }

input#SiteSearchResults_SimpleSearchControl_SearchButton {
  background: #E6E0D9;
  border: 1px solid #9E9691;
  color: #fff;
  padding: 0.1em 1em;
}

/* each search result */
div.sys_subitem {
  border-bottom: 1px solid #eee;
  padding: 0 1em;
  padding: 1em 0;
}

div.sys_subitem h3 {
   font-size: 1em;
   margin-bottom: 0.5em;
   position: relative;
   top: -5px;
}

/* description for each search result */
dd.sys_search-description {  margin: 0.5em 0 }

/* definition term - acts as a heading but isn't required as it's obvious from looking at the results what the description and url are */
dt.sys_search-description, dt.sys_search-url {  display: none }

/* url to each page that displays below each result */
dd.sys_search-url {
  font-size: 0.8em;
  margin-top: 1em;
}

/* Displays icon indicating the file type of each search result */
div.sys_icon, div.sys_thumbnail {
  float: right;
  position: relative;
  top: -27px;
}

div.sys_news div.sys_icon, div.sys_news div.sys_thumbnail {  float: right }

div.sys_icon {
  height: 32px;
  width: 32px;
}

/* Images that indicate which file type the result is */
/* This has been copied from the Contensis stylesheets (http://www.cumbria.ac.uk/aspnet_client/ContensisThemes/simple/Common/styles.css) */
/* Rather than add the full stylesheet which is over 1000 lines just added the rules that are needed to display icons in search */
.sys_itemslist div.sys_0 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/0.gif") }
.sys_itemslist div.sys_1 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/1.gif") }
.sys_itemslist div.sys_2 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/2.gif") }
.sys_itemslist div.sys_3 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/3.gif") }
.sys_itemslist div.sys_5 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/5.gif") }
.sys_itemslist div.sys_6 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/6.gif") }
.sys_itemslist div.sys_7 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/7.gif") }
.sys_itemslist div.sys_8 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/8.gif") }
.sys_itemslist div.sys_9 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/9.gif") }
.sys_itemslist div.sys_11 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/11.gif") }
.sys_itemslist div.sys_12 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/12.gif") }
.sys_itemslist div.sys_13 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/13.gif") }
.sys_itemslist div.sys_14 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/14.gif") }
.sys_itemslist div.sys_15 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/15.gif") }
.sys_itemslist div.sys_16 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/16.gif") }
.sys_itemslist div.sys_17 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/17.gif") }
.sys_itemslist div.sys_18 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/18.gif") }
.sys_itemslist div.sys_19 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/19.gif") }
.sys_itemslist div.sys_21 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/21.gif") }
.sys_itemslist div.sys_22 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/22.gif") }
.sys_itemslist div.sys_23 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/23.gif") }
.sys_itemslist div.sys_24 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/24.gif") }
.sys_itemslist div.sys_25 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/25.gif") }
.sys_itemslist div.sys_27 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/27.gif") }
.sys_itemslist div.sys_28 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/28.gif") }
.sys_itemslist div.sys_29 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/29.gif") }
.sys_itemslist div.sys_30 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/30.gif") }
.sys_itemslist div.sys_31 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/31.gif") }
.sys_itemslist div.sys_32 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/32.gif") }
.sys_itemslist div.sys_33 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/33.gif") }
.sys_itemslist div.sys_34 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/34.gif") }
.sys_itemslist div.sys_35 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/35.gif") }
.sys_itemslist div.sys_37 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/37.gif") }
.sys_itemslist div.sys_38 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/38.gif") }
.sys_itemslist div.sys_39 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/39.gif") }
.sys_itemslist div.sys_40 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/40.gif") }
.sys_itemslist div.sys_41 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/41.gif") }
.sys_itemslist div.sys_42 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/42.gif") }
.sys_itemslist div.sys_43 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/43.gif") }
.sys_itemslist div.sys_44 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/44.gif") }
.sys_itemslist div.sys_45 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/45.gif") }
.sys_itemslist div.sys_46 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/46.gif") }
.sys_itemslist div.sys_50 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/50.gif") }
.sys_itemslist div.sys_51 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/51.gif") }
.sys_itemslist div.sys_52 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/52.gif") }
.sys_itemslist div.sys_53 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/53.gif") }
.sys_itemslist div.sys_54 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/54.gif") }
.sys_itemslist div.sys_55 {  background-image: url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/55.gif") }

/*========= END SEARCH RESULTS ============*/

/*========= FOOTER ============*/

div#FooterContainer,
aside#FooterNavContainer {
    width: 81.333%;
    display: inline;
    float: left;
    top: -100px;
    padding-left: 9.333%;
    padding-right: 9.333%;
    position: relative;
}

div#Footer,
div#FooterNav {
    color: #666;
    border-top: 1px solid #9e9691;
    padding-top: 1em;
}

div#FooterMap {
    width: 30%;
    display: inline;
    float: left;
    margin-right: 1%;
}

div#FooterMap img {
    display: block;
    float: right;
}

div#Footer h2,
aside#FooterNavContainer h2 { font-size: 1em; }

div#Footer ul,
aside#FooterNavContainer ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

div#Footer a:link,
aside#FooterNavContainer a:link {
    text-decoration: none;
    color: #8b7b6b;
}

div#Footer a:hover,
aside#FooterNavContainer a:hover,
div#Footer a:focus,
aside#FooterNavContainer a:focus { text-decoration: underline; }

div#Footer a:focus,
aside#FooterNavContainer a:focus { color: #fff !important; }

div#Footer a:visited,
aside#FooterNavContainer a:visited {
    color: #504d4b;
    text-decoration: none;
}

div#FooterCourses,
nav#FooterCourses,
div#FooterResources,
nav#FooterResources,
div#FooterInformation,
nav#FooterInformation {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

footer#CopyrightAndShare {
  display: inline;
  float: left;
  padding-left: 8.333%;
  padding-right: 8.333%;
  position: relative;
  top: -100px;
  width: 81.333%;
}

div#CopyrightAndShare,
footer#CopyrightAndShare small {
    color: #666;
    clear: both;
    padding-top: 2em;
}


span#PrintThisPage {
  float: right;
  margin-bottom: 0.5em;
  background: url("/SiteElements/Images/SMPrinterIcon.gif") top left no-repeat;
  padding-left: 20px;
}

/*div#Share {
    border: 1px solid #9e9691;
    background: #fff;
    padding: 0.2em;
    display: block;
    width: 148px;
    float: right;
    clear: both;
}

div#Share span.stButton { margin: 0; }*/

/*========= END FOOTER ============*/

/*========= WEB CONTROLS  ============*/

/* RSS Reader */

ul.sys_rss {
  list-style: none;
  margin-bottom: 2em;
  padding: 0;
}

 ul.sys_rss li {  margin-bottom: 0.5em }

/* end RSS Reader */

/* A-Z Control */

div.sys_generic_list-control {  margin-bottom: 2em }
div#ContentContainerNoNav div.sys_atoz-control li {  width: 3.577% }


/* container for a-z listing */
div.sys_atoz-control ul {
  border: 1px solid #ccc;
  float: left;
  font-size: 1.6em;
  list-style-type: none;
  margin: 0.1em auto 1em auto;
  padding: 0.5em 0;
  width: 100%;
}

div.sys_atoz-control li {
  display: block;
  float: left;
  margin: 0 0.1em 0.1em 0;
  padding: 0;
  text-align: center;
  width: 7.29%;
}

div.sys_atoz-control ul li a:hover {
  background: #ccc;
  color: #333;
  display: block;
  text-decoration: none;
}

div.sys_atoz-control li a, div.sys_atoz-control li span {
  color: #333;
  display: block;
  float: left;
  text-align: center;
  width: 100%;
}
 
 /* Rule for letters that have no results.  Greys out the letter */
div.sys_atoz-control li span {  color: #aaa }

/* Currently selected later */
div.sys_atoz-control li.sys_selected {
  background: #ccc;
  color: #fff;
}

div.sys_atoz-control li.sys_selected a {
  color: #fff;
  text-decoration: none;
}

/* Current letter in A-Z controls.  Acts as a heading */
div.sys_atoz-control-currentletter {  font-size: 2em }

/* Container for pageination and "Displaying record x of y" */
div.sys_flickrpager {
  color: #666;
  font-size: 0.8em;
}

/* "Displaying record x of y" */
div.sys_paginginfo {  float: left }

/* Pagination */
div.sys_navigation {  text-align: right }

div.sys_navigation span.sys_selected span {
  background: #ccc;
  border: 1px solid #666;
  color: #fff;
  padding: 2px 7px;
}

div.sys_navigation div.sys_disabled {
  color: #aaa;
  padding: 2px 7px;
}

div.sys_navigation span.sys_page a {
  border: 1px solid #9e9691;
  float: none;
  width: auto;
}

div.sys_navigation a {
  padding: 2px 7px;
  text-decoration: none;
}

/* Currently selected link in pagination */
span.sys_page a:hover {
  background: #000;
  border: 1px solid #666;
  color: #fff;
}


/* end A-Z listing */

/*  FAQ control */

/* Search box for FAQ control */
div.sys_search-options {  margin-bottom: 1em }

div.sys_keywords-row {  float: left }

div.sys_keywords-row label {  margin-right: 1em }

div.sys_keywords-row input {  width: 20em }

input.sys_search-button,
input#FunnelbackSearch_redirectButton { margin-left: 1em }

div.sys_faqanswer {
  border-bottom: 1px solid #9e9691;
  padding: 0 0.5em;
}

/* Definition terms that act as headers.  They aren't required as the question and answer are obvious from the layout of the page */
dt.sys_faqs-question, dd.sys_faqs-question, dt.sys_faqs-answer {  display: none }

div.sys_faqs-control h2 {  font-size: 1em }

div.sys_faqs-control dt.answer {  display: none }

div.sys_faqs-control dd.answer {
  font-weight: normal;
  margin-top: 1em;
}

/* end FAQ control */

/* News archive search control */

dt.sys_news-datepublished, dd.sys_news-datepublished, dt.sys_news-description, div.sys_news div.sys_category-row {  display: none }

div.sys_news div#Archive_Ticker_Container {
  clear: both;
  height: 0;
  visibility: hidden;
  width: 0;
}

div.sys_news div.sys_syndicationlinks-control {
  display: none;
}

/*div.sys_news div.sys_button-subscribe-rss a {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Rss-Feed-Icon.gif") 0 50% no-repeat;
  display: block;
  margin-bottom: 0.5em;
  padding-left: 20px;
  padding-right: 20px;
}

div.sys_news div.sys_button-subscribe-atom a {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Atom-Feed-Icon.gif") no-repeat;
  display: block;
  padding-left: 20px;
}*/

div.sys_news-search-control {
  border-left: 1px solid #eee;
  float: right;
  padding-left: 10px;
  width: 31.333%;
}

 div.sys_news-search-control label {
   display: block;
   font-weight: bold;
   margin: 1em 0 0.5em 0;
 }

dt.sys_news-datepublished {  float: left }

div.sys_news div#Archive__List {
  /*margin-top: -3em;*/
  width: 64.666%;
}

div#Archive__List div.sys_thumbnail { top: 0; }

div#Archive__List div.sys_navigation { margin: 10px 0; }

div.sys_news div.sys_groupheader {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 1em;
}

h2.sys_news-subheading {  font-size: 1em }

h6.sys_news-subheading {
  float: left;
  margin-right: 60px;
}

div.sys_news-description {  margin-right: 60px }

div#Archive__List div.sys_paginginfo { float: none; }

/* End news archive search control */

/* News mini listing control*/

/* End news mini listing control */

/* news listing control */

h2.sys_news-title span.sys_atom-link, h2.sys_news-title span.sys_rss-link {
  float: right;
  font-size: 0.6em;
  font-weight: normal;
  margin-left: 1em;
}

h2.sys_news-title span.sys_atom-link {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Atom-Feed-Icon.gif") 0 50% no-repeat;
  padding-left: 20px;
}

h2.sys_news-title span.sys_rss-link {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Rss-Feed-Icon.gif") 0 50% no-repeat;
  padding-left: 20px;
}

div.sys_news-control div.sys_clear, div.sys_search div.sys_clear {
  clear: left;
  height: 0;
  line-height: 0;
  overflow: hidden;
  width: 100%;
}

/* end news listing control */

/* Course listing control */

/* Course listings are in an <ol> as they are listed alphabetically but rather than show numbers change to bullet */
div.CourseListing ol {  list-style-type: disc }

div.CourseListing li, ul.sys_itemslist li.sys_subitem {  margin-bottom: 1.5em }

/* end course listing control */

/*========= END WEB CONTROLS ============*/

/* 360 virtual tours */

/* This container displays error message if Flash isn't installed */
/* Ensures that the text can be read */
div#flashcontent {
  background: #fff;
  color: #000;
}

/*========= FORM STYLES ============*/

/*
All the markup for custom form controls is inside a fieldset with class uocForms so styles
don't interfere with other styles for the site e.g. Contensis search
*/

fieldset.uocForms {
  border: 1px solid #9e9691;
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 1em;
  width: 95%;
}

fieldset.uocForms legend {
 color: #088372;
 font-size: 120%;
 font-weight: bold;
 padding: 0 1em;
}

/* put forms in a <ul> and each time you want to start a new row use a <li> */
fieldset.uocForms ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

fieldset.uocForms ul li {  margin: 1em }

fieldset.uocForms label {
 display: block;
 font-weight: bold;
 margin-top: 1em;
}

/* If you want the label and form control to display on a single line e.g. radio buttons or checkboxes use this class */
fieldset.uocForms label.inline {  display: inline }

/* Widths of input boxes. Use these or set your own */
fieldset.uocForms input.short {  width: 10em }
fieldset.uocForms input.medium {  width: 15em }
fieldset.uocForms input.long {  width: 25em }

/* Change background colour of form elements when they have focus so users can easily see where they are in the form */
fieldset.uocForms input:focus, fieldset.uocForms select:focus, fieldset.uocForms textarea {  background-color: #FFFFCC }

fieldset.uocForms textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  width: 50%;
}

/* Help messages - works with a forms.js (siteElements/scripts/forms/forms.js) */
fieldset.uocForms p.help {
  background: #c1edfb;
  border: 1px solid #aaa;
  font-weight: bold;
  margin: 0;
  padding: 0.5em;
}

/* This is for errors generated by the jQuery validation script but it could be used for .Net generated errors or other purposes */
fieldset.uocForms label.error {
  background: url("/SiteElements/Images/Forms/ValidationError.gif") no-repeat scroll 5px 50% #FFFFCC;
  border: 1px solid #E0E0DC;
  clear: both;
  display: block;
  font-weight: bold;
  margin: 0.5em 0;
  padding: 0.5em 0.5em 0.5em 30px;
  width: auto;
}


/* Scanning form */
table#ScanningForm1_WizScanningForm {
  border: none;
  margin: 0 auto;
  width: 95%;
}

table#ScanningForm1_WizScanningForm td {  border: none }

/*========= END FORM STYLES ============*/

/*========= KEY FACTS  ============*/

div.KeyFact {
  float: right;
  font-size: 1.8em;
  padding: 0.5em 1em;
  width: 35%;
}

div.KeyFact em {
  font-size: 1.6em;
  font-style: normal;
  font-weight: bold;
 }

div.KeyFact a {
  font-size: 0.5em;
  display: block;
  margin-top: 1.5em;
}

/*========= END KEY FACTS  ============*/

/*========= CUSTOM SCRIPTS ============*/

/* Show/hide content script  */

/* container for content being shown/hidden */
div.MoreInfo {
  border: 1px solid #000;
  margin: 0 0 1em 0;
  padding: 0.5em 1em;
}

div.HighlightContent {
    background: #eee;
    border: 1px solid #ccc;
    margin-top: 1em;
    padding: 0.5em 0.5em;
}


/* General purspose tabbed content.  Different from the one used on course pages */
ul#TabNav {
  clear: both;
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
  width: 100%;
}

ul#TabNav li {  float: left }

ul#TabNav li a.CurrentTab {
  background: #fff;
  color: #000;
  position: relative;
  top: 1px;
  z-index: 4;
}

ul#TabNav li a {
  background: #ccc;
  border: 1px solid #ccc;
  border-width: 1px 1px 0 1px;
  color: #fff;
  display: block;
  font-weight: bold;
  margin-right: 0.5em;
  padding: 0.5em 0.8em;
  text-decoration: none;
}

/* Container for tab content */
div.Tab {
  border: 1px solid #ccc;
  clear: both;
  padding: 0.5em;
}

 div.Tab h2 {  font-size: 1.2em !important }

/*========= END CUSTOM SCRIPTS ============*/

/* Video page layout */

div#MainVideo {  margin-bottom: 5px }

div#SmallVideos img {
  margin-bottom: 11px;
  margin-right: 11px;
}

/*========= STYLES FOR CONTENSIS EDITOR ============*/

#editor div#ContentContainer, #editor div#CourseInfoContainer, #editor div#ContentContainerNoNav {
  margin-right: 4.333%;
  padding-right: 0;
}

#editor div#NavAsideContainer {
  float: left;
  margin-left: 4.333%;
  padding-left: 0;
}

/*========= END STYLES FOR CONTENSIS EDITOR ============*/