/* CSS Document */ /* General -------------------------------*/ * { margin:0; padding:0; } body { width:100%; height:100%; font-family:Arial, Tahoma, Helvetica, Sans-Serif; font-size:12px; color:#3e3e3e; } h1 { font-size:20px; color:#121212; font-weight:normal; } h2 { font-size:15px; color:#940e0e; font-weight:normal; } h3 { font-size:15px; font-weight:normal; color:#828282; } h4 { font-weight:normal; font-size:13px; color:#940e0e; } h5 { font-weight:normal; font-size:13px; color:#828282; } h6 { font-size:12px; color:#3e3e3e; } p { } img, img a { border:0; } a { color:#940e0e; text-decoration:none; } a:hover { color:#940e0e; text-decoration:underline; } a:active, a:visited { border: none; outline: 0; } .clear { clear:both; margin:0; padding:0; } .hidden { display:none; } .grey { color:#898989; } .red { color:#fa0606; } /* Main sections -------------------------------*/ #container { width:100%; background:#f8f7f4; float:left; border-top:1px solid #f0efed; } #page { width:1050px; margin:0 auto; background:#f8f7f4; } #header { width:100%; float:left; padding:0 0 15px 0; background:#fff; } #top { background:#fff; width:950px; margin:0 auto; } #content { background:#fff url(mysource_files/bg-bottom-content.png) bottom no-repeat; float:left; width:914px; padding:18px 18px 31px 18px; } #footer { clear:left; background:#f8f7f4; width:100%; background:url(mysource_files/bg-footer.png) repeat-x; } div#top-sh { background:url(mysource_files/bg-top-shadow.png) no-repeat; width:994px; height:11px; float:left; margin-left:25px; } div#left-sh { background:url(mysource_files/bg-left-shadow.png) no-repeat; width:31px; height:405px; float:left; clear:left; margin-left:22px; } div#right-sh { background:url(mysource_files/bg-right-shadow.png) no-repeat; width:24px; height:405px; float:left; } div.col_2 { width:705px !important; } /* Header -------------------------------*/ ul#navigation { list-style:none; float:right; } ul#navigation li { float:left; width:auto; margin-left:4px; } ul#navigation li a { color:#fff; padding:13px 8px 0 8px; text-decoration:none; display:block; background:url(mysource_files/bg-nav.png); height:38px; float:left; } ul#navigation li a.selected { background-position: 0 -51px; } ul#navigation li a:hover { background-position: 0 -51px; } div#search-box { clear:right; float:right; margin-top:23px; width:216px; } div#search-box ul{ list-style:none; text-align:right; margin-bottom:10px; } div#search-box ul li{ display:inline; margin-left:20px; font-size:11px; } div#search-box ul li a { color:#a5a4a4; } div#search-box input{ background:url(mysource_files/bg-search-input.png) no-repeat; width:159px; height:21px; float:left; color:#000; border:0; padding-top:3px; margin-right:1px; } div#search-box input.submit { background:url(mysource_files/bg-submit-button.png) repeat-x; width:55px; height:21px; color:#fff; padding-bottom:3px; padding-top:0; } #header img.uni-logo { margin-top:55px; margin-bottom:10px; width:160px; height:36px; } #header a img.uni-logo { width:160px; height:36px; display:block; } #header img.faculty-logo { float:left; width:160px; height:24px; } /* Home Content -------------------------------*/ div#home-banner { background:#fff; } div#home-banner ul { list-style:none; width:316px; float:left; } div#home-banner ul li { float:left; height:73px; width:157px; color:#fff; margin-bottom:1px; margin-right:1px; font-family:Georgia, Arial, Tahoma, Helvetica, Sans-Serif; } div#home-banner ul li span.overlay { display:none; } div#home-banner ul li a { color:#fff; } div#home-banner ul li a:hover .overlay { display:none; position:relative; width:143px; height:42px; margin-top:-53px; padding:8px 7px 0 7px; background:#000; opacity:0.85; filter:alpha(opacity=85); } div#home-banner ul li a:hover .hover { display:block; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* only for Safari*/ div#home-banner ul li a:hover .overlay {float:left;} } div#main-image { float:left; height:369px; } div#main-image .banner { overflow:hidden; float:left; position:relative; height:369px; display:none; } div#main-image .position-1 { display:block; } div#main-image img { position:relative; width:598px; height:369px; } div#main-image .main-overlay { position:relative; width:268px; background:#000; opacity:0.80; filter:alpha(opacity=80); margin-top:-348px; margin-left:330px; padding:5px 0 0 0; } div#main-image .main-overlay .top { padding:0 0 5px 8px; color:#a8a8a8; display:block; text-align:left; font-size:11px; } div#main-image .main-overlay .top .i-icon { background:url(mysource_files/i-icon.jpg) no-repeat; float:right; position:relative; margin-top:-29px; width:22px; height:22px; } div#main-image .main-overlay .top span { color:#fff ; font-size:18px; display:block; margin-bottom:2px; } div#main-image .main-overlay a { color:#fff; display:block; text-decoration:none; border-bottom:1px solid #4d4d4d; } div#main-image .main-overlay .more { display:none; border-top:1px solid #4d4d4d; } div#main-image .main-overlay a:hover { color:#fff; border:0; } div#main-image .main-overlay a:hover .more { display:block; width:100%; background:#000; opacity:0.80; filter:alpha(opacity=80); } div#main-image .main-overlay .more span { padding:15px 0 0 8px; line-height:1.4em; font-size:11px; color:#fff; display:block; } div#main-image .main-overlay .more span.read-more { display:block; color:#a8a8a8; margin-top:3px; padding:0 15px 15px 8px; } div#main-image .main-overlay .more span.read-more:hover { text-decoration:underline; } /* Home - bottom boxes */ /* News & Faculty Today */ div#home-bottom { width:947px; float:left; padding:0 0 0 53px; } div.home-box { width:302px; float:left; margin-top:35px; } div.home-box ul { list-style:none; background:url(mysource_files/bg-nav2.png) repeat-x; float:left; width:302px; height:20px; margin-top:5px; } div.home-box ul.changed { border-bottom:1px solid #dddcd8; } div.home-box ul li { padding-right:10px; float:left; } div.home-box ul li.news-link { padding-right:0; background:#F8F7F4; } div.home-box ul li.news-link a { display:block; border-top:1px solid #dddcd8; border-right:1px solid #dddcd8; width:110px; } div.home-box ul li.active { background:none; } div.home-box ul li.active a { display:block; border-top:0 !important; border-right:1px solid #dddcd8; width:110px; } div.home-box ul li.faculty-link { padding-right:0; } div.home-box ul li.faculty-link a { border-bottom:1px solid #dddcd8; display:block; padding-left:5px; width:186px; } div.home-box ul li.non-active { background:#F8F7F4; } div.home-box ul li.non-active a { border-top:1px solid #dddcd8; border-right:1px solid #dddcd8; display:block; padding-left:5px; width:120px !important; } div.home-box ul li.faculty-link a:hover { border-bottom:1px solid #F8F7F4; } div.home-box ul a span { color:#aaa2a2; text-decoration:none; font-size:18px; font-weight:normal; } div.home-box ul a:hover span { color:#4c4545; } div.home-box ul li a:hover { text-decoration:none; } div.home-box ul li:hover ul.hover { display:block; } div.home-box ul li ul { display:none; height:217px; float:left; width:302px; overflow:hidden; background:#f8f7f4 url(mysource_files/bg-box-bottom-grad.png) bottom repeat-x; padding-top:22px; margin-top:0; } div.home-box ul li ul.news { position:absolute; width:301px; display:block; clear:left; } div.home-box ul li ul.faculty { position:absolute; width:301px; margin-left:-111px; height:218px; } div.home-box ul li ul.faculty img { height:200px; width:auto; margin:0 auto; } div.home-box ul li ul li { padding-bottom:6px; } div.home-box ul li ul li h3 { padding-bottom:3px; } div.home-box ul li.news-link ul li h3 a{ border:0; width:auto; } div.home-box ul li ul li h3 a:hover { text-decoration:underline; } /* Welcome & Quick links */ div.home-box-static { float:right; width:295px; height:263px; background:#f8f7f4 url(mysource_files/bg-box-bottom-grad.png) bottom repeat-x; margin-top:39px; } div.home-box-static h2 { color:#4c4545; font-size:18px; font-weight:normal; border-bottom:1px solid #dddcd8; padding-bottom:1px; } #quick-links { margin-left:30px; } div.home-box-static h3 { padding:24px 0 15px 0; } div.home-box-static p { line-height:1.4em; } div.home-box-static ul { list-style:none; padding-top:24px; } div.home-box-static ul li{ background:url(mysource_files/bg-bullet.png) left 5px no-repeat; padding-left:12px; padding-bottom:10px; line-height:1.4em; } div.home-box-static ul li a { color:#3e3e3e; } div.home-box-static ul li a:hover { color:#9B0101; } /* Footer -------------------------------*/ #footer ul { list-style:none; font-size:11px; } #footer ul li{ float:left; } ul#footer-top { padding:35px 0 35px 53px; float:left; list-style:none; font-size:11px; } ul#footer-top li { margin-right:30px; float:left; } ul#footer-top li.copyright { clear:left; color:#969696; margin-top:4px; font-style:italic; } ul#footer-top li.copyright a { color:#969696; } ul#footer-bottom { margin:0 auto; height:143px; width:986px; } ul#footer-bottom li { float:left; width:168px; background:url(mysource_files/bg-footer-border.png) right no-repeat; height:103px; padding:20px; color:#9b9393; } ul#footer-bottom li.last { background:none; width:540px; padding-right:0; } ul#footer-bottom li.last p { float:left; width:160px; padding-right:15px; color:#9b9393; } ul#footer-bottom h4 { padding-bottom:12px; } ul#footer-bottom h4 a { color:#fff; } ul#footer-bottom p { line-height:1.4em; } ul#footer-bottom p a { color:#9B9393; } /* Left Navigation - inner page -------------------------------*/ div#sub-nav { float:left; width:183px; margin-top:1px; margin-right:20px; } div#sub-nav ul { list-style:none; } div#sub-nav ul li{ border-bottom:1px solid #dddcd8; padding:10px 0; } div#sub-nav ul li a { color:#4c4545; /* border-bottom:1px solid #dddcd8; padding:10px 0;*/ display:block; clear:left; width:183px; } div#sub-nav ul li a.selected { color:#940e0e; } div#sub-nav ul ul { border-left:1px solid #dddcd8; margin-top:12px; padding-left:10px; clear:left; } div#sub-nav ul ul li{ border:0; color:#828282; margin:0 0 7px 0; padding:0; } div#sub-nav ul ul li a { color:#828282; border:0; display:inline; float:none; width:auto; } /* Right sidebar - inner page -------------------------------*/ div#right-sidebar { float:right; width:218px; margin-top:45px; margin-left:20px; } div#right-sidebar div.sidebar-box { margin-bottom:35px; float:left; width:100%; } div#right-sidebar h3 { margin-bottom:10px; color:#121212; float:left; width:100%; font-size:20px; } div#right-sidebar h3.related { font-size:15px; margin-bottom:15px; } div#right-sidebar h3 span.internal { color:#696969; padding-right:15px; padding-left:20px; font-size:12px; background:url(mysource_files/bg-internal-icon.png) right no-repeat; } div#right-sidebar h3 span.external { color:#696969; padding-right:15px; padding-left:20px; font-size:12px; background:url(mysource_files/bg-external-icon.png) right no-repeat; } div#right-sidebar h5 { margin:13px 0; float:left; } div#right-sidebar ul { list-style:none; clear:left; } div#right-sidebar ul.news li { margin-bottom:5px; } div#right-sidebar ul.links li { background:url(mysource_files/bg-bullet.png) left 6px no-repeat; clear:left; padding-left:15px; } div#right-sidebar ul li { padding-bottom:8px; } div#right-sidebar ul li a { color:#828282; } div#right-sidebar ul li a:hover { color:#950000; } div#right-sidebar p { line-height:1.4em; } div#right-sidebar p.img-info { background:#dddcd8; color:#3e3e3e; margin-top:1px; float:left; width:218px; height:91px; overflow:hidden; } div#right-sidebar p.img-info span { padding:5px 10px 0 10px; display:block; } div.sidebar-box img { float:left; width:218px; } div#right-sidebar p.img-info a{ display:block; padding:15px 10px 0 10px; } div#right-sidebar p.small-pagination { width:218px; background:#e9e8e8; float:left; } div#right-sidebar p.small-pagination span { float:left; height:20px; background:#e9e8e8; width:184px; text-align:center; padding-top:6px; color:#5b5b5b; } div#right-sidebar p.small-pagination span.prev{ background:url(mysource_files/prev-nav.png) no-repeat; float:left; width:17px; height:27px; padding:0; } div#right-sidebar p.small-pagination span.next{ background:url(mysource_files/next-nav.png) no-repeat; float:right; width:17px; height:27px; padding:0; } /* Middle content - inner page -------------------------------*/ div#middle { margin-top:10px; float:right; width:472px; } #breadcrumbs { margin-bottom:15px; color:#a8a8a8; } div#middle h1 { margin-bottom:15px; } div#middle h2, div#middle h3, div#middle h4, div#middle h5, div#middle h6 { margin-bottom:12px; padding-top:4px; clear:left; } div#middle p { margin-bottom:15px; line-height:1.4em; } div#middle ul { list-style:none; } div#middle ul li { background:url(mysource_files/bg-bullet.png) left 4px no-repeat ; padding-bottom:5px; padding-left:15px; } /* Middle content - channel page -------------------------------*/ div#channel-main-image { margin-bottom:30px; float:left; width:472px; } div.sh-box { height:279px; } div.lg-box { height:371px; } div#channel-main-image p { background:#000; opacity:0.80; filter:alpha(opacity=80); float:left; position:relative; margin-top:-53px; margin-bottom:1px; width:452px; color:#fff; padding:10px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* only for Safari*/ div#channel-main-image p {margin-top:-52px;} } div#channel-main-image p span.left { font-size:16px; float:left; padding-top:8px; width:290px; } div#channel-main-image p span.right { font-size:12px; font-style:italic; float:right; } div#channel-main-image p span.right span{ color:#adadad; display:block; text-align:right; } div#channel-main-image p .info { display:none; } div#channel-main-image p a { color:#fff; text-decoration:none; } div#channel-main-image p:hover { margin-top:-96px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* only for Safari*/ div#channel-main-image p:hover {margin-top:-94px;} } div#channel-main-image p:hover .info { clear:left; padding-top:18px; } div#channel-main-image p:hover .hover { display:block; } div#channel-main-image div#img-nav img { width:108px; } div#channel-main-image img.main { margin:0; width:472px; height:279px; } div#channel-main-image div#img-nav { width:472px; float:left; } div#channel-main-image div#img-nav div { width:109px; float:left; } div#channel-main-image div#img-nav div.prev { background:#000 url(mysource_files/bg-prev-arrow.png) center no-repeat ; float:left; width:18px; height:90px; margin-right:1px; } div#channel-main-image div#img-nav div.next { background:#000 url(mysource_files/bg-next-arrow.png) center no-repeat ; float:right; width:17px; height:90px; } div#middle div.header { border-bottom:1px solid #DDDCD8; float:left; margin-bottom:25px; width:457px; } div#middle div.header ul { list-style:none; float:right; padding-top:10px; } div#middle div.header ul li{ background:none; display:inline; border-right:1px solid #AEAEAE; padding:0 5px; } div#middle div.header ul li.title { color:#A72221; border:0; padding-right:10px; } div#middle div.header ul li.last { border:0; padding-right:0; } div#middle div.header ul li a{ color:#828282; } div#middle div.header ul li a:hover{ color:#A72221; } /* Course Finder */ div#middle .course-finder { margin-top:30px; } div#middle .course-finder h2 { float:left; color:#4c4545; font-size:18px; margin-right:10px; } div#middle .course-finder .box { border:1px solid #eaeaea; padding:4px 0 0 0; margin-bottom:20px; float:left; width:455px; } div#middle .course-finder .box img { float:right; padding-right:4px; padding-bottom:4px; } div#middle .course-finder .box h3 { margin-bottom:1px; margin-top:20px; padding-left:10px; float:left; } div#middle .course-finder .box p { padding-left:10px; float:left; clear:left; } div.loading { clear:left; padding-top:50px; text-align:center; } div.loading img { margin-bottom:12px; } div.loading p{ margin-left:12px; margin-right:12px; color:#940E0E; } div.loading p.loading-info{ text-align:left; color:#9B9393; font-size:11px; margin-top:30px; } div#keyword-load { border:1px solid #EAEAEA; margin-top:80px; } div#results-load { border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; background:#F5F4F3; padding-bottom:16px; } div#results-load p { text-align:center; } /* Academic Programmes -------------------------------*/ div.box span.plus { background:url(mysource_files/plus-minus.png) no-repeat; width:20px; height:20px; margin-top:25px; cursor:pointer; float:right; margin-right:20px; position:relative; } div#middle div.box:hover .plus { background-position: 0 -20px; } div#middle .course-finder .box img.course-info-overlay { margin-right:-40px; } div.box .box-bottom { border-top:1px solid #eaeaea; padding:10px; float:left; display:none; width:435px; } div.box .box-bottom p { padding:10px 0 8px 0; } div#middle div.box .box-bottom ul { list-style:none; float:left; width:100%; margin-left:10px; } div#middle div.box .box-bottom ul li { background:none; padding-left:0; margin-right:10px; width:127px; float:left; } div#middle div.box .box-bottom ul li a{ background:none; color:#828282; } div#middle div.box:hover .box-bottom { display:block; } /* Search Results -------------------------------*/ .inner-search { float:left; margin-bottom:30px; margin-top:10px; } .inner-search input { background:url(mysource_files/bg-search-input.png) no-repeat; width:159px; height:21px; float:left; color:#000; border:0; padding-top:3px; margin-right:1px; } .inner-search input.submit { background:url(mysource_files/bg-submit-button.png) repeat-x; width:55px; height:21px; color:#fff; padding-bottom:3px; padding-top:0; text-align:center; } .inner-search label { display:block; color:#121212; margin-bottom:8px; font-size:13px; } div#middle ul#search-results { list-style:none; margin-top:20px; float:left; } div#middle ul#search-results li { background:none; margin-bottom:10px; padding-left:0; } div#middle ul#search-results li h3 { margin-bottom:6px; } div#middle ul#search-results li h3 a{ } div#middle ul#search-results li p { margin-bottom:6px; } div#middle ul#search-results li p.url { color:#828282; } div#middle p.pagination { background:#f8f8f7; border-bottom:1px solid #ebeae7; text-align:center; padding:5px 0; clear:left; } div#no-results { background:url(mysource_files/bg-no-results.jpg) 10px 15px no-repeat ; padding:10px; border:1px solid #eaeaea; clear:left; } div#no-results h2{ padding-left:95px; padding-top:10px; } div#no-results p { color:#828282; padding-left:95px; } /* Other - inner page -------------------------------*/ div#middle ul.bottom-icons { list-style:none; margin-top:20px; padding-bottom:0px; font-style:italic; float:right; } div#middle ul.bottom-icons li { background:none; } div#middle ul.bottom-icons li#send-to-friend a{ background:url(mysource_files/bg-icon-send.png) 0 2px no-repeat ; margin-bottom:4px; } div#middle ul.bottom-icons li#print a{ background:url(mysource_files/bg-icon-print.png) 5px 1px no-repeat; } div#middle ul.bottom-icons li a { color:#828282; padding-left:27px; } div#middle ul#tabs { list-style:none; width:100%; float:left; margin-bottom:20px; } div#middle ul#tabs li { float:left; background:none; padding:0; } div#middle ul#tabs li a { color:#4c4545; background:#f1f1ef; display:block; padding:4px 6px; border:1px solid #dddcd8; } div#middle ul#tabs li.first a { border-left:0; } div#middle ul#tabs li a:hover { background:#fff; text-decoration:none; border-bottom:0; } .top { text-align:right; margin-right:12px; } div#ataGlanceHeader { margin-bottom: 10px; color:#940E0E; font-weight:bold; } div#key-facts ul li{ background:none; padding-left:0; } /* Archive & Video Bank- 2 column -------------------------------*/ div.list-box { float:left; width:330px; height:165px; margin-right:20px; } div.list-box-video { float:left; width:330px; height:190px; margin-bottom:15px; margin-right:20px; } .all { height:auto !important; width:100% !important; } div#middle div.list-box-video p { margin-bottom:0; } h2.archive { border-bottom:1px solid #dddcd8; color:#4c4545; padding-bottom:2px; margin-top:10px; margin-right:20px; } div#middle div.list-box h3, div#middle div.list-box-video h3 { font-size:13px; clear:none; } div.list-box h3 a, div.list-box-video h3 a { color:#828282; } div.list-box h3 a:hover, div.list-box-video h3 a:hover { color:#9b0101; } div#middle p.more-results { text-align:right; margin:10px 23px 0 0; clear:left; } div.list-box img, div.list-box-video img { float:left; width:115px; height:auto; margin-right:8px; margin-top:5px; } /* Course Finder -------------------------------*/ div#course-left-sidebar { width:180px; float:left; margin-top:30px; } div#course-keyword { width:225px; float:left; margin:30px 15px 0 20px; } div#course-results { width:460px; float:left; margin-top:30px; } div#course-left-sidebar h2, div#course-keyword h2, div#course-results h2 { color:#4c4545; font-size:18px; } div#course-left-sidebar ul { list-style:none; background:#f5f4f3; border-right:1px solid #dddcd8; padding-bottom:175px; } div#course-keyword ul { list-style:none; margin-top:65px; } div#course-left-sidebar ul li { background:none; padding:0; border-bottom:1px solid #dddcd8; } div#course-left-sidebar ul li.first { color:#a72221; padding:14px 4px; } div#course-left-sidebar ul li a { color:#3E3E3E; display:block; padding:9px 4px; width:180px; } div#course-left-sidebar ul li a:hover, div#course-left-sidebar ul li a.selected { background:#fff url(mysource_files/grey-arrow.png) 165px center no-repeat; display:block; padding:9px 4px; } div#course-left-sidebar ul li.first:hover { background:none; } div#middle div#course-keyword ul li { background:none; padding:0; float:left; width:225px; } div#course-keyword ul li a { color:#3E3E3E; text-decoration:none; padding:5px 0; display:block; width:225px; } div#course-keyword ul li a:hover, div#course-keyword ul li a.selected { text-decoration:underline; color:#9b0101; background:#f1f1ef url(mysource_files/arrow-bg-grey.png) right no-repeat; display:block; padding:5px 0; } div#filter { background:#f5f4f3; border-bottom:1px solid #dddcd8; border-left:1px solid #dddcd8; float:left; width:436px; padding:12px 10px 13px 10px; margin-bottom:25px; } div#filter p { float:left; color:#a72221; margin-bottom:0; } div#filter ul{ color:#828282; list-style:none; float:right; } div#filter ul li { display:inline; background:none; border-right:1px solid #aeaeae; padding:0 10px; } div#filter ul li.last { border:0; } div#filter ul li a { color:#828282; } div#filter ul li a:hover { color:#a72221; cursor:pointer; } div#results { background:#f5f4f3; border-top:1px solid #dddcd8; border-left:1px solid #dddcd8; width:456px; height:200px; clear:left; } /* Home micro site -------------------------------*/ div#micro-left { float:left; width:405px; margin-left:50px; margin-top:30px; } div#micro-left h2{ color:#4c4545; font-size:20px; border-bottom:1px solid #dddcd8; margin-bottom:22px; } div#micro-left h4 { margin-bottom:20px; font-size:14px; } div#micro-left p { margin-bottom:18px; line-height:1.4em; } div#middle ul.view-all { list-style:none; float:right; margin-top:50px; } div#middle ul.view-all li{ background:none; display:inline; border-right:1px solid #c0c0c0; padding:0 7px; color:#828282; } div#middle ul.view-all li.no-border{ border:0; } /* Forms - contact is -------------------------------*/ div#form { margin-top:30px; } div#form p label { float:left; width:110px; color:#3e3e3e; font-weight:bold; } div#form p input{ width:200px; } div#form p select { width:200px; } div#form p textarea { width:204px; } div#form p input.submit { background:url(mysource_files/bg-submit-button.png) repeat-x; width:55px; height:21px; float:right; margin-right:156px; padding-bottom:3px; color:#fff; border:0; cursor:pointer; } div#form ul { color:#fa0606; margin-bottom:10px; } div#form ul li { background:none; padding:0; } div#form p label.error { color:#fa0606; }