/* CSS generated by SiteManager at 05:34pm 08/02/2012 - do not edit this file directly */ /* CSS FOR University of Derby 2009 redesign - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: October 2009 */ .buxcolonly { display: none; } /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background: #b4c1d0 url(/templatefiles/uod_body_bg.jpg) repeat-x 0 0; font: 80% arial, verdana, helvetica, sans-serif; text-align: center; color: #333; padding: 0; margin: 0;} hr { height: 1px; background-color: #ebe7e2; color: #ebe7e2; border: 0; margin: 10px 0; } form, table { background: transparent; font-size: 1.0em; } fieldset { border: 1px solid #ccc !important; } legend { color: #00477c !important; padding: 0 5px; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .uodtable { width: 100%; border-collapse: collapse; border: 1px solid #ddd; } .uodtable th { background-color: #004584; vertical-align: top; font-weight: bold; color: #fff; padding: 5px; } .uodtable th p { color: #fff; } .uodtable .toprow th { background-color: #ddd; vertical-align: top; font-weight: bold; color: #333; padding: 5px; } .uodtable tr td { vertical-align: top; font-size: 0.9em; color: #333; padding: 5px; border-bottom: 1px solid #ddd; } .uodtable tr:hover { background-color: #E3F1FB; } .uodtable tr td h2, .uodtable tr td h3 { padding: 0; margin-top: 0; } .nohover { border: 0; } .nohover tr:hover { background-color: transparent; } .nohover td p .expand { text-decoration: underline; color: #0C74B9;} .nohover td p .expand:hover { text-decoration: underline; color: #333; } /* Table with columns */ .uodcoltable tr td { vertical-align: top; font-size: 0.9em; color: #333; padding: 5px; border-bottom: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .uodcoltable tr:hover { background-color: transparent; } .thumbnailmenu img { padding: 2px; border: 1px solid #e8e8e8; margin: 0 15px 5px 0; } .widthwrapper { width: 100%; } .gallerywrapper { width: auto; } .imggallery, .imggallery table { width: 100%; } .imggallery td { text-align: center; padding: 0 15px 25px; } .imggallery td img { padding: 2px; border: 1px solid #e8e8e8; margin-bottom: 3px; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .clear { /*width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none;*/ clear: both; /*background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin: 0;*/ } #accessibility { display: none; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: bold 1.7em arial, verdana, helvetica, sans-serif; text-align: left; color: #00477c; padding-bottom: 3px; border-bottom: 1px solid #ebe7e2; margin: 0 0 15px; } h2 { font: normal 1.4em arial, verdana, helvetica, sans-serif; text-align: left; color: #00477c; margin: 25px 0 10px; } h3 { font: normal 1.2em arial, verdana, helvetica, sans-serif; text-align: left; color: #00477c; margin: 15px 0 10px; } .subcontent h2 { background-color: transparent !important; color: #fff; } .subcontent h3 { color: #fff; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 10px 0; } .inlinep p { display: inline; } .largetext { font-size: 1.4em; } .smalltext { font-size: 0.85em; } .intro p { font-size: 1.2em; } ul { padding: 0; margin: 10px; } li { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 1.5em 0; } .content ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0 0 5px 10px; } .content ol li {list-style-type:decimal; margin: 0 0 5px 10px; } .content .lower-alpha li {list-style-type:lower-alpha;} .content .upper-alpha li {list-style-type:upper-alpha;} p.quote { font-size: 1.3em; text-align: center; color: #00868b; margin: 5px 10px; } p.cite { text-align: center; color: #00467e; } p.quote .quotestart { margin-right: 5px; } p.quote .quoteend { margin-left: 5px; } p.titledate { font-size: 0.85em; margin: -10px 0 15px; } /* Formatting for right to left text */ .arabic p {text-align:right;} .arabic h2 {text-align:right;} .arabic li {background: transparent no-repeat 0 7px; list-style-image: url(/templatefiles/uod_bullet_arrow-rtl.png); list-style-position: inside; text-align:right;} /* Zmags pages are full width and don't have a .content class so their unordered lists need to use this class*/ .zmags li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0 0 5px 10px; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link { text-decoration: underline; color: #0C74B9; } a:visited { text-decoration: underline; color: #555; } a:hover, a:active { text-decoration: underline; color: #333; } .subcontent a:link { text-decoration: underline; color: #fff; } .subcontent a:visited { text-decoration: underline; color: #E0F3F7; } .subcontent a:hover, .subcontent a:active { text-decoration: underline; color: #EF8239; } .subcontent h2 a:link { text-decoration: none; color: #fff; } .subcontent h2 a:visited { text-decoration: none; color: #E0F3F7; } .subcontent h2 a:hover, .subcontent h2 a:active { text-decoration: none; color: #EF8239; } /*Links in table headers*/ .uodtable th a:link { color: #fff; } .uodtable th a:visited { color: #999; } .uodtable th a:hover, .uodtable th a:active {color: #EF8239; } .uodtable .toprow th a:link { color: #0C74B9; } .uodtable .toprow th a:visited { color: #333; } .uodtable .toprow th a:hover, .uodtable .toprow th a:active {color: #333; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } .imgborder { padding: 4px; border: 1px solid #eae6e1; margin-bottom: 10px; } .imgborder img { display: block; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #outerwrapper { background: transparent url(/templatefiles/uod_glow_bg.png) no-repeat top center; } #container { width: 974px; min-height: 500px; background-color: #fff; padding: 0; border: 10px solid #838287; border-width: 0 10px; margin: 0 auto; } .fixedwrapper { width: 974px; text-align: left; margin: 0 auto; } .innerwrapper { width: 386px; } .grid250 { width: 250px; } .grid3 { width: 226px; } .grid4 { width: 306px; } .griddouble { width: 466px; } .last { margin-right: 0 !important; } .blockdivider { margin-right: 9px !important; } .rss img { display: inline; vertical-align: middle; margin: 0 5px 0 0; } .col .rss img { margin-left: 40px; } .rss span { vertical-align: middle; } p.rss { background-color: transparent; border: 0; } /* TOPLINKS ----------------------------------------------------------------------------------------------------------------------------- */ #toplinks { width: 100%; background: #CACBCF url(/templatefiles/uod_toplinks_bg.jpg) repeat-y top center; text-align: center; padding: 3px 0; } #toplinks p { font-size: 0.85em; margin: 0; } #toplinks p.breadcrumb { } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; background: #004580 url(/templatefiles/uod_header_bg_black.jpg) repeat-y top right; margin: 0; } #header .fixedwrapper { min-height: 112px; background: transparent url(/templatefiles/uod_toplinks_shadow.png) no-repeat top center; } #header #sitelogo { float: left; display: block; margin: 35px 35px 0 14px; } #header p.sectiontitle { font-size: 1.6em; color: #fff; padding-top: 29px; margin: 0 14px 0 0; } #header p.sectiontitle a, #header p.sectiontitle a:visited { text-decoration: none; color: #fff; } #header p.sectiontitle a:hover, #header p.sectiontitle a:active { text-decoration: none; color: #008688; } #header .search { position: absolute; top: 14px; right: 14px; } #header .search input { width: 157px; height: 16px; float: none; background: transparent url(/templatefiles/uod_sitesearch_bg.png) no-repeat 0 0; color: #333; padding: 2px 5px 2px 20px; border: 0; } #header .search .button { width: 58px; height: 20px; float: none; background: transparent url(/templatefiles/uod_sitesearch_button.png) no-repeat 0 0; font-size: 0.9em; color: #fff; padding: 0; border: 0; } /* Still In Development */ #header .googlesearch { width: 247px; position: absolute; top: 14px; right: 14px; } #header .googlesearch input { width: 157px; height: 16px; float: none; color: #333; border: 0; } #header .googlesearch .searchbox { width: 157px !important; background-color: #fff; background-image: url(/templatefiles/uod_sitesearch_bg.png) !important; background-repeat: no-repeat; background-position: 0 0; padding: 2px 5px 2px 20px !important; border: 0 !important; } #header .googlesearch .button { width: 58px; height: 20px; float: none; background: transparent url(/templatefiles/uod_sitesearch_button.png) no-repeat 0 0; font-size: 0.9em; color: #fff; padding: 0; border: 0; vertical-align:middle; } /* #header .googlesearch .gsc-clear-button { display: none; } #header .googlesearch .gsc-branding-text { color: #ccc; } #header .googlesearch .gsc-branding-img { margin-top: 2px; margin-left: 5px; } .gsc-control-cse { padding: 2% 0 !important; } */ /* MAIN NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ #mainnav { height: 40px; background: #326C92 url(/templatefiles/uod_mainnav_bg.jpg) repeat-x 0 0; padding: 0 10px; margin: 0; } #mainnav ul { padding: 0; margin: 0; } #mainnav ul li { float: left; list-style-type: none; padding: 0; margin: 8px 4px; } #mainnav ul li a, #mainnav ul li a:visited { float: left; color: #fff; text-decoration: none; padding: 1px 5px 2px; } #mainnav ul li a:hover, #mainnav ul li a:active { color: #fff; text-decoration: none; } #mainnav ul li:hover { background: transparent url(/templatefiles/uod_mainnav_li.jpg) no-repeat top right; color: #fff; } #mainnav ul li:hover a:link, #mainnav ul li:hover a:visited { background: transparent url(/templatefiles/uod_mainnav_a.jpg) no-repeat top left; color: #fff; } #mainnav ul li.selectedoption { background: transparent url(/templatefiles/uod_mainnav_li.jpg) no-repeat top right; color: #fff; } #mainnav ul li.selectedoption a:link, #mainnav ul li.selectedoption a:visited { background: transparent url(/templatefiles/uod_mainnav_a.jpg) no-repeat top left; color: #fff; } #mainnav ul li.selectedoption a:hover, #mainnav ul li.selectedoption a:active { color: #fff; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .contentwrapper { text-align: left; padding: 5px 14px 14px; margin: 0; } .contentwrapper p.breadcrumb { clear: both; font-size: 0.85em; text-align: left; padding-left: 240px; margin: 3px 0 5px; } .contentwrapper p.breadcrumb a:link { text-decoration: none; color: #676767; } .contentwrapper p.breadcrumb a:visited { text-decoration: none; color: #1d5c8d; } .contentwrapper p.breadcrumb a:hover, .contentwrapper p.breadcrumb a:active { text-decoration: none; color: #333; } .contentwrapper p.breadcrumb img { margin: 0 5px; } .nosidecol .contentwrapper p.breadcrumb { padding-left: 0; } .content { width: 706px; float: left; display: inline; text-align: left; margin: 0; } .nosidecol .content { width: 946px; } .centeredcol { width: 706px!important; margin: 10px 0 10px 120px; } .content .gallerywrapper, .content .gallerywrapper table { width: auto !important; } .content .mapwrapper { width: 696px; /*width: 706px;*/ overflow: hidden; text-align: center; padding: 4px; border: 1px solid #eae6e1; margin-bottom: 10px; } /* Flash Banners */ .flashbanner { width: 696px; /*width: 706px;*/ overflow: hidden; text-align: center; padding: 4px; border: 1px solid #eae6e1; margin-bottom: 10px; } .flashbanner img { display: block; margin: 0 auto; } .nosidecol .flashbanner { width: 696px; overflow: visible; padding: 4px 5px; } .centeredcol .flashbanner { overflow: hidden; } #home .flashbannershadow { background: transparent url(/templatefiles/uod_flash_shadow.jpg) no-repeat bottom center; padding: 0 0 55px; border: 0; border-bottom: 1px solid #eae6e1; margin-bottom: 25px; } /* Columns */ .col { float: left; margin-right: 14px; } .col .imgshadow { background: transparent url(/templatefiles/uod_img_shadow.jpg) no-repeat bottom center; padding-bottom: 5px; } .col .imgshadow img { display: block; margin: 0 auto; } .col .imgcropshort { height: 124px; position: relative; overflow: hidden; background-color: #333; text-align: center; } .col .imgcropshort .play { position: absolute; left: 90px; top: 55px; } .col .imgcropshort .play img { margin: 0 !important; } .col h2 a, .col h2 a:visited { text-decoration: none; color: #00477c; } .col h2 a:hover, .col h2 a:active { text-decoration: underline; color: #333; } .col .caption h2 { font-weight: bold; font-size: 1.0em; text-align: left; color: #333; margin: 5px 0; } .col .caption h2 a, .col .caption h2 a:visited { text-decoration: none; color: #333; } .col .caption h2 a:hover, .col .caption h2 a:active { text-decoration: underline; color: #333; } .col .caption p { font-size: 0.85em; text-align: left; color: #333; margin: 0; } .griddouble h2 { text-align: left; margin: 25px 0 5px; } .griddouble h2 a, .griddouble h2 a:visited { text-decoration: none; color: #00477c; } .griddouble h2 a:hover, .griddouble h2 a:active { text-decoration: underline; color: #333; } .griddouble p { font-size: 1.0em; color: #333; margin: 0 0 10px; } #home #prospectus { width: 195px; height: 95px; display: block; float: none; background: url(/templatefiles/prospectus.jpg) no-repeat left top; padding: 0px; margin: 3px 3px 14px; } #home #prospectus p { padding: 25px 0 0 130px; margin: 0px; } /* CONNECTED */ .halfcol { width: 466px; min-height: 300px; } .halfcol p.caption { font: bold 1.0em arial, verdana, helvetica, sans-serif; text-align: center; color: #00477c; margin: 0 0 20px; } .halfcol .newsblock { position: relative; padding: 10px 0; border-top: 1px solid #eae6e1; } .halfcol .newsblockheader { position: absolute; top: 10px; left: 170px; background-color: transparent; background-image: url(/templatefiles/uod_bullet_arrow.png) !important; background-repeat: no-repeat; background-position: center right !important; font-weight: bold; font-size: 1.1em; padding-right: 12px; margin: 0; } .halfcol .newsblockheader a { text-decoration: none; } .halfcol .newsblock .newsimg { width: 156px; float: left; margin: 0 15px 0 0; } .halfcol .newsblock img { display: block; padding: 2px; border: 1px solid #eae6e1; } .halfcol .newsblock p { margin: 0; } .halfcol .newsblock p.title { margin: 25px 0 5px; } .halfcol .textborder { font: normal 1.8em georgia, 'times new roman', times, serif; color: #00477c; padding: 10px 15px; border: 5px solid #c9caba; margin: 0 0 14px; } .halfcol .textborder p { margin: 0; } .halfcol .newscol { width: 226px; min-height: 200px; } .halfcol .newscol .imgbox { min-height: 105px; background: #eee; border: 1px solid #cbcbcb; padding: 10px; border-width: 1px 0; margin: 0 0 10px; } .halfcol .newscol .imgbox .centerimg { height: 100px; float: left; margin: 0 10px 0 0; } .halfcol .newscol .imgbox .centerimg img { display: block; } .halfcol .newscol .imgbox h3.title { font-weight: bold; font-size: 1.0em; margin: 0 0 5px; } .halfcol .newscol .imgbox p.text { font-size: 0.85em; margin: 0; } .halfcol .newscol h2 { background-color: #00477c; font-weight: bold; font-size: 1.0em; color: #fff; padding: 2px 8px; margin: 0; } .halfcol .newscol ul { position: relative; padding: 10px 0 0; margin: 0; } .halfcol .newscol ul li { display: block; float: left; background: none; padding: 0 10px 10px 0; border-bottom: 1px solid #e9e5e1; margin: 0; } .halfcol .newscol ul li .date { width: 50px; float: left; font-size: 0.85em; margin-right: 10px; } .halfcol .newscol ul li a { width: 140px; display: block; float: left; background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; padding-left: 15px; } .halfcol .quotebox { background-color: #fff !important; background: url(/templatefiles/uod_img_shadow.jpg) no-repeat bottom center; padding-bottom: 5px; margin: 14px 0; } .halfcol .quotebox h2 { background-color: #314670; font-weight: bold; font-size: 1.0em; color: #fff; padding: 5px; margin: 0; } .halfcol .quoteboxinner { background-color: #6084a8; padding: 10px 60px; margin-bottom: 0; } .halfcol .quotebox .quote { position: relative; font: normal 1.3em georgia, 'times new roman', times, serif; text-align: center; color: #fff; margin: 5px 0; } .halfcol .quotebox .quote a, .halfcol .quotebox .quote a:visited { text-decoration: none; color: #fff; } .halfcol .quotebox .quote .quotestart { position: absolute; top: -25px; left: -30px; display: block; font: bold 4.0em 'times new roman', times, serif; text-align: left; color: #F78639; } .halfcol .quotebox .quote .quoteend { position: absolute; bottom: -25px; right: -30px; display: block; font: bold 4.0em 'times new roman', times, serif; text-align: right; color: #F78639; } .halfcol .quotebox .cite { font-size: 0.9em; color: #fff; margin: 0; } .halfcol .quotebox .cite a, .halfcol .quotebox .cite a:visited { text-decoration: underline; color: #fff; } .halfcol .quotebox .cite a:hover, .halfcol .quotebox .cite a:active { text-decoration: none; color: #fff; } /* */ /* Block Menu */ .blockmenu { margin-bottom: 20px; } .blockmenu .padding { min-height: 80px; /*background-color: #838288;*/ background: #a7a7a7 url(/templatefiles/uod_block_bg.jpg) repeat-x left bottom; padding: 5px 10px; } .blockmenu .padding img { display: inline; vertical-align: middle; } .blockmenu .padding p, .blockmenu .padding ul li { font-size: 0.9em; color: #fff; } .blockmenu .padding h2, .blockmenu .padding h3 { color: #fff; } .blockmenu .padding p.largetext { font-size: 1.2em; line-height: 1.2em; margin: 0; } .blockmenu .padding ul { margin-left: 0; } .blockmenu .padding ul li { background-position: 0 5px; font-size: 0.9em; padding-left: 15px; margin-left: 0; } .blockmenu .padding a { text-decoration: underline; color: #fff; } .blockmenu .padding a:visited { text-decoration: underline; color: #E0F3F7; } .blockmenu .padding a:hover, .blockmenu .padding a:active { text-decoration: underline; color: #EF8239; } .blockmenu .padding p.largetext a { text-decoration: none; } .blockmenu .padding p.largetext a:visited { text-decoration: none; } .blockmenu .padding p.largetext a:hover, .blockmenu .padding p.largetext a:active { text-decoration: none; } .blockmenusmall .blockmenu { width: 150px; margin-right: 25px; } .centeredcol .blockmenusmall .blockmenu { margin-top: 25px; margin-right: 34px; } .blockmenusmall .col .imgcropshort { height: 100px; overflow: hidden; } .blockmenularge .blockmenu { width: 226px; overflow: hidden; margin-right: 14px; } .blockmenularge .col .imgcropshort { height: 150px; overflow: hidden; } /* Course Search */ .content .coursesearch .search { background: #eee; padding: 5px 14px; } .content .coursesearch .search h2 { margin: 0 10px 0 0; } .content .coursesearch .button { width: 69px !important; height: 22px; background: transparent url(/templatefiles/uod_search_button.png) no-repeat 0 0; border: 0; margin-top: 3px; margin-right: 5px; } .content .coursesearch #searchAdvanced { background-color: #eee; padding: 10px 14px; } .content .coursesearchresults table { width: 100%; } .content .coursesearchresults tr.odd { background-color: #fff; } .content .coursesearchresults tr.even { background-color: #eee; } .content .coursesearchresults tr:hover { background-color: #E3F1FB !important; } .content .coursesearchresults img { display: none; } .content .coursesearchresults td { padding: 5px 15px; } .content .coursesearchresults td a { display: block; background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 5px; padding-left: 15px; } /* Course List */ #courselist h2 { margin-top: 0; } #courselist img { display: none; } #courselist td a, #courselist td a:visited { display: block; background: #fff url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 8px; padding: 2px 5px 2px 15px; margin: 0; } #courselist td a:hover, #courselist td a:active { background-color: #E3F1FB; } /* Staff Search */ .content #staffsearch div table { width: 690px !important; } .content #staffsearch .search { background: #eee; padding: 5px 14px; } .content #staffsearch .search table{ width: auto !important; } .content #staffsearch .search h2 { margin: 0 10px 0 0; } .content #staffsearch .search td { color: #333!important; } .content #staffsearch .button { width: 69px !important; height: 22px; background: transparent url(/templatefiles/uod_search_button.png) no-repeat 0 0; border: 0; margin-top: 3px; margin-right: 5px; } #staffsearchsmall input { width: 143px!important; height: 16px; float: none; background: transparent url(/templatefiles/uod_sitesearch_bg.png) no-repeat 0 0; color: #333; padding: 2px 5px 2px 20px; border: 0; } #staffsearchsmall .button { width: 58px!important; height: 20px; float: none; background: transparent url(/templatefiles/uod_sitesearch_button.png) no-repeat 0 0; font-size: 0.9em; color: #fff; padding: 0; border: 0; } #staffsearchsmall div { color: #333; } #staffsearchsmall div li { color: #333; } #staffsearchsmall div a:link { text-decoration: underline; color: #0C74B9; } #staffsearchsmall div a:visited { text-decoration: underline; color: #555; } #staffsearchsmall div a:hover, #staffsearchsmall div a:active { text-decoration: underline; color: #333; } #profilemenu th { background: #a7a7a7 url(/templatefiles/uod_block_bg.jpg) repeat-x left bottom; padding: 0; } #profilemenu th h2 { background: transparent url(/templatefiles/uod_bullet_arrow_white.png) no-repeat right center; font-weight: normal; color: #fff !important; padding: 5px 10px 5px 10px; margin: 0 10px 0 0; } #profilemenu td { border-bottom: 0; } /* News Menu */ #homenews td { vertical-align: top; padding-bottom: 10px; } #homenews img { border: 1px solid #b4b0a5; margin-right: 10px; } #homenews h2 img { border: 0; margin-right: 0; } #homenews ul { margin-top: 0; } #homenews td p { margin-top: 0; } /* Video Carousel */ .videocarousel { width: 646px; height: 225px; overflow: hidden; position: relative; background: #eee; padding: 0 30px; } .videocarousel .yui-carousel-content { width: 646px !important; padding: 0; border: 0; margin: 0; } /* Clipped content region */ .videocarousel .yui-carousel-nav { display: none; } /* Built-in navigation */ .videocarousel .yui-carousel-element { height: 225px !important; z-index: 10; margin:0 !important; } .videocarousel .yui-carousel-element li { width: 212px; height: 205px; background: none !important; border: none !important; list-style: none !important; padding: 0 !important; margin: 0 !important; margin-top: 10px !important; margin-right: 5px !important; } .videocarousel .yui-carousel-element li .blockmenu { width: 212px; } .videocarousel .yui-carousel-element li .blockmenu .imgshadow { background-image: url(/templatefiles/uod_img_shadow2.jpg); } .videocarousel .yui-carousel-item-selected { border: none !important; margin: 0 !important; } .videocarousel .yui-carousel-element li .play { left: 80px; } .videocarousel .carousel-prev { position: absolute; top: 0; left: 0; cursor: pointer; } .videocarousel .carousel-next { position: absolute; top: 0; right: 0; cursor: pointer; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ .sidecol { width: 226px; float: left; display: inline; text-align: left; margin: 0 14px 0 0; } .sidebox { /*width: 206px;*/ width: 226px; overflow: hidden; padding: 0 0 14px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } .sidecol #personalisation { background-color: #e9e8e3; padding: 10px; margin: 0 0 14px; } .sidecol #personalisation p.largetext { font-size:1em; line-height: 1.2em; color: #00477c; margin: 0 0 10px; } .sidecol #personalisation img { float: left; margin: 0 10px 0 0; } .sidecol #personalisation ul { overflow: auto; padding: 0; margin: 0; } .sidecol #personalisation ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 6px; font-size: 0.9em; list-style-type: none; padding-left: 12px; margin: 0 0 5px; } .sidecol #personalisation ul li a:link { text-decoration: underline; } .sidecol #personalisation ul li a:visited { text-decoration: none; } .sidecol #personalisation ul li a:hover, .sidecol #personalisation ul li a:active { text-decoration: underline; } /* Side navigation */ .sidecol .sidenav ul { padding: 0 0 14px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } .sidecol .sidenav ul li { list-style-type: none; font-size: 0.9em; color: #333; margin: 0; } .sidecol .sidenav ul li:hover { background: #c9c9c9 url(/templatefiles/uod_nav_button_grey.jpg) no-repeat top left; } .sidecol .sidenav ul li a, .sidecol .sidenav ul li a:visited { min-height: 19px; display: block; background: #fff; text-decoration: none; color: #333; padding: 2px 5px; margin: 0 0 4px; } .sidecol .sidenav ul li a:hover { background: transparent url(/templatefiles/uod_nav_button_grey_a.jpg) no-repeat bottom left; text-decoration: none; color: #000; } .sidecol .sidenav ul li a:active { background: transparent none; text-decoration: none; color: #000; } /* Level 1 selected option */ .sidecol .sidenav ul li.selectedoption { background: #fff url(/templatefiles/uod_nav_button_white.jpg) no-repeat top left; color: #00477c; } .sidecol .sidenav ul li.selectedoption:hover { background: #fff url(/templatefiles/uod_nav_button_white.jpg) no-repeat top left; } .sidecol .sidenav ul li.selectedoption a, .sidecol .sidenav ul li.selectedoption a:visited { background: transparent none; color: #00477c; } .sidecol .sidenav ul li.selectedoption a:hover, .sidecol .sidenav ul li.selectedoption a:active { color: #333; } /* Level 2 */ .sidecol .sidenav ul ul { background-color: #fff; padding: 0; border: 0; margin: -4px 0 0; } .sidecol .sidenav ul ul li { list-style-type: none; font-size: 1.0em; color: #333; margin: 0; } .sidecol .sidenav ul ul li:hover { background: #c9c9c9 url(/templatefiles/uod_nav_button_grey.jpg) no-repeat top left; } .sidecol .sidenav ul ul li a, .sidecol .sidenav ul ul li a:visited { min-height: 19px; display: block; background: #fff url(/templatefiles/uod_bullet_arrow.png) no-repeat 18px 7px; text-decoration: none; color: #333; padding: 2px 5px 2px 35px; margin: 0 0 4px; } .sidecol .sidenav ul ul li a:hover { background: transparent url(/templatefiles/uod_nav_button_grey_a.jpg) no-repeat bottom left; text-decoration: none; color: #000; } .sidecol .sidenav ul ul li a:active { background: transparent none; text-decoration: none; color: #000; } .sidecol .sidenav ul li.selectedoption ul { background-color: #fff; padding: 0; border: 0; margin: -4px 0 0; } .sidecol .sidenav ul li.selectedoption ul li { list-style-type: none; font-size: 1.0em; color: #333; margin: 0; } .sidecol .sidenav ul li.selectedoption ul li:hover { background: transparent none; } .sidecol .sidenav ul li.selectedoption ul li a, .sidecol .sidenav ul li.selectedoption ul li a:visited { min-height: 19px; display: block; background: #fff url(/templatefiles/uod_bullet_arrow.png) no-repeat 18px 7px; text-decoration: none; color: #333; padding: 2px 5px 2px 35px; margin: 0 0 4px; } .sidecol .sidenav ul li.selectedoption ul li a:hover, .sidecol .sidenav ul li.selectedoption ul li a:active { color: #00acd5; } /* Level 2 selected option */ .sidecol .sidenav ul li.selectedoption ul li.selectedoption { background: #fff none; } .sidecol .sidenav ul li.selectedoption ul li.selectedoption:hover { } .sidecol .sidenav ul li.selectedoption ul li.selectedoption a, .sidecol .sidenav ul li.selectedoption ul li.selectedoption a:visited { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 18px 7px; color: #00acd5; } .sidecol .sidenav ul li.selectedoption ul li.selectedoption a:hover, .sidecol .sidenav ul li.selectedoption ul li.selectedoption a:active { color: #333; } /* Course Search */ .sidecol .coursesearch { width: 206px; padding: 0 10px 14px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } .sidecol .coursesearch p.largetext { font-weight: bold; font-size: 1.2em; color: #00477c; margin: 0; } .sidecol .coursesearch form { margin-top: 0; } .sidecol .coursesearch #f1_eduCourseSearchText { width: 190px !important; height: 22px; background: #fff url(/templatefiles/uod_search_box.jpg) no-repeat 0 0; padding: 3px 5px 0; border: 0; } .sidecol .coursesearch .button { width: 69px !important; height: 22px; /*float: right;*/ background: #fff url(/templatefiles/uod_search_button.jpg) no-repeat 0 0; border: 0; margin-top: 3px; margin-left: 130px; } .coursesearchresults ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0; } .sidecol .courselistside ul { padding: 0; margin: 0; } .sidecol .courselistside li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding: 0 0 0 20px; margin: 0; } /* Social Networks */ .sidecol .socialnetworks { padding: 0 10px 10px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } .sidecol .socialnetworks p { background: transparent url(/templatefiles/uod_social_media.jpg) no-repeat top right; font-size: 0.9em; line-height: 1.2em; vertical-align: top; margin: 0 0 5px; } .sidecol .socialnetworks p a { text-decoration: none; } .sidecol .socialnetworks p img { float: left; vertical-align: top; } .sidecol .socialnetworks p span { display: block; padding: 3px 30px 10px 80px; } /* Aligns Add this twitter count boxes */ .addthis_toolbox.addthis_pill_combo a { float: left; } .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet { margin-top: -2px; } .fblike {margin:auto 1em;} /* Quick Links */ .sidecol .quicklinks { padding: 0; margin: 0 0 14px; } .sidecol .quicklinks li { list-style-type: none; font-size: 0.9em; color: #333; margin: 0; } .sidecol .quicklinks li a { display: block; background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 5px 8px; text-decoration: none; padding: 2px 5px 2px 20px; margin: 0; } /* Quick Links - Original styles .sidecol .quicklinks { padding: 0; border-top: 1px solid #d5d6dc; margin: 0 0 14px; } .sidecol .quicklinks li { background: #eeeff3 url(/templatefiles/uod_quicklinks_bg.jpg) repeat-x 0 0; list-style-type: none; font-size: 0.9em; color: #333; border-top: 1px solid #fff; border-bottom: 1px solid #d5d6dc; margin: 0; } .sidecol .quicklinks li a { display: block; background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 5px 8px; text-decoration: none; color: #333; padding: 2px 5px 2px 20px; margin: 0; } .sidecol .quicklinks li a:visited { color: #00acd5; } .sidecol .quicklinks li a:hover, .sidecol .quicklinks li a:active { color: #000; } */ /* Ask Us - most styles from internal stylesheet: SSIS Ask Us */ #intelli-box .qinput { width: 210px; } #intelli-box { background: #c2e31a url(/templatefiles/askus-back-whitestripe.gif) no-repeat 0 0; padding: 0px; margin: 0 0 28px; } #intelli-box .fieldsetbox { width: 98%; height: 100%; background-repeat: no-repeat; padding: 0px; border: 0 !important; margin: 2px; } #intelli-box .qinput { width: 95%; height: auto; background: #fff; font-weight: bold; color: #CCCCCC; padding: 2px; border: 1px solid #a0b3c5; margin-left: 0px; } #intelli-box .button { width: 55px; height: 20px; float: right; background-color: #f5823f; font-weight: bold; font-size: 1.0em; color: #fff; padding: 0px; border: 1px solid #fff; margin: 2px 5px 2px 0; } #intelli-box .top10 { margin: 30px 2px 2px 35px; } #intelli-box .top10 a { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #b24415; padding: 1px; margin-top: 40px; margin-left: 40px; } #intelli-box .hintText { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif, "trebuchet MS"; line-height: 1.2em; margin: 12px 2px; } .sidecol .caption { font-size: 0.9em; text-align: center; } /* SUBCONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .subcontent { clear: right; background-color: #fff !important; background: url(/templatefiles/uod_img_shadow.jpg) no-repeat bottom center; float: right; margin: 2px 0 20px 14px; } .subinner { background-color: #EDE9E6; margin-bottom: 5px; } .subcontent img { display: block; margin: 0 auto; } .subcontent .padding { background: /*#4a85ab*/ #5384a2 url(/templatefiles/uod_subinner_padding_bg.jpg) repeat-x left bottom; color: #fff; padding: 5px 10px; } .subgrey .padding { background: #a7a7a7 url(/templatefiles/uod_block_bg.jpg) repeat-x left bottom; } .subcontent .padding ul {margin-left:1px;} .subcontent .padding h2 { margin: 5px 0; } .subcontent p, .subcontent li { color: #fff; } .subcontent .caption { font-size: 0.85em; text-align: center; color: #fff; margin: 0 0 10px; } .subcontent .quote { position: relative; font-size: 1.1em; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; margin: 5px 0; } .subcontent .quote .quotestart { position: absolute; top: -10px; left: -5px; display: block; font: bold 4.0em 'times new roman', times, serif; text-align: left; color: #F78639; } .subcontent .quote .quoteend { position: absolute; bottom: -30px; right: -5px; display: block; font: bold 4.0em 'times new roman', times, serif; text-align: right; color: #F78639; } .noquotes .quote { background: transparent none; text-align: left; padding-bottom: 0; margin: 5px 0; } .noquotes .quote .quotestart { background: transparent none; padding-top: 0; } .subcontent .cite { font-weight: bold; text-align: left; } .subcontent.pressfactfile h2 { margin-top: 0; } /* Subnav menu in case study template*/ #subnav {} #subnav ul {width:100%; float: left; background-color: #0d3c6e; border: 0; padding: 0; margin: 0 0 10px;} #subnav ul li {float: left; background: none; list-style-type: none; list-style-image: none; line-height: 26px; padding:0; margin:0;} #subnav ul li a {background: none; color: #fff; border: 0; text-decoration:none;border-right: 1px solid #fff;padding:7px 8px;margin:0;} #subnav ul li a:hover { background-color: #fff; color: #333; } /* COURSE DETAILS ----------------------------------------------------------------------------------------------------------------------------- */ #coursedetails .coursesearch { padding: 0; } #coursedetails .sidebox p.largetext, #coursedetails .sidebox h2 { font-weight: bold; font-size: 1.2em; color: #00477c; padding: 0; margin: 0; } #coursedetails .moredetails p { display: inline; margin: 0; } #coursedetails .arrowlist ul { padding: 0; margin: 10px 0; } #coursedetails .arrowlist ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0 0 5px 10px; } .courseactions { background: #154579 url(/templatefiles/uod_courseactions.jpg) repeat-x left bottom; } .courseactions table td a, .courseactions table td a:visited { font-weight: bold; font-size: 1.2em; text-decoration: none; color: #fff; margin: 0; } .courseactions table td a:hover, .courseactions table td a:active { text-decoration: underline; color: #fff; } .mediaPool { position: relative; background-color: #fff } .mediaPoolCaption { font-size: 85%; color: #fff; padding: 8px; background-color: #103663;} .mediaPoolCaption p { font-size: 90%; color: #fff; } .mediaPoolCaption a { color: #fff;} .mediaPoolCaption a:hover { text-decoration:none;} .mediaPool .play { position: absolute; left: 50%; top: 40px; margin-left: -20px; } .mediaPool .play img { margin: 0 !important; } .mediaPoolNavbar { background: #154579 url(/templatefiles/uod_courseactions.jpg) repeat-x left bottom; padding: 8px; } .mediaPoolNavbar .button { width: 43px; height: 20px; background: transparent url(/templatefiles/uod_prevnext_button.png) no-repeat 0 0; font-size: 0.8em; line-height: 20px; color: #fff; padding: 0; border: 0; margin-left: 5px; cursor: pointer; } .mediaPoolExplanation { background: #fff url(/templatefiles/uod_img_shadow.jpg) no-repeat top center; font-size: 80%; text-align: center; color: #000; padding: 8px; border-top: #ddd 1px solid; } .mediapoolwrapper { clear: right; margin-bottom: 10px; } p#courseanchors { background-color: #e8e8e8; font-weight: bold; font-size: 1.1em; text-align: center; padding: 5px; margin: 10px 0; } div#coursesummary { background-color: #e8e8e8; padding: 5px 20px 10px; margin-top: 20px; } div#coursesummary .coursecol { width: 313px; float: left; margin-right: 40px; } div#coursesummary h3 { padding-bottom: 3px; border-bottom: 1px solid #D4D4D4; margin: 15px 0 5px; } div#coursesummary p.largetext { font-weight: bold; font-size: 1.2em; padding-bottom: 3px; border-bottom: 1px solid #D4D4D4; margin: 15px 0 5px;} /* module tables in courses */ .moduletable {border:#CACBCF solid 1px; margin-bottom:1em;} .moduletable th {color:#fff; background-color:#04584;} .moduletable .term {color:#000; background-color:#CACBCF;} .moduletable td {background-color:#E8E8E8;} /* PROSPECTUS ACCORDION ----------------------------------------------------------------------------------------------------------------------------- */ #acc {list-style:none; margin:0 auto 5em;} #acc h3 {padding: .75em; color:#FFF;cursor:pointer;margin:0; background: #004580; /* Old browsers */ background: -moz-linear-gradient(top, #004580 1%, #347299 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#004580), color-stop(100%,#347299)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #004580 1%,#347299 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #004580 1%,#347299 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #004580 1%,#347299 100%); /* IE10+ */ background: linear-gradient(top, #004580 1%,#347299 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004580', endColorstr='#347299',GradientType=0 ); /* IE6-9 */ } #acc h3 a:link, #acc h3 a:visited{color:#FFF;text-decoration:none;} #acc h3:hover {} #acc li {background:none;} #acc .acc-section {overflow:hidden;background:#fff; } #acc .acc-content {border:thin solid #ccc; margin:0;padding:.75em; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #footer { width: 974px; background: #1B1F28 url(/templatefiles/uod_footer_bg.jpg) repeat-x 0 0; text-align: left; border: 10px solid #838287; border-top: 0; margin: 0 auto; } #footer .content { width: 706px !important; } #footer p { color: #fff; font-size: 0.85em; margin: 10px 0 0; } #footer p.largetext { font-weight: bold; font-size: 1.2em; } #footer p.col { width: 146px; float: left; margin-right: 14px; } #footer p.col.last { width: 212px; } #footer p a:link { text-decoration: none; color: #fff; } #footer p a:visited { text-decoration: none; color: #e8e8e8; } #footer p a:hover, #footer p a:active { text-decoration: underline; color: #fff; } #footer .socialicon { margin: 10px 4px 0 0; } #footerlower { background: transparent url(/templatefiles/uod_footer_shadow.jpg) no-repeat top center; padding: 60px 0 20px; margin: 0 auto 14px; } #footerlower p { color: #333; font-size: 0.85em; margin: 0; } .seostuff { width: 974px; margin: 30px auto 10px; } .seostuff h1, .seostuff p { font-size: 0.9em; text-align: justify; color: #666; padding: 0; border: 0; margin: 0; } /* Fairtrade Logo */ #fairtrade { width: 212px; float: left; margin-top: 15px; } #fairtrade img { float: left; margin: 0 10px 0 0; } #fairtrade span { font-size: 0.85em; color: #fff; } #searchbuttons { display:none; } #sitesearch { } #askquestion { display:none; } #default-question-text { display:none; }