/* used by the Starter Publishing master page for fixed width display */ /* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */ @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Black.svg#Raleway-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BlackItalic.svg#Raleway-BlackItalic') format('svg'); font-weight: 900; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-BoldItalic.svg#Raleway-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraBoldItalic.svg#Raleway-ExtraBoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Italic.svg#Raleway-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ExtraLightItalic.svg#Raleway-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-LightItalic.svg#Raleway-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Light.svg#Raleway-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Medium.svg#Raleway-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-MediumItalic.svg#Raleway-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Regular.svg#Raleway-Regular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBoldItalic.svg#Raleway-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-ThinItalic.svg#Raleway-ThinItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap;} @font-face { font-family: 'Raleway'; src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.eot'); src: url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.woff2') format('woff2'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.woff') format('woff'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.ttf') format('truetype'), url('http://www.sun.ac.za/Style%20Library/SUN/Fonts/Raleway-Thin.svg#Raleway-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap;} /*Maties.com styles*/ .fullWidthRow {width: 940px; float: left; margin-bottom: 30px;} .fullWidthRow h1 { background-image:url('http://www.sun.ac.za/english/maties/PublishingImages/home/Hero-text-strip.jpg'); color: #fff !important; font-size: 35px; padding: 24px 20px; width: 900px; float: left; margin: 0; font-weight: 700;} .twoColumnRow {width: 940px; float: left; margin-bottom: 30px;} .maroonBlock {width: 405px; float: left; margin-right: 30px; background-image: url(http://www.sun.ac.za/english/maties/PublishingImages/home/maroon-toghter-pattern-bg.jpg); padding: 90px 20px 90px 30px; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 0px 0px 30px 0px; -moz-border-radius: 0px 0px 30px 0px; border-radius: 0px 0px 30px 0px;} .maroonBlock h2 {color: #fff !important; font-size: 42px; margin-bottom: 0px; float: left; font-weight: 700; width: 100%; float: left; line-height: 48px !important;} .maroonBlock h4 {color: #b79962; font-size: 25px; float: left; font-weight: 700; width: 100%; float: left;} .goldBlock {width: 405px; float: left; background-image: url(http://www.sun.ac.za/english/maties/PublishingImages/home/gold-toghter-pattern-bg.jpg); padding: 90px 20px 90px 30px; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 0px 0px 30px 0px; -moz-border-radius: 0px 0px 30px 0px; border-radius: 0px 0px 30px 0px;} .goldBlock h2 {color: #fff !important; font-size: 42px; margin-bottom: 0px; float: left; font-weight: 700; width: 100%; float: left; line-height: 48px !important;} .goldBlock h4 {color: #61223b !important; font-size: 25px; float: left; font-weight: 700; width: 100%; float: left;} .threeColumnRow {width: 940px; float: left; margin-bottom: 30px;} .threeColumnRow .columnImageBanner {width: 293px; float: left; margin-right: 30px;} .threeColumnRow .columnImageBanner.noMargin {margin-right: 0px;} .threeColumnRow .columnImageBanner h3 {font-size: 16px; font-weight: 700; color: #fff; background-image: url(http://www.sun.ac.za/english/maties/PublishingImages/home/maties-arrow.png); background-repeat: no-repeat; background-position: right 10px bottom 50%; padding: 10px 50px 10px 10px; margin-top: 0px} .threeColumnRow .columnImageBanner.redRibbon h3 { background-color: #a71d41; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px;} .threeColumnRow .columnImageBanner.orangeRibbon h3 { background-color: #db4827; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; } .threeColumnRow .columnImageBanner.seabreezeRibbon h3 { background-color: #74c8b0; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; } .columnList {width: 253px; float: left; margin-right: 30px; background: url(http://www.sun.ac.za/english/PublishingImages/Corporate%20Identity/toghter-pattern-small.png); padding: 20px 20px 20px 20px;} .columnList.noMargin {margin-right: 0px !important} .threeColumnRow .columnList {width: 253px; float: left; margin-right: 30px;} .columnList h5 {font-size: 20px; font-weight: 700; line-height: 25px;} .columnList a {font-size: 15px; font-weight: 600; border-bottom: 1px solid #c3c3c3; width: 233px; margin: 0px; padding: 10px; float: left;} .threeColumnRow .columnIcon {background-color: #f6f2f3; color: #60203b; margin-right: 30px; width: 253px; padding: 20px; height: 48px; font-size: 17px !important; float: left; font-weight: bold !important;} .threeColumnRow .columnIcon.noMargin { margin-right: 0px } .threeColumnRow .columnLink {padding: 10px 10px; width: 280px; margin-right: 20px; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; background-color: #fff; } .threeColumnRow .columnLink.noMargin { margin-right: 0px } .threeColumnRow .columnLink a { width: 100%; float: left; color: #60203b; padding-bottom: 7px;} #s4-titlerow { background-color: transparent; margin: 0; padding: 0; height: auto; } .ms-srch-sb-border, .ms-srch-sb-borderFocused, .ms-srch-sb-border:hover{ border: none; } #sideNavBox{ display:none; } .masthead{ background-color:#D0D2D1; } .ms-signInLink { padding:0px;} .SUN_carousel_banner { background-color:#EBE3DC!important; width:100%; height:310px; left:0; position:absolute; margin-top:0!important; box-shadow:#999999 0 1px 8px 0; display:none!important; } /*overrides*/ .container-fluid{ padding:0px!important; } body { color: #333333; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 14px; line-height: 20px; padding:0!important; } .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText > span > .ms-metadata { color: #fff!important; } .navbar-inverse .navbar-inner { background-repeat:repeat; background-image:url('../Images/SUN_navbg.jpg'); border-color: #252525; background-color:#2B0D18; } .navbar-inner .container{ max-width:940px; margin:auto; } .ms-navedit-editLinksText { display:none !important; } /*3 Homepage Components */ .SUN_home3items h3{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:24px; font-weight:normal; background-color:#25293F; color:#fff; padding:10px; margin:0px 0px 10px 0px; } .SUN_home3items h4{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:18px; font-weight:normal; background-color:#ccc; padding:10px; margin:0px; color:#25293F; } .SUN_home3items a{color:#25293F; } .SUN_home3items .SUN_tab_readmore a{ background-color:#25293F; color:#fff; text-decoration:none; padding:6px 8px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:11px; } .SUN_home3items .span6{ background-color:#ccc; position:relative; text-indent:10px; font-size:12px!important; height:196px!important; } .SUN_vision_content{ max-height:105px; margin:13px; overflow:hidden; } .SUN_home3items ul {padding:0px 35px;;} html,body { height:100%; } #wrap { min-height: 100%; } #s4-bodyContainer { min-height: 100%!important; padding-bottom: 0px; } .SUN_header_banner .container-fluid, .SUN_body { max-width:940px!important; margin:auto; } /* ----- comment section ----- */ .SUN_comment_item .SUN_comment_date { color:#5A1A34; font-weight:bold; font-size:12px; border-top:1px dashed #5A1A34; margin-top:2.5%; padding-top:2.5%; } .SUN_comments_container input[type="submit"] { background:#5A1A34; color:#fff; border:0; } .SUN_comment_title a:link, .SUN_comment_title a:active, .SUN_comment_title a:visited { font-size:16px; font-weight:normal; } .SUN_comment_title a:hover { color:#5A1A34; } /* ----- error page styles ----- */ .error-content img { width:100%; max-height:394px; max-width:1024px; } .error-content h2, .error-content p { display:none; } /* ----- Student page styles ----- */ div.SUN_student_rollup { border-left: 0px solid #E5E5E5; border-right: 0px solid #E5E5E5; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px; list-style: none outside none; min-height: 290px; padding: 0px 0px 60px; position: relative; background-color:#E8E8E8; width: 23.0769%; } .SUN_student_rollup .SUN_tab_readmore a { background-color: #25293F; color: #FFFFFF; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; padding: 6px 8px; text-decoration: none; } .SUN_student_rollup .SUN_tab_readmore { background-image: url("../images/SUN_tag_arrow.png"); background-position: right bottom; background-repeat: no-repeat; bottom: 10px; padding-bottom: 9px; position: absolute; right: -7px; } .SUN_span_3 .SUN_tab_readmore { background-image: url("../images/SUN_tag_arrow.png"); background-position: right bottom; background-repeat: no-repeat; bottom: 5px; padding-bottom: 9px; position: absolute; right: -7px; } .SUN_span_3 .SUN_tab_readmore a { background-color: #25293F; color: #FFFFFF; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 11px; padding: 6px 8px; text-decoration: none; } .SUN_span_3 { float:left; background-color:#666; width: 23.0769% !important; display:block; position:relative; min-height:30px; } .SUN_span_3 span:first-child{ display:inline-block; padding:15px 10px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:17px; color:#fff; } .SUN_students_bottom_container { border-top:1px dashed #ccc; padding-top:1%; } .SUN_student_heading { display:block; width:100%; } .SUN_student_heading span { padding:10px; color:#fff; font-size:17px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; display:block; min-height:30px; } .SUN_student_body span { display:block; padding:0px; } .SUN_student_body{ height:178px; overflow:hidden; padding:10px; } .SUN_student_dGreen { background:#1C5F58; } .SUN_student_gGreen { background:#259026; } .SUN_student_green { background:#3D8A1A; } .SUN_student_blue { background:#223D71; } .SUN_student_dRed { background:#9B161D; } .SUN_student_orange { background:#EE4E48; } .SUN_student_red { background:#B4162C; } /* ----- search styles ----- */ .SUN_quickselect_container input[type="button"] { float:right; display:block; width:auto; color:#fff; margin: 7px 0 0 0; padding:0; max-width:20px; max-height:23px; min-width:20px; min-height:23px; background:url('../Images/SUN_quikclink_icon.png') no-repeat center center #5A1A34; border:0; } /* ----- search styles ----- */ .ms-srch-item-previewContainer { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #D1D1D1; display: none; margin-left: -115px; margin-top: 10px; position: absolute; text-align: center; width: 100px; } .ms-srchnav-link-selected:link, .ms-srchnav-link-selected:visited, .ms-srchnav-link:hover, .ms-srchnav-link-selected:hover, .ms-srch-resultFooter a:hover { color: #551E33; } .ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover { background-color: transparent; } li.ms-srch-ellipsis a { color:#333; margin-left:10px; } li.ms-srch-ellipsis a:hover { color:#551E33 !important; margin-left:10px; } .ms-srch-sb > .ms-srch-sb-navLink { display: none; } .ms-srch-result #Paging li { margin: 0 -2px; padding:11px 0px; height:39px; background:#e8e8e8; } .ms-promlink-button { border:0; } .ms-srch-result #Paging a:hover, .ms-srch-result #PagingSelf a { color:#551E33; } a#PageLinkPrev { background:url('../Images/SUN_search_prev.png') no-repeat center center; width:27px; height:29px; } .ms-promlink-button { padding:4px 0px; } a#PageLinkNext { background:url('../Images/SUN_search_next.png') no-repeat center center; width:27px; height:29px; } .ms-promlink-button-image { display:block; } .ms-srch-item-title h3.ms-srch-ellipsis a.ms-srch-item-link:link, .ms-srch-item-title h3.ms-srch-ellipsis a.ms-srch-item-link:active, .ms-srch-item-title h3.ms-srch-ellipsis a.ms-srch-item-link:hover, .ms-srch-item-title h3.ms-srch-ellipsis a.ms-srch-item-link:visited { color:#333!important; } .ms-srch-item-path { color:#666!important; } .ms-ref-refiner #Value, .ms-ref-unsel-toggle, #OtherValue, #SubmitValue { /*padding:0;*/ line-height:10px; } .ms-ref-name, .ms-ref-name:hover { color:#333!important; } .ms-ref-refiner #Value a, .ms-ref-unsel-toggle { line-height:15px; } .ms-ref-refinername:link, .ms-ref-refinername:visited { padding:0; } .SUN_search_header { border-bottom:5px solid #25293F; margin:10px 0px; } .SUN_search_header span { display:block; width:auto; max-width:111px; background-color:#25293F; color:#fff; font-family:Georgia; font-size:17px; padding:5px 10px; } /* ----- staff list styles ----- */ .SUN_staff_ul li:last-child { border-bottom: 0 solid #FFFFFF; } .SUN_staff_ul li:first-child { border-top: 0 solid #FFFFFF; } .SUN_staff_name a, .SUN_staff_name { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:16px; line-height:18px; color:#531E33; display:block; padding-top:10px; padding-bottom:20px; width:200px; float:left; } .SUN_staff_body { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:12px; color:#000; display:block; float:left; line-height:12px; padding-top:10px; width:200px; } .SUN_staff_container { display:inline-block; background-color:#ededed; border-bottom:1px dashed #CDCDCD; min-height:240px; overflow:hidden; min-width:50%; float:left; } .SUN_staff_img_container { width:160px; float:left; margin-right:20px; width:160px; text-align:center; padding:20px 0px 20px 20px; } .SUN_staff_img_container img { width:106px; height:160px; text-align:center; } .SUN_staff_category { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#591933; margin:10px 0px; } .SUN_staff_ul { margin:0; padding:0; } .SUN_staff_ul li { list-style-type:none; } .SUN_staff_back_fix { background-color:#ededed; margin-bottom:5px; margin-top:5px; } /* ----- A to Z list styles ----- */ a.SUN_back_top_button:link, a.SUN_back_top_button:visited, a.SUN_back_top_button:active, a.SUN_back_top_button:hover { float:right; background: url(../Images/SUN-top-arrow.png) no-repeat 90% 5px #551E33; margin-top:10px; padding:5px; padding-top:10px; color:#fff; } ul.SUN_a_z_nav { border-bottom:1px dashed #333; border-top:1px dashed #333; min-height: 30px; margin:5px 0px !important; padding: 0 70px; background-color:#fff !important; } ul.SUN_a_z_nav li { float:left; border:0; background:#fff; margin: 8px 5px 5px; padding:0; min-height:20px; } ul.SUN_a_z_nav li.active a { background:#666; text-transform:uppercase; color:#fff; } .SUN_a_z_nav a { padding:3px 6px; } .SUN_a_z_nav a:link, .SUN_a_z_nav a:visited { background:#551E33; text-transform:uppercase; color:#fff; } .SUN_a_z_nav a:hover { background:#666; text-transform:uppercase; color:#fff; } .SUN_a_z_Name { float:left; width:60%; overflow:hidden; } .SUN_a_z_Name span { color:#541E33; background-color:#d4d4d4; padding:5px 10px; display:block; width:100%; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif } .SUN_a_z_Name ul { background-color:#e8e8e8 !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; } .SUN_a_z_Category { float:left; width:40%; overflow:hidden; } .SUN_a_z_Category span { color:#541E33; background-color:#e2dedb; padding:5px 10px; display:block; width:100%; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif } .SUN_a_z_Category ul { background-color:#f6f2ef !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; } .SUN_a_z_Category ul li, .SUN_a_z_Name ul li { padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .SUN_a_z_Location { display:none; } /* Banners Containers */ .SUN_toplinks_banner{ background-image:url('../Images/SUN_bg_toplinks.jpg'); background-repeat:repeat-x; overflow:visible; height:36px; color:#fff; line-height:36px; font-family:Arial, Helvetica, sans-serif!important;; font-size:12px; } .SUN_header_banner{ background-image:url('../Images/SUN_bg_header.jpg'); background-repeat:repeat-x; /*background-color: rgba(255, 255, 255, 0.80);*/ /*height:140px;*/ } .SUN_topNav_banner{ background-image:url('../Images/SUN_bg_nav.jpg'); background-repeat:repeat-x; height:50px; } /* langugae toggle */ .SUN_language-toggle { float:right; width:auto; } .SUN_language_toggle .ms-signInLink, .SUN_language-toggle .SUN_lan_toggle_button { background-color: #E8E8E8; box-shadow: 0 1px 2px 0 #999999; color: #999999; height:auto; line-height:20px; margin-right:5px; } .SUN_language_toggle a, .SUN_language-toggle a{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; text-transform:uppercase; font-size:12px; color:#fff; padding:10px; text-decoration:none; float:right; } .SUN_language_toggle .active, .SUN_language-toggle .active{ background-color:#E8E8E8; color:#999; box-shadow: 0px 1px 2px 0px #999; } .SUN_language_toggle a:hover, .SUN_language-toggle a:hover{ background-color:#E8E8E8; color:#50182F; } .SUN_logo{ width:105px; height:111px; } .ms-siteicon-img { display: block; max-height: 141px; max-width: 380px; } .ms-siteicon-a { display: inline-block; max-height: 121px; max-width: 126px; padding:10px 0px; } /* ----- Footer -----*/ .SUN_footer { margin:0 auto; background:url(../images/SUN_bg_footer.jpg) repeat; max-width:980px; width:100%; font-size: 12px; } .SUN_footer .span3 { width:22.448%; } .SUN_footer ul{ margin-bottom: 15px; margin-top: 15px; padding-left: 30px; padding-top: 15px; padding-bottom: 15px; height:100%; border-left: 1px solid #b79962; } ul.SUN_middle_ul { padding-bottom:32px; } .SUN_footer p { color:#fff; padding-top:15px; border-left: 1px solid #b79962; padding-left:30px; padding-bottom: 15px; margin:0; font-size: 12px; margin-bottom: 15px; margin-top: 15px; } .SUN_bottom_nav{ color: #333333; font-size: 18px; min-height: 30px; padding-top: 7px; text-align: center; display: none; } .SUN_bottom_nav.SUN_light_horizontal_gradient_top_nav_static {display: block; text-align: right; margin-right: -12px; color: #61223b} .SUN_bottom_nav.SUN_light_horizontal_gradient_top_nav_static a {color: #61223b} .SUN_bottom_nav a{ color:#333!important; padding:2px 12px 2px 5px; font-size:13px; letter-spacing:-0.5px;} a.SUN_vert_line:link { border-right:1px solid #333; } a.SUN_vert_line_light:link { border-right:1px solid #999 !important; } .SUN_footer_logo img { width:100%; min-width:73px; max-width:180px; } .SUN_footer a{ color:#fff;} .SUN_footer a:hover{ color:#fff;} .SUN_footer_logo{ margin:auto; text-align:center; padding:20px; margin-top: 40px;} .SUN_footer li{ list-style:url(../images/SUN_footer_bullet.png); margin-left:20px;} .SUN_footer_social_icons { width:93px; margin:-10px auto 0 auto; display: none; } a.SUN_footer_twitter:link, a.SUN_footer_twitter:active, a.SUN_footer_twitter:visited { background:url(../images/SUN_footer_twitter_icon.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } a.SUN_footer_twitter:hover { background:url(../images/SUN_splash_twitter_icon_over.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } a.SUN_footer_facebook:link, a.SUN_footer_facebook:active, a.SUN_footer_facebook:visited { background:url(../images/SUN_footer_facebook_icon.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } a.SUN_footer_facebook:hover { background:url(../images/SUN_splash_facebook_icon_over.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } a.SUN_footer_youtube:link, a.SUN_footer_youtube:active, a.SUN_footer_youtube:visited { background:url(../images/SUN_footer_youtube_icon.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } a.SUN_footer_youtube:hover { background:url(../images/SUN_splash_youtube_icon_over.png) no-repeat center center; display:block; float:left; height:21px; width:21px; margin:5px; } /*---Search Box ----*/ .searchbox{ float:right; width:300px; margin-bottom:10px; } #SearchBox{ margin-top:17px; float:right; font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; } .ms-srch-sb > input { background-color: #ccc; border-style: none; display: inline-block; height: 18px; margin: 0 0 0 5px; outline-style: none; padding: 3px 22px 3px 4px; width: 170px; } .ms-srch-sb > .ms-srch-sb-searchLink { height: 20px; margin-left: -22px; width: 20px; } .SUN_select { width: 196px; height: 23px; overflow: hidden; background: url(../Images/SUN_down_arrow.png) no-repeat right #ccc; border-style: none; margin:7px 0px 0px 5px; float:right; } /* Welcome Header Area */ .SUN_header{ padding:30px 0px; text-transform:uppercase; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:18px; color:#666; } .SUN_updateable_heading{ text-transform:none; font-size:28px; color:#5A1A34; display:block; } /* Social Links */ .SUN_social_container{ float:right; margin:7px; } .SUN_social{ width:25px; height:21px; background-image:url('../Images/SUN_icons_social.png'); display:inline-block; text-indent:-9999px; } .SUN_twitter{ background-position:0px 0px; } .SUN_twitter:hover{ background-position:0px -21px; } .SUN_fb{ background-position:-25px 0px!important; } .SUN_fb:hover{ background-position:-25px -21px!important; } .SUN_youtube{ background-position:-50px 0px!important; } .SUN_youtube:hover{ background-position:-50px -21px!important; } .SUN_event_date { display:block; color:#5A1A34; font-size:30px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; float:left; padding:4px 0px; min-width:30px; } .SUN_event_month { display:block; float:left; min-width:30px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; color:#333333; padding:0px 0px 5px 0px; margin-right:3%; margin-left:3%; font-size:12px; } .SUN_tab_readmore a { background-color:#5A1A34; color:#fff; text-decoration:none; padding:6px 8px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:11px; } .nav-tabs li { float:left; font-size:14.4px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} .nav-tabs .active li{ background-color:#DEDEDE!important; } .tab-pane li { list-style:none; padding:10px; border-bottom:1px solid #ccc; font-size:12px; line-height:13px; min-height:25px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; } .tab-pane li:last-child { border-bottom:0px solid #fff;} .nav-tabs { margin-bottom:0px!important; margin-top:0px;} .tab-content { overflow: auto; background-color:#dedede; } .tab-content ul { margin:10px; padding:5px 5px 25px 5px; min-height:170px; background-color:#efefef } /*----News Rollup -----*/ .SUN_news_rollup { list-style:none; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:12px; padding:10px 10px 60px 10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; position:relative; line-height:13px; min-height:186px; vertical-align:top; } .SUN_news_rollup img{ float:left; margin-bottom:10px;} div.SUN_news_rollup:first-child+div{ /*background-color:#e8e8e8;*/ border:none; } .SUN_news{ vertical-align:top!important; position:relative; } .row-fluid .SUN_news .span3 { position:relative; width:33%; height:250px; vertical-align:top!important; float:left; margin-left: 0 !important; } .SUN_news_rollup h2:first-child+div{ color:#666666; } .SUN_news_rollup img. .carousel img{ max-width:100%; } .carousel { margin-bottom:0px!important;} .SUN_news_rollup h2 { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:18px; line-height:18px; font-weight:normal; color:#5A1A34; min-height:115px; } .SUN_news_rollup .SUN_tab_readmore a{ background-color:#61223b; color:#fff; text-decoration:none; padding:6px 28px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:11px; -moz-border-radius: 0px 0px 10px 3px; -webkit-border-radius: 0px 0px 10px 3px; border-radius: 0px 0px 10px 3px; -khtml-border-radius: 0px 0px 10px 3px; } .SUN_news_rollup .SUN_tab_readmore { /*background-image:url(../images/SUN_tag_arrow.png); */ position:absolute; right:13px; bottom:10px; background-position:bottom right; background-repeat:no-repeat; padding-bottom:11px; font-weight: 600; } .carousel-caption > a.SUN_readmore { background-color: #61223b; color: #fff; text-decoration: none; padding: 8px 30px 8px 15px; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 14px; position: absolute; bottom: -30px; left: 0px; font-weight: 600; -moz-border-radius: 0px 0px 16px 0px; -webkit-border-radius: 0px 0px 16px 0px; border-radius: 0px 0px 16px 0px; -khtml-border-radius: 0px 0px 16px 0px; } .SUN_carousel_container{ position:relative; max-width:940px; } .carousel-inner .item img { height:310px; } .carousel-linked-nav, .item img { display: block; margin: 0 auto; } .carousel-linked-nav { width: 120px; margin-bottom: 20px; } .carousel-linked-nav { position:absolute; width:auto; bottom:1%; left:43%; } /* Elastislide Style */ .es-carousel-wrapper{ padding:10px 27px; position:relative; position:relative; margin-bottom:20px; } .es-carousel{ overflow:hidden; } .es-carousel ul{ display:none; } .es-carousel ul li{ height:100%; float:left; display:block; } .es-carousel ul li a{ display:block; border-color:#222; opacity:0.8; -webkit-touch-callout:none; /* option */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .es-carousel ul li.selected a{ border-color:#fff; opacity:1.0; } .es-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; } .es-nav span{ position:absolute; top:50%; left:8px; background:transparent url(../images/nav_thumbs.png) no-repeat top left; width:14px; height:26px; margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8; } .es-nav span.es-nav-next{ right:8px; left:auto; background-position:top right; } .es-nav span:hover{ opacity:1.0; } /*---Splash page gradient fill and containers ----*/ .SUN_splash_background { margin:0; top:0; bottom:0; left:0; max-height:100%; min-height:100%; max-width:100%; min-width:100%; height:100%; border:0px solid #000; position:fixed; overflow:hidden; } a.SUN_splash_youtube_icon:link, a.SUN_splash_youtube_icon:visited, a.SUN_splash_youtube_icon:active { display:block; float:left; margin:0px; background: url(../Images/SUN_splash_youtube_icon.png) no-repeat center center; height:21px; width:21px; z-index:1001; } a.SUN_splash_youtube_icon:hover { display:block; float:left; margin:0px; background: url(../Images/SUN_splash_youtube_icon_over.png) no-repeat center center; height:21px; width:21px; z-index:1001; } a.SUN_splash_facebook_icon:link, a.SUN_splash_facebook_icon:visited, a.SUN_splash_facebook_icon:active { display:block; float:left; margin:0px 10px; background: url(../Images/SUN_splash_facebook_icon.png) no-repeat center center; height:21px; width:21px; z-index:1001; } a.SUN_splash_facebook_icon:hover { display:block; float:left; margin:0px 10px; background: url(../Images/SUN_splash_facebook_icon_over.png) no-repeat center center; height:21px; width:21px; z-index:1001; } a.SUN_splash_twitter_icon:link, a.SUN_splash_twitter_icon:visited, a.SUN_splash_twitter_icon:active { display:block; float:left; margin:0px; background: url(../Images/SUN_splash_twitter_icon.png) no-repeat center center; height:21px; width:21px; z-index:1001; } a.SUN_splash_twitter_icon:hover { display:block; float:left; margin:0px; background: url(../Images/SUN_splash_twitter_icon_over.png) no-repeat center center; height:21px; width:21px; z-index:1001; } .SUN_splash_social_container img { float:left; margin:-10px 5px 0 5px; } .SUN_splash_social_container { width:83px; margin:auto; z-index:1001; } .SUN_splash_body_left, .SUN_splash_body_right { float:left; margin:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; color:666; padding-top:5px; padding-bottom:5px; line-height:20px; } .SUN_splash_body_left span { text-transform:capitalize; font-size:24px; text-align:right; } .SUN_splash_body_left { text-align:right; border-right:1px solid #666; margin-right:20px; padding-right:20px; } .SUN_splash_body_right { text-align:left; } .SUN_splash_body_right span { text-transform:capitalize; font-size:24px; text-align:right; } .SUN_splash_body { width:560px; margin:60px auto 0px auto; } .SUN_splash_header { margin:auto; width:auto; text-align:center; color:#8D989B; letter-spacing:2px; padding:0 5px; padding-top:15%; } .SUN_splash_name { margin-top:20px; } .SUN_splash_slogan { margin-top:3px; } .SUN_splash_name span { text-transform:uppercase; } .SUN_splash_slogan span { text-transform:lowercase; } .SUN_splash_disc { background:url(../Images/SUN_splash_disc.png) no-repeat center left; padding-left:13px; } .SUN_splash_nav_container { width:190px; margin:auto; } a.SUN_splash_nav:link, a.SUN_splash_nav:visited, a.SUN_splash_nav:hover, a.SUN_splash_nav:active { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; display:block; margin:12px; padding:10px; width:auto; float:left; font-family:Raleway, Trebuchet, Helvetica; } a.SUN_splash_nav:hover { background-color:#fff; color:#541E33; text-decoration:none; font-family:Raleway, Trebuchet, Helvetica; } .SUN_splash_nav_strip { background: url(../Images/SUN_splash_strip.png) repeat-x; width:100%; padding: 13px 0 23px; position:relative; } .SUN_fluid_splash_container { width:100%; position:relative; margin-bottom:2%; } /* Banners Containers */ .SUN_toplinks_banner .container, .SUN_topNav_banner .container, .SUN_header_banner .container, .SUN_body { } .SUN_toplinks_banner{ background-image:url('../Images/SUN_bg_toplinks.jpg'); background-repeat:repeat-x; overflow:visible; height:36px; color:#fff; line-height:36px; font-family:Arial, Helvetica, sans-serif!important;; font-size:12px; } .SUN_topNav_banner{ background-image:url('../Images/SUN_bg_nav.jpg'); background-repeat:repeat-x; height:50px; } /* ----- Navigation ----- */ a.SUN_view_all_link:link, a.SUN_view_all_link:active, a.SUN_view_all_link:visited, a.SUN_view_all_link:hover { background: url(../images/SUN_view_all_link_icon.png) no-repeat 90% center #25293F; text-align:center; padding:5px 25px 5px 15px; float:right; color:#fff; } a.SUN_view_student_link:link, a.SUN_view_student_link:active, a.SUN_view_student_link:visited, a.SUN_view_student_link:hover { background: url(../images/SUN_view_all_link_icon.png) no-repeat 90% center #25293F; text-align:center; padding:5px 25px 5px 15px; float:right; color:#fff; } /* ----- Article pages styles ----- */ .clearAll {clear:both;height:0;} .SUN_article_banner { background-color: #EBE3DC !important; box-shadow: 0 1px 8px 0 #999999; max-height: 310px; min-height: 310px; left: 0; margin-top: 0 !important; position: absolute; width: 100%; z-index:-1001; } .SUN_article_tags { display:block; background:#dfe1e2; padding-top:1px; padding-bottom:1px; } .SUN_article_tags_heading { border-bottom:1px solid #dfe1e2; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:1.2em; padding:10px; display:block; background:#fff; margin:10px; margin-bottom:1px; } .SUN_article_tag_body { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:0.85em; padding:10px; display:block; background:#fff; margin:10px; margin-top:1px; } .SUN_article_cat { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; padding:15px 0px; background:#dfe1e2; display:block; text-align:center; margin-bottom:10px; } .SUN_events_cat { font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; padding:15px 0px; background:#dfe1e2; display:block; text-align:center; margin-bottom:10px; } .SUN_article_text { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:1.000em; border-top:1px solid #ccc; float:left; padding-top:20px; } .SUN-article-container { padding-bottom:1%; position:relative; max-height:310px; } .SUN-article-container img { width:100%; max-width:940px; } .SUN_banner{ max-width:940px; height:310px; position:relative; overflow: hidden; } .SUN-article-header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65); max-width: 275px; position:absolute; bottom:20%; width: 275px; padding: 10px 15px 5px; position: absolute; color:#fff; font-size:28px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; line-height:28px; } .SUN_article_auth { width:30%; float:left; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:1.0em; /*letter-spacing:-0.5px;*/ color:#835366; padding-bottom:10px; margin-bottom:10px; } .SUN_article_auth span, .SUN_article_pub_date span { font-weight:bold; } .SUN_article_pub_date { width:70%; float:right; text-align:right; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:1.0em; /*letter-spacing:-0.5px;*/ color:#835366; padding-bottom:10px; margin-bottom:10px; } .SUN_article_pub_date a{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; color:#835366; padding-left:10px; font-weight:bold; } /*---Search Box ----*/ .SUN_searchbox{ float:right; margin-top:17px; } .ms-srch-sb > input { background-color: #ccc; border-style: none; display: inline-block; height: 18px; margin: 0 0 0 5px; outline-style: none; padding: 3px 22px 3px 4px; width: 170px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:12px!important; border-radius: 0px; } .ms-srch-sb > .ms-srch-sb-searchLink { height: 20px; margin-left: -22px; width: 20px; } .SUN_select select { background: transparent; width: 230px; padding: 5px; font-size: 12px; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; font-family:Raleway, Trebuchet, Helvetica; } .SUN_select { width: 176px; height: 23px; overflow: hidden; background: url(../Images/SUN_down_arrow.png) no-repeat right #ccc; border-style: none; margin:7px 0px 0px 5px; } /* Welcome Header Area */ .SUN_header{ padding:30px 0px; text-transform:uppercase; font-family:'Raleway', Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:18px; color:#666; display: none; } .SUN_updateable_heading{ text-transform:none; font-size:28px; color:#5A1A34; display:block; line-height:30px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; } /* Wrapper for page content to push down footer */ .clearAll {clear:both;height:0;} #wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto 0 auto; } /* Set the fixed height of the footer here */ #push, #footer { margin-top:20px; } #footer { background:url(../images/SUN_bg_footer.jpg) repeat; } /* ----- CSS3 Gradients ----- */ .SUN_outer_container_gradient { background: rgb(185,180,175); /* Old browsers */ background: -moz-linear-gradient(top, rgba(185,180,175,1) 0%, rgba(235,227,220,1) 25%, rgba(255,255,255,1) 50%, rgba(235,227,220,1) 70%, rgba(193,187,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,180,175,1)), color-stop(25%,rgba(235,227,220,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(235,227,220,1)), color-stop(100%,rgba(193,187,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b4af', endColorstr='#c1bbb7',GradientType=0 ); /* IE6-9 */ } .SUN_light_horizontal_gradient { background: rgb(235,227,220); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX"); background: -moz-linear-gradient(top, rgba(235,227,220,1) 0%, rgba(206,200,195,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,227,220,1)), color-stop(100%,rgba(206,200,195,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe3dc', endColorstr='#cec8c3',GradientType=0 ); /* IE6-8 */ } .SUN_opaque_gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX"); background: -moz-linear-gradient(top, rgba(102,102,102,0.5) 0%, rgba(51,51,51,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0.5)), color-stop(100%,rgba(51,51,51,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#80333333',GradientType=0 ); /* IE6-8 */ } /*---faculty ----*/ .SUN_fac_content h2{ font-size:28px; color:#591933; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} .SUN_fac_content{ min-height:150px;} /*news and event section*/ .SUN_tabevent_container .nav-tabs > .active > a, .SUN_tabevent_container .nav-tabs > .active > a:hover { background-color:#25293F; color:#fff; } .SUN_tabevent_container .nav-tabs > li > a, .nav-pills > li > a { line-height: 14px; margin-right: 2px; padding-left: 25px; padding-right: 25px; } .SUN_tabevent_container{ margin-top:20px!important; } .SUN_tabevent_container .tab-content ul { margin:0px 0px 0px 0px;} .SUN_tabevent_container h3{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:32px; line-height:34px; font-weight:normal; padding:0px 0px 5px 0px!important; margin:0px;} .SUN_tabevent_container h4{ font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:18px; font-weight:normal; padding:0px 0px 5px 0px!important; margin:0px;} .SUN_tabevent_container .nav-tabs { border-bottom: 5px solid #25293F; padding-bottom:1px; } .SUN_author{ color:#25293F; font-style:italic; padding-bottom:3px;} .SUN_tabevent_container tab-content ul{ margin:0; height:auto; min-height:inherit;} .SUN_Catergories li, .SUN_highlights li{ min-height:0!important;} .SUN_highlights ul { min-height:0px; margin-bottom:10px; } .SUN_highlights li img{float:left; width:196px!important;height:60px!important; } .SUN_tabevent_container .tab-content{ background-color:#fff;} .SUN_tabevent_container li img{float:left; width:200px; margin-right:10px;height:70px; margin-bottom:5px;} .SUN_tabevent_container ul.content{ list-style:none; margin:0px; } .SUN_tabevent_container .content li{padding:12px; background-color:#CDCDCD; border-bottom:1px dashed #999; line-height:12px; min-height:70px; } .content li:nth-child(even) { background-color:#fff; } .SUN_tabevent_container a{color:#551E33;} .SUN_tabevent_container .tab-pane li { border-bottom: 1px solid #CCCCCC; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px; list-style: none outside none; padding: 10px; min-height:70px; color:#333; } #paging_container1{ position:relative; } .ellipse{ float: left; } .page_navigation , .alt_page_navigation{ padding-bottom: 10px; display:table-cell; text-align:center; width:100%; height:30px; } .SUN_paging_control a, .SUN_paging_control a{ padding:3px 5px; margin:2px; color:white; text-decoration:none; font-family: Segoe UI; font-size: 12px; background-color:#551E33; } .SUN_paging_control div{ background-color:white !important; color:black !important; display:inline-block; text-align:center; } .content, .alt_content{ color: black; } .content li, .alt_content li, .content > p{ } .content li.NewsFirstItem { min-height:160px!important; } .content li.NewsFirstItem img { height:100px!important; width:250px!important; } .content li.NewsFirstItem h4 { font-size:30px; line-height:32px; } .SUN_highlights, .SUN_Catergories { background-color:#CDCDCD;} .SUN_highlights h3, .SUN_Catergories h3 { background-color:#551E33; padding:7px 15px!important; color:#fff; font-size:22px; font-weight:normal;} .SUN_Catergories { margin-top:20px;} .SUN_label{ font-weight:bold; width:70px; display:inline-block; padding:1px 0px; line-height:10px;} .SUN_author_label{ font-weight:bold; padding:1px 0px;} .SUN_highlights li{ margin:0px!important; list-style:none; line-height:12px; padding:10px 10px; border-bottom:1px dashed #999; } .SUN_highlights ul{ margin:0px!important; list-style:none; padding:0px 0px; } /* ----- A to Z list styles ----- */ .SUN_a_z_body_container ul { clear:both; margin:0!important; padding:0!important; min-height:inherit !important; background:#F6F2EF; } .SUN_a_z_body_container ul li { width:100%; padding:0; margin:0; } .SUN_a_z_body_container { width:100%; clear:both; background:#E2DEDB; } a.SUN_back_top_button:link, a.SUN_back_top_button:visited, a.SUN_back_top_button:active, a.SUN_back_top_button:hover { float:right; background: url(../images/SUN-top-arrow.png) no-repeat 95% center #551E33; margin-top:10px; padding:5px; padding-right:20px; color:#fff; } ul.SUN_a_z_nav { border-bottom:1px dashed #333; border-top:1px dashed #333; min-height: 30px; margin:5px 0px !important; background-color:#fff !important; } .SUN_a_z_nav a { padding:3px 6px; } .SUN_a_z_nav a:active { background:#666; text-transform:uppercase; color:#fff; } .SUN_a_z_nav a:link, .SUN_a_z_nav a:visited { background:#551E33; text-transform:uppercase; color:#fff; } .SUN_a_z_nav a:hover { background:#666; text-transform:uppercase; color:#fff; } .SUN_a_z_Name { float:left; width:42.4%; overflow:hidden; display:block; color:#541E33; background-color:#d4d4d4; padding:5px 10px; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; } .SUN_a_z_Name_body { float:left; width:42.4%; min-height:17px; overflow:hidden; display:block; color:#000; background-color:#e8e8e8; padding:5px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .SUN_a_z_Name_body a{ color:#000; } .SUN_a_z_Name ul { background-color:#e8e8e8 !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; } .SUN_a_z_Category { float:left; width: 25.6%; overflow:hidden; display:block; color:#541E33; background-color:#e2dedb; padding:5px 10px; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; } .SUN_a_z_Cat_body { float:left; min-height:17px; width: 25.6%; overflow:hidden; display:block; color:#000; background-color:#f6f2ef; padding:5px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .SUN_a_z_Category ul { background-color:#f6f2ef !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; } .SUN_a_z_Category ul li, .SUN_a_z_Name ul li { padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-height:17px; } .SUN_a_z_Location{ float:left; width:25.6%; overflow:hidden; display:block; color:#541E33; background-color:#d4d4d4; padding:5px 10px; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; } .SUN_a_z_Location_body { float:left; min-height:17px; width:25.6%; min-height:17px; overflow:hidden; display:block; color:#000; background-color:#e8e8e8; padding:5px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } /*-------------Faculty Color Change--------------*/ .facultyAgri .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_agriscience.png'); text-indent:-9999px; background-repeat:no-repeat; height:57px; width:201px; } .facultyAgri_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agriwetenskap.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:57px; width:257px; } .facultyAgri .navbar-inverse .navbar-inner, .facultyAgri_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_agri.jpg')!important;; background-repeat:repeat-x; background-color:#295D11!important; border:0px!important; } .facultyAgri_afr .SUN_tab_readmore a, .facultyAgri .SUN_tab_readmore a, .facultyAgri .carousel-caption > a.SUN_readmore, .facultyAgri_afr .carousel-caption > a.SUN_readmore, .facultyAgri_afr .pagination li.active a, .facultyAgri .pagination li.active a, .facultyAgri_afr .pagination a:hover, .facultyAgri .pagination a:hover, .facultyAgri .accordion, .facultyAgri_afr .accordion { background-color: #3D8A1A!important; } .facultyTheology .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_theology.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:54px; width:180px; } .facultyTheology_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_teologie.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:54px; width:180px; } .facultyTheology .navbar-inverse .navbar-inner, .facultyTheology_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_theo.png')!important;; background-repeat:repeat-x; background-color:#29073D!important; border:0px!important; } .facultyTheology_afr .SUN_tab_readmore a, .facultyTheology .SUN_tab_readmore a, .facultyTheology .carousel-caption > a.SUN_readmore, .facultyTheology_afr .carousel-caption > a.SUN_readmore, .facultyTheology_afr .pagination li.active a, .facultyTheology .pagination li.active a, .facultyTheology_afr .pagination a:hover, .facultyTheology .pagination a:hover, .facultyTheology .accordion, .facultyTheology_afr .accordion { background-color: #56117D!important; } .facultyArt .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_arts.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } .facultyArt_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_sosiale.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } .facultyArt_afr .SUN_tab_readmore a, .facultyArt .SUN_tab_readmore a, .facultyArt .carousel-caption > a.SUN_readmore, .facultyArt_afr .carousel-caption > a.SUN_readmore, .facultyArt_afr .pagination li.active a, .facultyArt .pagination li.active a, .facultyArt_afr .pagination a:hover, .facultyArt .pagination a:hover, .facultyArt .accordion, .facultyArt_afr .accordion { background-color: #ff9933!important; } .facultyArt .navbar-inverse .navbar-inner, .facultyArt_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_art.jpg')!important;; background-repeat:repeat-x; background-color:#ff9933!important; border:0px!important; } .facultyEco .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_economy.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:54px; width:277px; } .facultyEco_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_ekonomie.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:54px; width:270px; } .facultyEco_afr .SUN_tab_readmore a, .facultyEco .SUN_tab_readmore a, .facultyEco .carousel-caption > a.SUN_readmore, .facultyEco_afr .carousel-caption > a.SUN_readmore, .facultyEco_afr .pagination li.active a, .facultyEco .pagination li.active a, .facultyEco_afr .pagination a:hover, .facultyEco .pagination a:hover, .facultyEco .accordion, .facultyEco_afr .accordion { background-color: #40C0CB!important; } .facultyEco .navbar-inverse .navbar-inner, .facultyEco_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_eco.png')!important;; background-repeat:repeat-x; background-color:#247278!important; border:0px!important; } .facultyEdu .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_education.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:23px; width:125px; } .facultyEdu_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_opvoedkunde.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:28px; width:172px; } .facultyEdu .navbar-inverse .navbar-inner, .facultyEdu_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_edu.jpg')!important;; background-repeat:repeat-x; background-color:#16294D!important; border:0px!important; } .facultyEdu_afr .SUN_tab_readmore a, .facultyEdu .SUN_tab_readmore a, .facultyEdu .carousel-caption > a.SUN_readmore, .facultyEdu_afr .carousel-caption > a.SUN_readmore, .facultyEdu_afr .pagination li.active a, .facultyEdu .pagination li.active a, .facultyEdu_afr .pagination a:hover, .facultyEdu .pagination a:hover, .facultyEdu .accordion, .facultyEdu_afr .accordion { background-color: #223D71!important; } .facultyEng .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_engineering.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:49px; width:200px; } .facultyEng_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_ingenieurs.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:49px; width:242px; } .facultyEng_afr .SUN_tab_readmore a, .facultyEng .SUN_tab_readmore a, .facultyEng .carousel-caption > a.SUN_readmore, .facultyEng_afr .carousel-caption > a.SUN_readmore, .facultyEng_afr .pagination li.active a, .facultyEng .pagination li.active a, .facultyEng_afr .pagination a:hover, .facultyEng .pagination a:hover, .facultyEng .accordion, .facultyEng_afr .accordion { background-color: #DFAC12!important; } .facultyEng .navbar-inverse .navbar-inner, .facultyEng_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_eng.jpg')!important;; background-repeat:repeat-x; background-color:#B1880F!important; border:0px!important; } .facultyLaw .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_law.png')!important; text-indent:-9999px; height:21px; width:52px; } .facultyLaw_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_regs.png')!important; text-indent:-9999px; height:28px; width:204px; } .facultyLaw_afr .SUN_tab_readmore a, .facultyLaw .SUN_tab_readmore a, .facultyLaw .carousel-caption > a.SUN_readmore, .facultyLaw_afr .carousel-caption > a.SUN_readmore, .facultyLaw_afr .pagination li.active a, .facultyLaw .pagination li.active a, .facultyLaw_afr .pagination a:hover, .facultyLaw .pagination a:hover, .facultyLaw .accordion, .facultyLaw_afr .accordion { background-color: #9B161D!important; } .facultyLaw .navbar-inverse .navbar-inner, .facultyLaw_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_law.jpg')!important;; background-repeat:repeat-x; background-color:#6F1016!important; border:0px!important; } .facultyHealth .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_health2.png')!important; text-indent:-9999px; height:56px; width:323px; } .facultyHealth_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_genees2.png')!important; text-indent:-9999px; height:56px; width:323px; } .facultyHealth .navbar-inverse .navbar-inner, .facultyHealth_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_health.jpg')!important;; background-repeat:repeat-x; background-color:#144540!important; border:0px!important; } .facultyHealth_afr .SUN_tab_readmore a, .facultyHealth .SUN_tab_readmore a, .facultyHealth .carousel-caption > a.SUN_readmore, .facultyHealth_afr .carousel-caption > a.SUN_readmore, .facultyHealth_afr .pagination li.active a, .facultyHealth .pagination li.active a, .facultyHealth_afr .pagination a:hover, .facultyHealth .pagination a:hover, .facultyHealth .accordion, .facultyHealth_afr .accordion { background-color: #144540!important; } .facultyMil .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_military.png')!important; text-indent:-9999px; height:61px; width:260px; } .facultyMil_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_military.png')!important; text-indent:-9999px; height:61px; width:260px; } .facultyMil .navbar-inverse .navbar-inner, .facultyMil_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_mil.jpg')!important;; background-repeat:repeat-x; background-color:#A73633!important; border:0px!important; } .facultyMil_afr .SUN_tab_readmore a, .facultyMil .SUN_tab_readmore a, .facultyMil .carousel-caption > a.SUN_readmore, .facultyMil_afr .carousel-caption > a.SUN_readmore, .facultyMil_afr .pagination li.active a, .facultyMil .pagination li.active a, .facultyMil_afr .pagination a:hover, .facultyMil .pagination a:hover, .facultyMil .accordion, .facultyMil_afr .accordion { background-color: #A73633!important; } .facultySci .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_science.png')!important; text-indent:-9999px; height:22px; width:93px; } .facultySci_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_wetenskap.png')!important; text-indent:-9999px; height:28px; width:250px; } .facultySci .navbar-inverse .navbar-inner, .facultySci_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_sci.jpg')!important;; background-repeat:repeat-x; background-color:#790E1E!important; border:0px!important; } .faculty_health_aci .SUN_updateable_heading{ background-image:url('../Images/ACIweblogo.png')!important; text-indent:-9999px; height:28px; width:300px; } .faculty_health_aci_afr .SUN_updateable_heading{ background-image:url('../Images/AKIweblogo_afr.png')!important; text-indent:-9999px; height:28px; width:300px; } .facultySci_afr .SUN_tab_readmore a, .facultySci .SUN_tab_readmore a, .facultySci .carousel-caption > a.SUN_readmore, .facultySci_afr .carousel-caption > a.SUN_readmore, .facultySci_afr .pagination li.active a, .facultySci .pagination li.active a, .facultySci_afr .pagination a:hover, .facultySci .pagination a:hover, .facultySci .accordion, .facultySci_afr .accordion { background-color: #B4162C!important; } .ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 { color: #5A1A34; line-height: 0.9; } .SUN_staff_body a{ color:#5A1A34; } .SUN_view_all a { background: none repeat scroll 0 0 #DFE1E2; display: block; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 1.5em; margin-bottom: 10px; padding: 15px 0; text-align: center; color:#333!important; } .SUN_view_student a { background: none repeat scroll 0 0 #666; display: block; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size:17px; margin-bottom: 10px; padding: 15px 0; text-align: center; color:#fff!important; } .content ul{ list-style:none; } .content li{ list-style:none; } .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; overflow: hidden; text-align: justify; text-overflow: ellipsis; white-space: nowrap; color:#5A1A34; } .ci .SUN_updateable_heading{ background-image:url('../Images/SUN_community.png'); text-indent:-9999px; height:49px; width:210px; } .ci_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_Gemeenskapsinteraksie.png'); text-indent:-9999px; height:49px; width:245px; } .elections .SUN_updateable_heading{ background-image:url('../Images/SUN_elections_src.png'); text-indent:-9999px; background-repeat:no-repeat; height:70px; width:225px; } .elections_afr .SUN_updateable_heading { background-image:url('../Images/SUN_elections_src.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:70px; width:260px; } .elections .navbar-inverse .navbar-inner, .elections_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_elections.jpg')!important;; background-repeat:repeat-x; background-color:#21855F !important; border:0px!important; } .elections_afr .SUN_tab_readmore a, .facultyAgri .SUN_tab_readmore a, .elections .carousel-caption > a.SUN_readmore, .elections_afr .carousel-caption > a.SUN_readmore, .elections_afr .pagination li.active a, .elections .pagination li.active a, .elections_afr .pagination a:hover, .elections .pagination a:hover { background-color: #295D11!important; } .src .SUN_updateable_heading{ background-image:url('../Images/SUN_src.png')!important; text-indent:-9999px; height:82px; width:205px; } .src_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_src.png')!important; text-indent:-9999px; height:82px; width:205px; } .botanical_garden .SUN_updateable_heading{ background-image:url('../Images/SUN_entity_botanical_garden.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .botanical_garden_afr .SUN_updateable_heading { background-image:url('../Images/SUN_entity_botanical_garden.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .ci_mgd .SUN_updateable_heading{ background-image:url('../Images/SUN_ci_mgd.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .ci_mgd_afr .SUN_updateable_heading { background-image:url('../Images/SUN_ci_mgd.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .alumni .SUN_updateable_heading{ background-image:url('../Images/SUN_Alumni.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:301px; } .alumni_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_Alumni.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:301px; } .ada_aia .SUN_updateable_heading{ background-image:url('../Images/SUN_Entity_ADA_AIA.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .ada_aia_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_Entity_ADA_AIA.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } .entities_css_eng .SUN_updateable_heading{ background-image:url('../Images/Woordfees-logo-wit-met-stellenbosch2014.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:250px; } .entities_css_afr .SUN_updateable_heading{ background-image:url('../Images/Woordfees-logo-wit-met-stellenbosch2014.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:250px; } .suncep .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_education_suncep.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:220px; } .suncep_afr .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_education_suncep_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:220px; } /*--------------Updates the English ‘Welcome To’ image of AgriScience's Genetics Department--------------*/ .faculty_agri_genetics .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_agri_genetics.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of AgriScience's Genetics Department--------------*/ .faculty_agri_genetics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_genetics_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of AgriScience's Food Science Department--------------*/ .facultyAgri_food_science .SUN_updateable_heading{ background-image:url('../Images/SU_faculty_agri_food_science_eng.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of AgriScience's Food Science Department--------------*/ .facultyAgri_food_science_afr .SUN_updateable_heading { background-image:url('../Images/SU_faculty_agri_food_science_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of AgriScience's Soil Science Department--------------*/ .facultyAgri_soil_science .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_agri_soil.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of AgriScience's Soil Science Department--------------*/ .facultyAgri_soil_science_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_soil_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of Economy's Industrial Psychology Department--------------*/ .faculty_economy_industrial_psychology .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_industrial_psychology_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of Economy's Industrial Psychology Department--------------*/ .faculty_economy_industrial_psychology_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_industrial_psychology_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of Economy's Industrial Psychology Department--------------*/ .faculty_science_physics_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_physics_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of Economy's Industrial Psychology Department--------------*/ .faculty_science_physics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_physics_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Learning Technologies--------------*/ .management_centre_learning_technologies_eng .SUN_updateable_heading { background-image:url('../Images/SUN_management_centre_learning_technologies_english.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Learning Technologies--------------*/ .management_centre_learning_technologies_afr .SUN_updateable_heading { background-image:url('../Images/SUN_management_centre_learning_technologies_afrikaans.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Academic Planning and Quality Assurance--------------*/ .apq_eng .SUN_updateable_heading { background-image:url('../Images/APQ_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Academic Planning and Quality Assurance--------------*/ .apq_afr .SUN_updateable_heading { background-image:url('../Images/APQ_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Telematic Services--------------*/ .management_telematic_services_eng .SUN_updateable_heading { background-image:url('../Images/SUN_management_telematic_services_english.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Telematic Servies--------------*/ .management_telematic_services_afr .SUN_updateable_heading { background-image:url('../Images/SUN_management_telematic_services_afrikaans.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Plant Pathology website --------------*/ .plant_pathology_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_plant_pathology_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Plant Pathology website --------------*/ .plant_pathology_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_plant_pathology_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the English ‘Welcome To’ image of the AC4TR4 Website 'Panama Disease Africa'--------------*/ .faculty_agri_panama_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_panama_disease_africa.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the AC4TR4 Website 'Panama Disease Africa'--------------*/ .faculty_agri_panama_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_panama_disease_africa_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Horticulture Website --------------*/ .faculty_agri_horticulture_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_horticulture.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Horticulture Website --------------*/ .faculty_agri_horticulture_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_horticulture_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the PRASA Website --------------*/ .faculty_eng_mech_prasa .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_eng_mech_prasa.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the PRASA Website --------------*/ .faculty_eng_mech_prasa_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_eng_mech_prasa.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Infectious Diseases Website --------------*/ .health_cid_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_health_cid.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Infectious Diseases Website --------------*/ .health_cid_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_health_cid.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the SPL Website --------------*/ .economy_spl_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_SPL.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SPL Website --------------*/ .economy_spl_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_SPL.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English Welcome To image of SPL's Accerus Centre--------------*/ .economy_spl_accerus .SUN_updateable_heading{ background-image:url('../Images/SUN_faculty_economy_SPL_Accerus_eng.png'); text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans Welcome To image of SPL's Accerus Centre--------------*/ .economy_spl_accerus .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_SPL_Accerus_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Music Website --------------*/ .arts_music_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_music_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Music Website --------------*/ .arts_music_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_music_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Accounting Website --------------*/ .economy_accounting_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_accounting_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Accounting Website --------------*/ .economy_accounting_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_accounting_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Student Counselling & Development Website --------------*/ .student_affairs_cscd_eng .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_t_and_l_cscd_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Student Counselling & Development Website --------------*/ .student_affairs_cscd_afr .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_t_and_l_cscd_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:68px; width:183px; } /*--------------Updates the English ‘Welcome To’ image of the Woordfees Website --------------*/ .woordfees_eng .SUN_updateable_heading { background-image:url('../Images/SUN_navbg_woordfees.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:68px; width:183px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Woordfees Website --------------*/ .woordfees_afr .SUN_updateable_heading { background-image:url('../Images/SUN_navbg_woordfees.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Changes the colour of the navigation of a site--------------*/ .woordfees_eng .navbar-inverse .navbar-inner, .woordfees_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg_woordfees.jpg')!important;; background-repeat:repeat-x; background-color:#000000 !important; border:0px!important; } /*--------------Changes the colour of the ‘Read More’ strips on the webparts--------------*/ /*--------------Student blocks, News Carousel, Events & Notices--------------*/ .woordfees_afr .SUN_tab_readmore a, .woordfees_eng .SUN_tab_readmore a, .woordfees_eng .carousel-caption > a.SUN_readmore, .woordfees_afr .carousel-caption > a.SUN_readmore, .woordfees_afr .pagination li.active a, .woordfees_eng .pagination li.active a, .woordfees_afr .pagination a:hover, .woordfees_eng .pagination a:hover { background-color: #c82119!important; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Stellenbosch Good Governance Forum Website (SGGF) --------------*/ .economy_spl_sggf_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_spl_sggf.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Stellenbosch Good Governance Forum Website (SGGF) --------------*/ .economy_spl_sggf_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_spl_sggf.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Mathematics Divsion --------------*/ .science_mathsci_mathematics_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_mathematical_sciences_mathematics_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Mathematics Division --------------*/ .science_mathsci_mathematics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_mathematical_sciences_mathematics_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of Animal Science --------------*/ .agri_animal_science_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_animal_science_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of Animal Science --------------*/ .agri_animal_science_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_animal_science_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of Russel Botman --------------*/ .russelbotman_eng .SUN_updateable_heading { background-image:url('../Images/botman_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:70px; width:280px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of Russel Botman --------------*/ .russelbotman_afr .SUN_updateable_heading { background-image:url('../Images/botman_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:70px; width:280px; } /*--------------Updates the English ‘Welcome To’ image of the CSC website --------------*/ .centre_for_stats_consult_eng .SUN_updateable_heading { background-image:url('../Images/SUN_research_innovation_statistical_consultation_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the CSC website --------------*/ .centre_for_stats_consult_afr .SUN_updateable_heading { background-image:url('../Images/SUN_research_innovation_statistical_consultation_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Statistics & Actuarial Science website --------------*/ .economy_statistics_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_stats_actuarial_science_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Statistics & Actuarial Science website --------------*/ .economy_statistics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_stats_actuarial_science_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Logistics website --------------*/ .economy_logistics_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_logistics_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Logistics website --------------*/ .economy_logistics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_logistics_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Afrikaans & Dutch website --------------*/ .arts_afr_ndl_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_afr_dutch_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Afrikaans & Dutch website --------------*/ .arts_afr_ndl_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_afr_dutch_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Biochemistry website --------------*/ .science_biochem_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_biochem_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Biochemistry website --------------*/ .science_biochem_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_biochem_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Engineering UCM website --------------*/ .engineering_ucm_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_engineering_ucm.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Engineering UCM website --------------*/ .engineering_ucm_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_engineering_ucm.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Journalism website --------------*/ .arts_journalism_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_journalism_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Journalism website --------------*/ .arts_journalism_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_journalism_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Social Work website --------------*/ .arts_social_work_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_social_work_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Social Work website --------------*/ .arts_social_work_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_social_work_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the LRI(Laser Research Institute) website --------------*/ .science_physics_lri_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_physics_lri_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the LRI(Laser Research Institute) website --------------*/ .science_physics_lri_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_physics_lri_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Policy Studies website --------------*/ .education_policy_studies_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_policy_studies_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Policy Studies website --------------*/ .education_policy_studies_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_policy_studies_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Educational Psychology website --------------*/ .education_edupsych_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_edupsych_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Educational Psychology website --------------*/ .education_edupsych_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_edupsych_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Sport Science website --------------*/ .education_sport_science_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_sport_science_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Sport Science website --------------*/ .education_sport_science_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_sport_science_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Curriculum Studies website --------------*/ .education_curriculum_studies_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_curriculum_studies_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Curriculum Studies website --------------*/ .education_curriculum_studies_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_curriculum_studies_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Matieland website --------------*/ .matieland_eng .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_matieland.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Matieland website --------------*/ .matieland_afr .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_matieland.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the English ‘Welcome To’ image of the Research Development website --------------*/ .research_development_eng .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_research_innovation_research_development_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Research Development website --------------*/ .research_development_afr .SUN_updateable_heading { background-image:url('../Images/SUN_corporate_research_innovation_research_development_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the English ‘Welcome To’ image of the Postgraduate & International Office website --------------*/ .pgio_eng .SUN_updateable_heading { background-image:url('../Images/SUN_pgio.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Postgraduate & International Office website --------------*/ .pgio_afr .SUN_updateable_heading { background-image:url('../Images/SUN_pgio.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the English ‘Welcome To’ image of the BNS wesbite under Theology website --------------*/ .bnc_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_theology_BNS.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the BNC wesbite under Theology website --------------*/ .bnc_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_theology_BNS.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the English ‘Welcome To’ image of the Business Management wesbite under Economics website --------------*/ .faculty_economy_business_management .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_business_management.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Business Management wesbite under Economics website --------------*/ .faculty_economy_business_management_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_business_management_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:81px; width:301px; } .bnc_eng .navbar-inverse .navbar-inner, .bnc_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg.png')!important;; background-repeat:repeat-x; background-color:#5A1A34!important; border:0px!important; } .bnc_afr .SUN_tab_readmore a, .facultyTheology .SUN_tab_readmore a, .bnc_eng .carousel-caption > a.SUN_readmore, .bnc_afr .carousel-caption > a.SUN_readmore, .bnc_afr .pagination li.active a, .bnc_eng .pagination li.active a, .bnc_afr .pagination a:hover, .bnc_eng .pagination a:hover, .bnc_eng .accordion, .bnc_afr .accordion { background-color: #5A1A34 !important; } /*--------------Changes the colour of the navigation of a site--------------*/ .SUInt_ADA_eng .navbar-inverse .navbar-inner, .SUInt_ADA_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_ADA_navbg.png')!important;; background-repeat:repeat-x; background-color:#016701 !important; border:0px!important; } /*--------------Updates the English ‘Welcome To’ image of the SU Koor wesbite--------------*/ .koor_eng .SUN_updateable_heading { background-image:url('../Images/usk_logo.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:100px; width:268px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU Koor wesbite --------------*/ .koor_afr .SUN_updateable_heading { background-image:url('../Images/usk_logo.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:100px; width:268px; } /*--------------Updates the English ‘Welcome To’ image of the SU Earth Sciences wesbite--------------*/ .earth_sciences_eng .SUN_updateable_heading { background-image:url('../Images/earth science logo.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:100px; width:268px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU Earth Sciences wesbite --------------*/ .earth_sciences_afr .SUN_updateable_heading { background-image:url('../Images/earth science logo.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:100px; width:268px; } /*--------------Updates the English ‘Welcome To’ image of the SU Choir wesbite --------------*/ .choir_eng .SUN_updateable_heading { background-image:url('../Images/SUN_entity_choir.png'); text-indent:-9999px; background-repeat:no-repeat; height:75px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU Choir wesbite --------------*/ .choir_afr .SUN_updateable_heading { background-image:url('../Images/SUN_entity_choir.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:75px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the SU ARTS History Dept wesbite --------------*/ .arts_history_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_history_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU ARTS History Dept wesbite --------------*/ .arts_history_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_history_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the SU ARTS Ancient Studies wesbite --------------*/ .arts_ancientstudies_eng .SUN_updateable_heading { background-image:url('../Images/SUN_arts_ancient_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU ARTS Ancient Studies wesbite --------------*/ .arts_ancientstudies_afr .SUN_updateable_heading { background-image:url('../Images/SUN_arts_ancient_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Arts Graduate School website --------------*/ .arts_graduate-school_eng .SUN_updateable_heading { background-image:url('../Images/SUN_arts_graduate.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:220px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Arts Graduate School website --------------*/ .arts_graduate-school_afr .SUN_updateable_heading { background-image:url('../Images/SUN_arts_graduate.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:220px; } /*--------------Updates the English ‘Welcome To’ image of the Maties website --------------*/ .maties_eng .SUN_updateable_heading { background-image:url('../Images/SUN_maties.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:87px; width:250px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Maties website --------------*/ .maties_afr .SUN_updateable_heading { background-image:url('../Images/SUN_maties.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:87px; width:250px; } /*--------------Updates the English ‘Welcome To’ image of the SUWI website --------------*/ .suwi_eng .SUN_updateable_heading { background-image:url('../Images/SUN_entity_suwi.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:83px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SUWI website --------------*/ .suwi_afr .SUN_updateable_heading { background-image:url('../Images/SUN_entity_suwi.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:83px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Visual Arts website --------------*/ .visual_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_visual_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:166px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Visual Arts website --------------*/ .visual_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_visual_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:166px; } /*--------------Updates the English ‘Welcome To’ image of the Ekklesia website --------------*/ .ekklesia_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_theology_ekklesia.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Ekklesia website --------------*/ .ekklesia_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_theology_ekklesia.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Changes the colour of the navigation of a site-----Ekklesia---------*/ /*--------------Only use if you have the correct image and colour--------------*/ .ekklesia_eng .navbar-inverse .navbar-inner, .ekklesia_afr .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_navbg.jpg')!important;; background-repeat:repeat-x; background-color:#5A1A34 !important; border:0px!important; } /*--------------Changes the colour of the ‘Read More’ strips on the webparts--------------*/ /*--------------Student blocks, News Carousel, Events & Notices--------------*/ .ekklesia_afr .SUN_tab_readmore a, .ekklesia_eng .SUN_tab_readmore a, .ekklesia_eng .carousel-caption > a.SUN_readmore, .ekklesia_afr .carousel-caption > a.SUN_readmore, .ekklesia_afr .pagination li.active a, .ekklesia_eng .pagination li.active a, .ekklesia_afr .pagination a:hover, .ekklesia_eng .pagination a:hover { background-color: #5A1A34!important; } /*--------------Updates the English ‘Welcome To’ image of the Agronomy website --------------*/ .agronomy_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_agronomy.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Agronomy website --------------*/ .agronomy_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_agronomy.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the SIGLA website --------------*/ .sigla_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_military_sigla.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SIGLA website --------------*/ .sigla_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_military_sigla.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the SSML website --------------*/ .ssml_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_engineering_ssml.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SSML website --------------*/ .ssml_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_engineering_ssml.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the uMAMA website --------------*/ .umama_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_umama.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the uMAMA website --------------*/ .umama_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_umama.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the RUMEUS website --------------*/ .rumeus_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_rumeus.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the RUMEUS website --------------*/ .rumeus_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_education_rumeus.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the CTL website --------------*/ .ctl_eng .SUN_updateable_heading { background-image:url('../Images/SUN_management_ctl.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:250px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the CTL website --------------*/ .ctl_afr .SUN_updateable_heading { background-image:url('../Images/SUN_management_ctl.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:250px; } /*--------------Updates the English ‘Welcome To’ image of the Postharvest website --------------*/ .postharvest_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_postharvest.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Postharvest website --------------*/ .postharvest_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_agri_postharvest.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the CAF website --------------*/ .caf_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_caf.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:194px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the CAF website --------------*/ .caf_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_caf.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:194px; } /*--------------Updates the English ‘Welcome To’ image of the Research Chair for Historical Trauma and Transformation website --------------*/ .rchtt_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_rchtt.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Research Chair for Historical Trauma and Transformation website --------------*/ .rchtt_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_rchtt.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the African Summit website --------------*/ .afrisummit_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_african_summit.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the African Summit website --------------*/ .afrisummit_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_african_summit.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the HR website --------------*/ .hr_eng .SUN_updateable_heading { background-image:url('../Images/SUN_HR_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the HR website --------------*/ .hr_afr .SUN_updateable_heading { background-image:url('../Images/SUN_HR_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the M&HS HR website --------------*/ .hs_hr_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_health2.png')!important; text-indent:-9999px; height:56px; width:323px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the M&HS HR website --------------*/ .hs_hr_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_genees2.png')!important; text-indent:-9999px; height:56px; width:323px; } /*--------------Updates the English ‘Welcome To’ image of the AidsCentre website --------------*/ .aidscentre_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_aidscentre.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the AidsCentre website --------------*/ .aidscentre_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_economy_aidscentre.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Arts Psychology website --------------*/ .arts_psychology_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_psychology.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Arts Psychology website --------------*/ .arts_psychology_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_psychology.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Staffnet website --------------*/ .staffnet_eng .SUN_updateable_heading { background-image:url('../Images/SUN_staffnet.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Staffnet website --------------*/ .staffnet_afr .SUN_updateable_heading { background-image:url('../Images/SUN_staffnet.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the WVS Paper Series website --------------*/ .wvs_paper_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_wvs_paper.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the WVS Paper Series website --------------*/ .wvs_paper_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_wvs_paper.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Computer Science website --------------*/ .compsci_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_compsci_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Computer Science website --------------*/ .compsci_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_compsci_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the UG Bursaries & Loans website --------------*/ .ug_bursaries_eng .SUN_updateable_heading { background-image:url('../Images/SUN_management_ug_bursaries_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the UG Bursaries & Loans website --------------*/ .ug_bursaries_afr .SUN_updateable_heading { background-image:url('../Images/SUN_management_ug_bursaries_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Botany & Zoology website --------------*/ .botany_zoology_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_botzoo.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Botany & Zoology website --------------*/ .botany_zoology_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_botzoo_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Finance website --------------*/ .finance_eng .SUN_updateable_heading { background-image:url('../Images/SUN_finance_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Finance website --------------*/ .finance_afr .SUN_updateable_heading { background-image:url('../Images/SUN_finance_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the SU International Office website --------------*/ .suinternational_eng .SUN_updateable_heading { background-image:url('../Images/SUN_suinternational_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:330px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the SU International Office website --------------*/ .suinternational_afr .SUN_updateable_heading { background-image:url('../Images/SUN_suinternational_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:330px; } /*--------------Updates the English ‘Welcome To’ image of the AfricaSU website --------------*/ .africasu_eng .SUN_updateable_heading { background-image:url('../Images/SUN_africasu_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the AfricaSU website --------------*/ .africasu_afr .SUN_updateable_heading { background-image:url('../Images/SUN_africasu_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:80px; width:300px; } /*--------------Updates the English ‘Welcome To’ image of the Drama website --------------*/ .drama_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_drama_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Drama website --------------*/ .drama_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_drama_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the CEBITA website --------------*/ .cebita_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_cebita_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the CEBITA website --------------*/ .cebita_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_cebita_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the English Dept website --------------*/ .eng_dept_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_english_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the English Dept website --------------*/ .eng_dept_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_arts_english_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Agricultural Economics Dept website --------------*/ .agriecon_eng .SUN_updateable_heading { background-image:url('../Images/SU_faculty_agri_agriecon_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Agricultural Economics Dept website --------------*/ .agriecon_afr .SUN_updateable_heading { background-image:url('../Images/SU_faculty_agri_agriecon_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Bioinformatics Dept website --------------*/ .bioinformatics_eng .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_bioinformatics_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Bioinformatics Dept website --------------*/ .bioinformatics_afr .SUN_updateable_heading { background-image:url('../Images/SUN_faculty_science_bioinformatics_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Facilities Management website --------------*/ .facilities_eng .SUN_updateable_heading { background-image:url('../Images/SUN_facilities_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Facilities Management website --------------*/ .facilities_afr .SUN_updateable_heading { background-image:url('../Images/SUN_facilities_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Information Governance website --------------*/ .ig_eng .SUN_updateable_heading { background-image:url('../Images/SUN_IG_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Information Governance website --------------*/ .ig_afr .SUN_updateable_heading { background-image:url('../Images/SUN_IG_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Information Technology website --------------*/ .it_eng .SUN_updateable_heading { background-image:url('../Images/SUN_IT_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Information Technology website --------------*/ .it_afr .SUN_updateable_heading { background-image:url('../Images/SUN_IT_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the English ‘Welcome To’ image of the Centre for Food Safety website --------------*/ .cfs_eng .SUN_updateable_heading { background-image:url('../Images/SUN_cfs_eng.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*--------------Updates the Afrikaans ‘Welcome To’ image of the Centre for Food Safety website --------------*/ .cfs_afr .SUN_updateable_heading { background-image:url('../Images/SUN_cfs_afr.png')!important; text-indent:-9999px; background-repeat:no-repeat; height:60px; width:200px; } /*Updates the Colour of the Navigation for the ADA Site .ada_afr .navbar-inverse .navbar-inner, .ada_eng .navbar-inverse .navbar-inner { background-image:url('../Images/SUN_ADA_navbg.png')!important;; background-repeat:repeat-x; background-color:#016701!important; border:0px!important; }*/ /*--------------Home Icon--------------*/ .ms-core-listMenu-horizontalBox .static > li:first-child a{ background-image:url('../Images/SUN_mega_menu_icon.png'); background-repeat:no-repeat; background-position:center center; text-indent:-999999px; width:21px; height:21px; } /* Elastislide Style */ .es-carousel-wrapper{ padding:10px 27px; position:relative; position:relative; margin-bottom:20px; background-color:#DEDEDE; } .es-carousel{ overflow:hidden; } .es-carousel ul{ display:none; margin:0px; } .es-carousel ul li{ height:100%; float:left; display:block; } .es-carousel ul li a{ display:block; text-align:center; font-size:11px; color:#666; line-height:12px; border-color:#222; opacity:0.8; -webkit-touch-callout:none; /* option */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .es-carousel ul li.selected a{ border-color:#fff; opacity:1.0; } .es-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; } .es-nav span{ background: none repeat scroll 0 0 #999999; bottom: 10%; color: #FFFFFF; font-size: 30px; font-weight: 100; height: 30px; left: -7px; line-height: 25px; margin-top: 0; position: absolute; text-align: center; width: 30px; cursor:pointer; } .es-nav span.es-nav-next{ background: url('../Images/SUN_dept_next_icon.png') no-repeat center center #999999; right:-8px; left:auto; } .es-nav span.es-nav-prev{ background: url('../Images/SUN_dept_prev_icon.png') no-repeat center center #999999; } .es-nav span:hover{ opacity:1.0; } /* Elastislide Style */ .elastislide-list { list-style-type: none; display: none; } .no-js .elastislide-list { display: block; } .elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ } .elastislide-wrapper { position: relative; background-color: #DEDEDE; margin: 0 auto 10px auto; min-height: 60px; } .elastislide-wrapper.elastislide-loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .elastislide-horizontal { padding: 10px 40px; } .elastislide-carousel { overflow: hidden; position: relative; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding-bottom: 30px; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; width: 135px!important; margin-right:4px; vertical-align:top; } .elastislide-vertical ul li { display: block; width: 135px; vertical-align:top; } .elastislide-carousel ul li a { display: inline-block; width: 135px; white-space:normal; } .elastislide-carousel ul li a img { display: block; margin-right:10px; width: 135px; height:70px; } .SUN_carousel_txt{ display:block; color:#333; line-height:11px; font-size:10px;} /* Navigation Arrows */ .elastislide-wrapper nav span { position: absolute; background: #ddd url(../images/nav.png) no-repeat 4px 3px; width: 23px; height: 23px; background-color:#999; text-indent: -9000px; cursor: pointer; opacity: 0.8; } .elastislide-wrapper nav span:hover { opacity: 1.0 } .elastislide-horizontal nav span { top: 50%; left: -7px; margin-top: -11px; } .elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; } .elastislide-horizontal nav span.elastislide-next { right: -7px; left: auto; background-position: 4px -17px; } .elastislide-vertical nav span.elastislide-next { bottom: 10px; top: auto; background-position: -17px -18px; } /* ----- error page styles ----- */ .SUN_gravity { width:100%; float:left; position:relative; max-height:600px; } a.SUN_error_home { position:absolute; right:10%; z-index:1001; } .SUN_shadow_left { background: url("../Images/SUN_error_shadow.png") no-repeat scroll 0 0 transparent; bottom: 6px; display: none; height: 18px; position: absolute; right: -36px; width: 68px; z-index: -1001; } .SUN_shadow_right { background: url("../Images/SUN_error_shadow.png") no-repeat scroll 0 0 transparent; display: none; height: 18px; margin-left: -40px; margin-top: 67px; position: absolute; width: 68px; z-index: -1001; } .row-fluid { position:relative; } #SUN_nav_wrapper_left, #SUN_nav_wrapper_right { width:49.9999%; float:left; position:relative; } .SUN_error_background { background:url(../Images/SUN_error_breakBack.png) repeat-x; } .SUN_error_left_container, .SUN_error_right_continer { float:left; width:100%; position:relative; max-height:51px; min-height:51px; } .SUN_error_leftBreak { background:url(../Images/SUN_error_breakLeft.png) no-repeat center center; display:block; height:51px; width:51px; position:absolute; right:-20px; } .SUN_error_rightBreak { background:url(../Images/SUN_error_breakRight.png) no-repeat center center; position:absolute; display:block; height:51px; width:51px; position:absolute; left:-20px; } .SUN_container { position:relative; max-width:940px; margin:0 auto; margin-bottom:-51px; z-index:1001; text-align:center; } .SUN_broken span { font-weight:bold; font-size:1.2em; } .SUN_broken { position:relative; font-size:3em; line-height:35px; text-align:center; margin-top:7%; font-family:Georgia, "Times New Roman", Times, serif; display:none; } .SUN_broken img { width:50%; max-height:94px; max-width:380px; } .SUN_oops { position:relative; font-size: 3em; font-family:Georgia, "Times New Roman", Times, serif; margin-left: -60%; margin-top: -8%; font-weight:bold; line-height:45px; display:none; } .SUN_oops img { width:100%; max-height:33px; max-width: 101px; } .SUN_404 { position:relative; margin:auto; width:100%; margin-top:10%; display:none; } .SUN_404 img { width:50%; max-height:70px; max-width:140px; } .SUN_404 span { font-size: 0.359em; } /* ----- Search links width fix ----- */ .SUN_select { width: 196px !important; } /* ----- Student page styles ----- */ div.SUN_student_rollup { border-left: 0px solid #E5E5E5; border-right: 0px solid #E5E5E5; float: left; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 12px; line-height: 13px; list-style: none outside none; min-height: 290px !important; padding: 0px 0px 60px; position: relative; background-color:#E8E8E8; width: 23.0769%; } .SUN_student_rollup .SUN_tab_readmore a { background-color: #25293F; color: #FFFFFF; font-family: Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; font-size: 11px; padding: 6px 8px; text-decoration: none; } .SUN_student_rollup .SUN_tab_readmore { background-image: url("../Images/SUN_tag_arrow.png"); background-position: right bottom; background-repeat: no-repeat; bottom: 10px; padding-bottom: 11px; position: absolute; right: -7px; } .SUN_3 .SUN_tab_readmore { background-image: url("../Images/SUN_tag_arrow.png"); background-position: right bottom; background-repeat: no-repeat; bottom: 5px; padding-bottom: 7px; position: absolute; right: -7px; } .SUN_3 .SUN_tab_readmore a { background-color: #25293F; color: #FFFFFF; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; padding: 6px 8px; text-decoration: none; } .SUN_3 { float:left; background-color:#666; width: 23.0769%; display:block; position:relative; min-height:60px; margin-left:2.5641%; } .SUN_3 span:first-child{ display:inline-block; padding:10px 10px 35px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#fff; min-height:40px; } .SUN_students_bottom_container { border-top:0px dashed #ccc; padding-top:0; } .SUN_student_heading { display:block; width:100%; } .SUN_student_heading span { padding:10px; color:#fff; font-size:17px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; display:block; min-height:30px; } .SUN_student_body span { padding:10px; display:block; } .SUN_student_dGreen { background:#1C5F58; } .SUN_student_green { background:#3D8A1A; } .SUN_student_blue { background:#223D71; } .SUN_student_dRed { background:#9B161D; } .SUN_student_orange { background:#EE4E48; } .SUN_student_red { background:#B4162C; } /*Accordion social --*/ .SUN_feedTxt { width:70%!important; min-width:155px; float:left; display:inline-block; padding:3px 0px; } .SUN_feedImg{ width:15%!important; min-width:30px; float:left; display:inline-block; padding:3px 0px; } .collapsible, .page_collapsible, .accordion { margin: 0; padding:7px 10px; border-top:#f0f0f0 1px solid; background: #591933; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important; text-decoration:none; color: #fff; font-size:11px; line-height:20px; } .accordion-open, .collapse-open { color: #fff; } .accordion-open span, .collapse-open span { display:block; cursor:pointer; float:right; padding:10px; } .accordion-open span, .collapse-open span { background:url(../images/ss_minus.png) center center no-repeat ; } .accordion-close span, .collapse-close span { display:block; float:right; background:url(../images/ss_plus.png) center center no-repeat; padding:10px; } div.acc_container { padding:0; background:#f0f0f0; height:160px!important; width:206px!important; margin:0; padding:5px; } .acc_container div.content { background:#f0f0f0; margin: 0; width:100%; font-size:12px!important; line-height:13px; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .acc_container div.content td{ vertical-align:top; width:100%; } .var-narrow .header .profile .p-name, .var-narrow .timeline-header .byline, .var-narrow .timeline-header .list-description, .var-narrow .e-entry-title, .var-narrow .cards-base h3 { font-size:11px!important; } .acc_container img{ max-width:30px!important; height:30px!important; } .acc_container a{ font-weight: bold; } .acc_container div.content ul,.acc_container div.content p { padding:0; margin:0; padding:3px; } .acc_container div.content ul li { list-style-position:inside; line-height:25px; } .acc_container div.content ul li a { color:#555555; } .accordion { margin-bottom: 0px!important; } code { overflow:auto; } .ss_twitter{ background:url(../images/ss_twitter_icon.png) no-repeat center center; width:21px; height:21px; display:inline-block; float:left; margin-right:7px; } .acc_container .content { font-size:11px!important; margin:0 20px 0 0; height: 160px; overflow-y:scroll!important; } .ss_fb{ background:url(../images/ss_fb_icon.png) no-repeat center center; width:21px; height:21px; display:inline-block; float:left; margin-right:7px; } .ss_youtube{ background:url(../images/ss_utube_icon.png) no-repeat center center; width:21px; height:21px; display:inline-block; float:left; margin-right:7px; } /*---Contact Page---*/ .SUN_contact_container h2, .SUN_contact_container h3{ color: #5A1A34!important; line-height: 0.9; font-family: Georgia!important; font-weight: normal!important; } .SUN_contactmain{ display:block; background-color: #E8E8E8; padding:15px; margin-bottom:15px; } .SUN_contact_container a, .SUN_contact_container a:visited{ color: #5A1A34!important; } .SUN_contact_container li { list-style:square; color:#5A1A34; } .SUN_contact_container ul { padding-left:20px; } .SUN_contactTxt{ display:inline-block;} .SUN_contactImg{ float:right; margin:10px;} /* ----- A to Z list styles ----- */ .span3 h4 {display: none !important;} /* ----- New Staff Page ----- */ .staffRelatedLinksMaroonWrap { width: 100%; float: left; height: auto; } .staffRelatedLinksMaroonWrap a.staffRelatedLinksMaroon { width: 42%; float: left; padding: 13px 20px; margin-right: 3%; background: #541a32; height: 50px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #541a32; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .staffRelatedLinksMaroonWrap a.staffRelatedLinksMaroon:hover { background: #833b59; color: #fff} .staffRelatedLinksMaroonWrap a.staffRelatedLinksMaroon h5 { text-transform: uppercase; font-weight: bold; color: #fff; margin:5px 0px 3px 0px;} .staffRelatedLinksMaroonWrap .noMarginRight { margin-right: 0px !important; } .bottomLinksWithImageHover .noMarginRight { margin-right: 0px !important; } .noMarginRight { margin-right: 0px !important; } .videoHolderWrap { width: 100%; float: left; margin-top: 20px; } .bottomLinksWithImageHover { width: 100%; float: left; margin-top: 30px; } .bottomLinksWithImageHover a.linksBGImagesone { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-Human-Resources.jpg); width: 26%; float: left; padding: 20px 20px; margin-right: 2%; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagesone:hover { background-size: 110%;} .bottomLinksWithImageHover a.linksBGImagestwo { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-Finance.jpg); width: 26%; float: left; padding: 20px 20px; margin-right: 2%; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagestwo:hover { background-size: 110%;} .bottomLinksWithImageHover a.linksBGImagesthree { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-SU-Dates.jpg); width: 26%; float: left; padding: 20px 20px; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagesthree:hover { background-size: 110%;} .bottomLinksWithImageHover a.linksBGImagesfour { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-Policies.jpg); width: 26%; float: left; padding: 20px 20px; margin-right: 2%; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagesfour:hover { background-size: 110%;} .bottomLinksWithImageHover a.linksBGImagesfive { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-Corporate-Identity.jpg); width: 26%; float: left; padding: 20px 20px; margin-right: 2%; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagesfive:hover { background-size: 110%;} .bottomLinksWithImageHover a.linksBGImagessix { background: url(http://www.sun.ac.za/english/staffnet/PublishingImages/Bottom-links-Vacancies.jpg); width: 26%; float: left; padding: 20px 20px; margin-right: 2%; height: 67px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-size: cover; font-size: 14px; font-weight: bold; text-transform: uppercase; background-size: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .bottomLinksWithImageHover a.linksBGImagessix:hover { background-size: 110%;} h3.sidebarHeadingStyle { margin-bottom: 0px; line-height: 18px; font-weight: 600; font-size: 17px; color: #fff; background: #a60a3d; margin-top: 0px; padding: 8px 15px; -moz-border-radius: 0px 0px 10px 3px; -webkit-border-radius: 0px 0px 10px 3px; border-radius: 0px 0px 10px 3px; -khtml-border-radius: 0px 0px 10px 3px; margin-top: 15px;} ul.howToList { margin: 0 0 0 0; list-style: none; } ul.howToList li { border-bottom: 1px solid #e9e9e9; padding: 8px; line-height: 15px; } ul.howToList li a { color: #25293F; } ul.howToList li a:hover { color: #000; } /* ----- New Graduation Page ----- */ .gradMaroonBlock { width:20.6%; background: #5a1a34; padding: 35px 10px; float:left; margin-right: 3%; text-align: center; min-height: 130px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .gradMaroonBlock:hover { background: #0f0f0f; } .gradMaroonBlock h6 { text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: 0.4px; padding: 20px 0 0 0 !important; margin-bottom: 1px;} .gradMaroonBlock p { font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 0.4px; line-height: 15px;} .gradMaroonBlocknomargin { margin-right: 0% !important; padding: 24px 10px;} .gradSub5MaroonBlock { width:15.4%; background: #5a1a34; padding: 35px 10px; float:left; margin-right: 3%; text-align: center; min-height: 167px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .gradSub5MaroonBlock:hover { background: #0f0f0f; } .gradSub5MaroonBlock h6 { text-transform: uppercase; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 0.3px; padding: 20px 0 0 0 !important; margin-bottom: 1px;} .gradSub5MaroonBlock p { font-size: 11px; color: #fff; font-weight: 600; letter-spacing: 0.4px; line-height: 15px; margin-bottom: 0px;} /* ----- New Slider ----- */ #carousel { width: 939px; overflow: hidden; margin: 0 auto; } .slide.center { display: block; width: 100%;} .rightBox { font-size: 1.2em; color: #dad8d8;} .leftBox { font-size: 1.2em; color: #dad8d8;} #directionControls { width: 1040px; margin-left: -50px;} /* ----- News Articles Error ----- */ #MSOZoneCell_WebPartWPQ4 h2.ms-srch-error-header { display: none; } #MSOZoneCell_WebPartWPQ4 a.ms-calloutLink.ms-clientcontrol-showdetails { display: none; } /* ----- Faculties Page ----- */ ul.facultiesWarp {width: 100%; height: auto; float: left; list-style: none; padding: 0; margin-left: 0;} li.facultyOptions {width: 43.5%; height: 140px; float: left; padding: 50px 30px;} li.facultyOptions.healthfaculty {width: 43.5%; height: 170px; float: left; padding: 35px 30px;} .agrifaculty { background-color: #2ea443; } .artsfaculty { background-color: #f7941d; } .emsfaculty { background-color: #74ccd4; } .educationfaculty { background-color: #23408f; } .engineeringfaculty { background-color: #fdb940; } .lawfaculty { background-color: #e12f29; } .healthfaculty { background-color: #006572; } .militaryfaculty { background-color: #f37061; } .sciencefaculty { background-color: #c72430; } .theologyfaculty { background-color: #5e2e91; } .facultyImageHolder { width: 33%; float: left; } li.facultyOptions.healthfaculty .facultyImageHolder {padding-top: 20px} .facultyTextHolder { width: 62%; float: left; padding-left: 20px;} li.facultyOptions a.facultyHeading h2 { font-size: 18px; color: #fff; margin-top: 0px; margin-bottom: 16px; font-weight: 600; } li.facultyOptions a.facultyHeading { background-image: none;} li.facultyOptions a { font-size: 13px; color: #fff; width: auto; float: left; padding: 2px 11px 2px 0px; background-image: url('http://www.sun.ac.za/english/faculty/PublishingImages/faculties-readmore-arrow.png'); background-repeat: no-repeat; background-position: center right; clear: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} li.facultyOptions a:hover { padding: 2px 17px 2px 0px; } /* ----- Students Page ----- */ .StudentcolourBlocksWrap { width: 100%; height: auto; float: left; } .StudentcolourBlock { width: 199px; height: auto; float: left; text-align: center; padding: 35px 10px; background: #60223b; margin-right: 20px; margin-bottom: 20px;} .StudentcolourBlock:nth-child(3n) {margin-right: 0px} .StudentcolourBlock.Green {background: #2ea443 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Green:hover { background: #118726 !important; } .StudentcolourBlock.Orange {background: #f7941d !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Orange:hover {background: #dd7d0a !important; } .StudentcolourBlock.Skyblue {background: #23408f !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Skyblue:hover {background: #0f2c7a !important; } .StudentcolourBlock.Red {background: #e12f29 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Red:hover {background: #ca140d !important; } .StudentcolourBlock.Turk {background: #006572 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Turk:hover {background: #015964 !important; } .StudentcolourBlock.Violet {background: #5e2e91 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Violet:hover {background: #4e1b85 !important; } .StudentcolourBlock.Salmon {background: #f37061 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Salmon:hover {background: #e45a4a !important; } .StudentcolourBlock.Lightblue {background: #74ccd4 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Lightblue:hover {background: #53bac3 !important; } .StudentcolourBlock.Yellow {background: #fdb940 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentcolourBlock.Yellow:hover {background: #e8a01f !important; } .StudentcolourBlock h3 { font-size: 14px; color: #fff; margin: 15px 0 0 0;} .StudentcolourBlock a { width: 100%; height: 100%; float: left; } .StudentLightGreyBlock {width: 277px; height: auto; float: left; padding: 20px 30px; background: #faf9f9; margin-right: 20px; margin-bottom: 20px; border: 1px solid #e3e3e3;} .StudentLightGreyBlock:nth-child(2n) {margin-right: 0px} .StudentLightGreyBlock h3 {font-size: 14px; color: #60223b; margin: 10px 0 0 0; width: 218px; float: right;} .StudentLightGreyBlock a { font-size: 13px; color: #333333; width: auto; float: left; padding: 2px 11px 0px 60px; background-image: url('http://www.sun.ac.za/english/students/PublishingImages/students-arrow.png'); background-repeat: no-repeat; background-position: center right; clear: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .StudentLightGreyBlock a:hover { padding: 2px 17px 0px 60px; color: #000000;} .StudentImageBlocksWrap { width: 100%; height: auto; float: left; } .StudentImageBlocksWrap a { width: 141px; float: left; padding: 10px 10px; margin-right: 18px; height: 80px; margin-bottom: 20px; text-transform: uppercase; color: #fff; background-size: cover; font-size: 12px; background-size: 100%; text-transform: capitalize; font-weight: bold; text-shadow: 1px 1px 1px #2f2f2f; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .StudentImageBlocksWrap a:hover { background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagesone { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Volunteer.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagesone:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagestwo { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Maties-Sport.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagestwo:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagesthree { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Society.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagesthree:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagesfour { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Sustainability.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagesfour:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagesfive { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Careers-Office.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagesfive:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagessix { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Research.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagessix:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImagesseven { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Alumni.png);background-size: 100%;} .StudentImageBlocksWrap a.StudentsImagesseven:hover {background-size: 110%;} .StudentImageBlocksWrap a.StudentsImageseight { background: url(http://www.sun.ac.za/english/students/PublishingImages/Students-Vision-Strategy.png); background-size: 100%;} .StudentImageBlocksWrap a.StudentsImageseight:hover {background-size: 110%;} /* ----- Home Page Banners ----- */ .homeBannersWraps { width: 100%; height: auto; float: left; margin-top: 20px} .homeGreyBlocks {width: 279px; height: 170px; padding: 0px 30px; background: #cccccc; margin-right: 20px; /* margin-bottom: 20px; */ display: table-cell; vertical-align: middle; text-align:center; float: left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .homeGreyBlocks:nth-child(2n) {margin-right: 0px} /*.homeGreyBlocks:hover {background: #c1c1c1;}*/ .homeGreyBlocks a { width: 100%; height: 100%; float: left; } .homeGreyBlocks h3 { font-size: 18px; font-weight: bold; line-height: 23px; } .ouhoofgebouicon { background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/homepage-ouhoofgebou-icon.png); background-size: 100%;} .ouhoofgebouicon:hover {background-size: 110%; } .ouhoofgebouicon h3 { margin-top: 50px; } .SU100icon { background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/homepage-su100-icon.png); background-size: 100%;} .SU100icon:hover {background-size: 110%; } .SU100icon h3 { margin-top: 74px; } .hoverEffect {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .hoverEffect:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .span12 #DeltaPlaceHolderMain .row-fluid .span9 .ms-webpart-zone.ms-fullWidth .hesterWrap h3 { text-transform:uppercase; margin-top:0px; color: #777; font-size: 18px } .span12 #DeltaPlaceHolderMain .row-fluid .span9 .hesterWrap a.strategyInternationalisationBlocks { width: 617px; height: auto; padding: 40px; background: #f3f3f3; float: left; margin-bottom: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .span12 #DeltaPlaceHolderMain .row-fluid .span9 .hesterWrap a.strategyInternationalisationBlocks:hover { background: #fff; -webkit-box-shadow: 2px 2px 8px 4px #f3f3f3; -moz-box-shadow: 2px 2px 8px 4px #f3f3f3; box-shadow: 2px 2px 8px 4px #f3f3f3;} .span12 #DeltaPlaceHolderMain .row-fluid .span9 .hesterWrap a.strategyInternationalisationBlocks h4 {color: #5a1a34; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-top: 0px} .span12 #DeltaPlaceHolderMain .row-fluid .span9 .hesterWrap a.strategyInternationalisationBlocks .siBlocksLeft {width: 70px; float: left; margin-right: 30px; margin-top: 10px;} .span12 #DeltaPlaceHolderMain .row-fluid .span9 .hesterWrap a.strategyInternationalisationBlocks .siBlocksRight {width: 517px; float: left;} .ms-webpart-zone.ms-fullWidth .homesidebarHuisten {border: 1px solid #e5e5e5; background: #f5f5f5; padding: 16px 19px; float: left; width: 82%;} .ms-webpart-zone.ms-fullWidth .homesidebarHuisten:hover {border: 1px solid #cacaca; background: #e7e6e6;} .ms-webpart-zone.ms-fullWidth .homesidebarHuisten .huistenHeading { color: #60223b; font-size: 13px; letter-spacing: 1px; float: left; width: 100%; font-weight: 600;} .ms-webpart-zone.ms-fullWidth .homesidebarHuisten .huistenButton { color: #919191; font-size: 11px; float: left; width: 100%; font-weight: 400;} .brandColumns { border:1px solid #ccc; width: 291px; margin-right: 30px; float: left; min-height: 312px;} .brandColumns.nomarginright {margin-right: 0px !important} .brandColumns img { width: 150%; overflow: hidden; } .brandColumns h5 {padding: 0 15px; color: #000; font-weight: 600} .brandColumns p {padding: 0 15px} .brandColumns a {padding: 0 15px} .brandTwoColumns {width: 450px; margin-right: 30px; float: left;} .brandTwoColumns.nomarginright {margin-right: 0px} .nav.ms-core-listMenu-horizontalBox li.static > a {font-size: 12px; font-family:Raleway, Trebuchet, Helvetica !important;} p {font-size: 14px; font-family:Raleway, Trebuchet, Helvetica;} .gradWrap .womenofSUmainStory { width: 670px; height: 320px; float: left; margin-right: 20px; } .gradWrap .womenofSUmainStory .womenofSULinkWrap { width: 670px; height: 320px; } .gradWrap .womenofSUmainStory .womenofSULinkWrap img { position: relative;} .gradWrap .womenofSUmainStory .womenofSULinkWrap .womenofSUarticleInfo { width: 670px; height:136px; position: absolute; background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/womenofSUarticleInfo-bg.png);} .gradWrap .womenofSUmainStory .womenofSULinkWrap .womenofSUarticleInfo h3 { font-size: 17px; font-weight: bold; color: #fff; } .gradWrap .womenofSUmainStory .womenofSULinkWrap .womenofSUarticleInfo p { font-size:15px; font-weight: bold; color: #fff;} .gradWrap .podcastSidebar {width: 250px; float: left;} /* ----- Ways to Give Page ----- */ .waysToGivePageWrap { width: 100%; float: left; } .waysToGivePageWrap .noMargins { margin: 0 0 0 0 !important; } .waysToGivePageWrap a { color: #5a1a34; text-decoration: underline; } .waysToGivePageWrap a:hover { color: #ae0047; text-decoration: underline; } .waysToGivePageWrap h3 { font-size: 26px; color: #141414; } .waysToGivePageWrap h4 { color: #5a1a34; font-size: 16px; font-weight: bold; } .waysToGivePageWrap .talksuni { width: 768px; float: left; padding: 75px 80px 76px 90px; background-image: url(http://www.sun.ac.za/english/PublishingImages/Podcast-hero.jpg); } .waysToGivePageWrap .talksuni h1 { font-size: 36px; color: #fff; line-height: 38px;} .waysToGivePageWrap .talksuni h2 { font-size: 17px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 17px 0 21px 0;} .talksuni .waysToGiveSolidButton { background: #5a1a34; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; letter-spacing: 1px; border: 2px solid #5a1a34; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; margin-right: 35px; letter-spacing: 2px; text-decoration: none;} .talksuni .waysToGiveSolidButton:hover { background: rgba(0,0,0,0); border: 2px solid #fff; color: #fff; text-decoration: none;} .talksuni .waysToGiveBorderButton { font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border: 2px solid #fff; letter-spacing: 1px; background: rgba(0,0,0,0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; letter-spacing: 2px; text-decoration: none;} .talksuni .waysToGiveBorderButton:hover { background: #5a1a34; border: 2px solid #5a1a34; color: #fff; text-decoration: none;} .waysToGivePageWrap .waysToGiveHero { width: 768px; float: left; padding: 75px 80px 76px 90px; background-image: url(http://www.sun.ac.za/english/donors/PublishingImages/ways-to-give/SU-Ways-to-give-hero.jpg); } .waysToGivePageWrap .waysToGiveHero h1 { font-size: 36px; color: #fff; line-height: 38px;} .waysToGivePageWrap .waysToGiveHero h2 { font-size: 17px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 17px 0 21px 0;} .waysToGiveHero .waysToGiveSolidButton { background: #5a1a34; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; letter-spacing: 1px; border: 2px solid #5a1a34; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; margin-right: 35px; letter-spacing: 2px; text-decoration: none;} .waysToGiveHero .waysToGiveSolidButton:hover { background: rgba(0,0,0,0); border: 2px solid #fff; color: #fff; text-decoration: none;} .waysToGiveHero .waysToGiveBorderButton { font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border: 2px solid #fff; letter-spacing: 1px; background: rgba(0,0,0,0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; letter-spacing: 2px; text-decoration: none;} .waysToGiveHero .waysToGiveBorderButton:hover { background: #5a1a34; border: 2px solid #5a1a34; color: #fff; text-decoration: none;} .waysToGivePageWrap .waysToGiveColumnsWrap { width: 100%; float: left; margin-top: 35px;} .waysToGiveColumnsWrap .waysToGiveComlumn { width: 168px; float: left; margin-right: 20px; background: #faf9f9; border: 1px solid #e3e3e3; padding: 30px 25px; height: 395px; text-align: center;} .waysToGiveColumnsWrap .waysToGiveComlumn.noMargins { margin: 0 0 0 0 !important; } .waysToGiveColumnsWrap .waysToGiveComlumn p { text-align: left; line-height: 20px;} .waysToGiveColumnsWrap .waysToGiveComlumn p a { text-align: left; float: none;} .waysToGiveColumnsWrap .waysToGiveComlumn a { text-align: left; float: left;} .waysToGiveColumnsWrap .waysToGiveComlumn .waysToGiveComlumnImg { width: 100%; height: 77px; float: left; } .waysToGivePageWrap .EFTwrap { width: 451px; float: left; padding: 47px 30px 20px 460px; background-image: url(http://www.sun.ac.za/english/donors/PublishingImages/ways-to-give/EFT-Banner.png); margin-top: 20px; background-repeat: no-repeat;} .waysToGivePageWrap .EFTwrap .EFTSmallColumns { width: 225px; float: left; } .waysToGivePageWrap .EFTSmallColumnsLEFT { width: 110px; float: left; } .waysToGivePageWrap .EFTSmallColumnsRIGHT { width: 110px; float: left; } .waysToGivePageWrap .schoolSnapWrap { background: #eeeeee; width: 100%; float: left; margin-top: 35px; border: 1px solid #e3e3e3} .waysToGivePageWrap .schoolSnapWrap .schoolSnapLeftColumn {width: 400px; border-right: 1px solid #e3e3e3; padding: 20px 30px 40px 40px; float: left;} .waysToGivePageWrap .schoolSnapWrap .schoolSnapLeftColumn .schoolSnapImgHolder { width: 155px; padding-top: 74px; float: left;} .waysToGivePageWrap .schoolSnapWrap .schoolSnapRightColumn {width: 399px; padding: 20px 30px 40px 40px; float: left;} .waysToGivePageWrap .schoolSnapWrap .schoolSnapRightColumn .schoolSnapImgHolder { width: 155px; padding-top: 43px; float: left;} .waysToGivePageWrap .schoolSnapWrap .schoolSnapLeftColumn .schoolSnapTextHolder { width: 244px; float: left; } .waysToGivePageWrap .schoolSnapWrap .schoolSnapRightColumn .schoolSnapTextHolder { width: 244px; float: left; padding-top: 48px;} .waysToGivePageWrap .schoolSnapWrap p { line-height: 20px; } .waysToGivePageWrap .internationalWrap { width: 100%; float: left; margin-top: 35px;} .waysToGivePageWrap .internationalWrap .internationalLeftColumn { width: 455px; float: left; padding-right: 15px; } .waysToGivePageWrap .internationalWrap .internationalRightColumn { width: 455px; float: left; padding-left: 15px; } .waysToGivePageWrap .internationalWrap .EFTSmallColumnsLEFT { width: 150px; float: left; } .waysToGivePageWrap .internationalWrap .EFTSmallColumnsRIGHT { width: 305px; float: left; } .waysToGivePageWrap .internationalWrapEU { width: 100%; float: left; margin-top: 35px;} .waysToGivePageWrap .internationalWrapEU .internationalLeftColumn { width: 455px; float: left; padding-right: 15px;} .waysToGivePageWrap .internationalWrapEU .internationalRightColumn { width: 455px; float: left; padding-left: 15px;} .waysToGivePageWrap .internationalWrapEU .internationalSmallColumns {width: 210px; float: left; padding-right: 10px} .waysToGivePageWrap .internationalWrapEU .internationalSmallColumns p { line-height: 20px; } .waysToGivePageWrap .internationalWrapEU .internationalLeftColumn p, .waysToGivePageWrap .internationalWrapEU .internationalRightColumn p { line-height: 20px; } .waysToGivePageWrap .internationalWrapEU .EFTSmallColumnsLEFT { width: 150px; float: left; } .waysToGivePageWrap .internationalWrapEU .EFTSmallColumnsRIGHT { width: 305px; float: left; } .gradWrap { width: 100%; float: left; } .gradWrap a { color: #5a1a34; text-decoration: underline; padding: 0;} .gradWrap a:hover { color: #ae0047; text-decoration: underline; } .gradWrap h2 { font-size: 30px; color: #1f1f1f; text-transform: uppercase; font-weight: bold; margin-bottom: 17px; margin-top: 0px; } .gradWrap h4 { font-size: 15px; color:#000; font-weight: 600;} .gradWrap .facultyColumn { width: 188px; height: 170px; float: left; text-align: center; padding-top: 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .gradWrap .facultyColumn:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;} .gradWrap .facultyColumn h4 { font-size: 15px; color: #fff; line-height: 14px; height: 17px; margin-top: 22px; width: 100%; float: left;} .gradWrap .facultyColumn h5 { font-size: 14px; color: #fff; line-height: 14px; height: 15px; margin-top: 7px; width: 100%; float: left;} .gradWrap .facultyColumn.emsfaculty h4 { font-size: 15px; color: #fff; line-height: 14px; height: 25px; margin-top: 15px; width: 100%; float: left;} .gradWrap .facultyColumn.healthfaculty h4 { font-size: 15px; color: #fff; line-height: 14px; height: 25px; margin-top: 15px; width: 100%; float: left;} .gradWrap .facultyColumn img { width: 70px; height: 70px; } .gradWrap .facultyWrap5 {margin-bottom: 20px; float: left;} .gradWrap .brandColumns { height: 330px; margin: 8px 30px 20px 0;} .gradWrap .brandColumns.longer { height: 380px;} .gradWrap .brandColumns h5 { padding: 5px 15px 0px 15px;} .gradWrap .arragementsQuickLinks {border: 1px solid #ccc; width: 291px; margin-right: 30px; float: left; background: #faf9f9; margin-bottom: 15px; margin-top: 8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .gradWrap .arragementsQuickLinks:hover { background: #eeeded; } .gradWrap .arragementsQuickLinks.nomarginright { margin-right: 0px; } .gradWrap .arragementsQuickLinks img { width: 82px; height: 88px; float: left;} .gradWrap .arragementsQuickLinks h5 { width: 181px; height: 23px; float: left; padding: 32px 14px; margin: 0; font-weight: bold;} .gradWrap .waysToGiveSolidButton { background: #5a1a34; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 15px 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; letter-spacing: 1px; border: 2px solid #5a1a34; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; margin-right: 35px; letter-spacing: 2px; text-decoration: none;} .gradWrap .waysToGiveSolidButton:hover { background: rgba(0,0,0,0); border: 2px solid #5a1a34; color: #5a1a34; text-decoration: none;} .smallsSubPages.gradWrap .arragementsQuickLinks { border: 0px solid #ccc; width: 146px; margin-right: 10px; float: left; background: #5a1a34; margin-bottom: 15px; margin-top: 8px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .smallsSubPages.gradWrap .arragementsQuickLinks img { float: none;} .smallsSubPages.gradWrap .arragementsQuickLinks h5 { width: 132px; height: 35px; padding: 0px 10px 25px 10px; color: #fff;} .gradWrap .scheduleThreeColumns { width: 937px; float: left; border: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleFirstCol { width: 124px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleFirstCol .ceremonyNumber.scheduleHeading { width: 99px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleThreeColumns .scheduleFirstCol .ceremonyNumber { width: 99px; float: left; border-bottom: 1px solid #ccc; padding: 12px 10px 5px 15px; height: 53px;} .gradWrap .scheduleThreeColumns .scheduleSecCol { width: 299px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleSecCol .ceremonyDate.scheduleHeading { width: 274px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleThreeColumns .scheduleSecCol .ceremonyDate { width: 274px; float: left; border-bottom: 1px solid #ccc; padding: 12px 10px 5px 15px;height: 53px;} .gradWrap .scheduleThreeColumns .scheduleThreeCol { width: 511px; float: left; } .gradWrap .scheduleThreeColumns .scheduleThreeCol .ceremonyFaculty.scheduleHeading { width: 487px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleThreeColumns .scheduleThreeCol .ceremonyFaculty { width: 487px; float: left; border-bottom: 1px solid #ccc; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px;} .gradWrap .scheduleThreeColumns .scheduleThreeCol .ceremonyFaculty.bigger p { line-height: 15px; } .gradWrap .scheduleThreeColumns .scheduleEMSColOne { width: 310px; float: left; } .gradWrap .scheduleThreeColumns .scheduleEMSColOne .scheduleEMSColumns.scheduleHeading { width: 285px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px; border-bottom: 1px solid #ccc;} .gradWrap .scheduleThreeColumns .scheduleEMSColOne .scheduleEMSColumns { width: 285px; float: left; padding: 12px 10px 5px 15px; height: 227px;} .gradWrap .scheduleThreeColumns .scheduleEMSColTwo { width: 310px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleEMSColTwo .scheduleEMSColumns.scheduleHeading { width: 285px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px; border-bottom: 1px solid #ccc;} .gradWrap .scheduleThreeColumns .scheduleEMSColTwo .scheduleEMSColumns { width: 286px; float: left; padding: 12px 10px 5px 15px; height: 227px;} .gradWrap .scheduleThreeColumns .scheduleEMSColThree { width: 311px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleEMSColThree .scheduleEMSColumns.scheduleHeading { width: 286px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px; border-bottom: 1px solid #ccc;} .gradWrap .scheduleThreeColumns .scheduleEMSColThree .scheduleEMSColumns { width: 286px; float: left; padding: 12px 10px 5px 15px; height: 227px;} .gradWrap .scheduleThreeColumns .scheduleEMSColThree .scheduleEMSColumns ul, .gradWrap .scheduleThreeColumns .scheduleEMSColTwo .scheduleEMSColumns ul, .gradWrap .scheduleThreeColumns .scheduleEMSColOne .scheduleEMSColumns ul {margin: 0 0 10px 14px;} .gradWrap .scheduleThreeColumns .scheduleArtsColOne { width: 420px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleThreeColumns .scheduleArtsColOne .scheduleArtsColumns.scheduleHeading { width: 393px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px; border-bottom: 1px solid #ccc;} .gradWrap .scheduleThreeColumns .scheduleArtsColOne .scheduleArtsColumns { width: 393px; float: left; padding: 12px 10px 5px 15px; height: 170px;} .gradWrap .scheduleThreeColumns .scheduleArtsColTwo { width: 516px; float: left; } .gradWrap .scheduleThreeColumns .scheduleArtsColTwo .scheduleArtsColumns.scheduleHeading { width: 490px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px; border-bottom: 1px solid #ccc;} .gradWrap .scheduleThreeColumns .scheduleArtsColTwo .scheduleArtsColumns { width: 490px; float: left; padding: 12px 10px 5px 15px; height: 170px} .welcomeNotice { background: #60223b; padding: 25px 18px; text-align: center; } .welcomeNotice img { margin-bottom: 10px; } .welcomeNotice p { text-align: left; color: #fff;} .welcomeNotice p a { text-align: left; color: #fff; text-decoration: underline !important;} .gradWrap .gradWrapFourColumns { width: 293px; float: left; margin-right: 30px; margin-bottom: 0px;} .gradWrap .gradWrapFourColumns.nomarginright { margin-right: 0px; } .gradWrap .registrationthreeFourWrap { width: 650px; float: left; margin-right: 64px; } .gradWrap .registrationOneFourWrap { width: 224px; float: left; } .gradWrap .registrationthreeFourWrap a { font-size: 16px; font-weight: bold; color: #60223b; text-decoration: none; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Registration-maroon-arrow.png); background-repeat: no-repeat; background-position: right 4px; padding: 0px 18px 10px 0px; width: auto; float: left; clear: both; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .gradWrap .registrationthreeFourWrap a:hover {padding: 0px 22px 10px 0px; color: #ae0047;} .gradWrap .registrationFourFourWrap { width: 100%; float: left; margin-bottom: 25px;} .gradWrap .registrationFourFourWrap .registrationFourLinksOne { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Registration-Newcomers.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFourFourWrap .registrationFourLinksTwo { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Registration-Returning-Students.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFourFourWrap .registrationFourLinksThree { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Registration-International-Students.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFourFourWrap .registrationFourLinksFour { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Registration-Tygerberg-Campus.jpg); color: #fff; background-size: cover;} .gradWrap .registrationFourFourWrap .registrationFourLinksOne p, .gradWrap .registrationFourFourWrap .registrationFourLinksTwo p, .gradWrap .registrationFourFourWrap .registrationFourLinksThree p, .gradWrap .registrationFourFourWrap .registrationFourLinksFour p {text-decoration: none; font-weight: bold; font-size: 15px; width: auto; float: left; padding-right: 5px;} .gradWrap .registrationFourFourWrap .registrationFourLinksOne img, .gradWrap .registrationFourFourWrap .registrationFourLinksTwo img, .gradWrap .registrationFourFourWrap .registrationFourLinksThree img, .gradWrap .registrationFourFourWrap .registrationFourLinksFour img { margin-top: 4px; } .gradWrap .registrationFeesFourFourWrap { width: 100%; float: left; margin-bottom: 25px;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksOne { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Fees-International-Students.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksTwo { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Fees-Online-payments.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksThree { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Fees-Debit-order.jpg); color: #fff; margin-right: 15px; background-size: cover;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksFour { width: 213px; float: left; padding:130px 0px 3px 10px; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Registration-and-Fees/Fees-Snap-Scan.jpg); color: #fff; background-size: cover;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksOne p, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksTwo p, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksThree p, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksFour p {text-decoration: none; font-weight: bold; font-size: 15px; width: auto; float: left; padding-right: 5px;} .gradWrap .registrationFeesFourFourWrap .registrationFourLinksOne img, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksTwo img, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksThree img, .gradWrap .registrationFeesFourFourWrap .registrationFourLinksFour img { margin-top: 4px; } .gradWrap .gradWrapTwoColumns { width: 455px; float: left; margin-right: 30px; margin-bottom: 0px;} .gradWrap .gradWrapTwoColumns.nomarginright { margin-right: 0px; } .gradWrap .scheduleRegistrationThreeColumns { width: 937px; float: left; border: 1px solid #ccc; } .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol { width: 274px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber.scheduleHeading { width: 249px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber { width: 249px; float: left; border-bottom: 1px solid #ccc; padding: 12px 10px 5px 15px; height: 53px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol { width: 511px; float: left; border-right: 1px solid #ccc; } .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate.scheduleHeading { width: 485px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate { width: 485px; float: left; border-bottom: 1px solid #ccc; padding: 12px 10px 5px 15px;height: 53px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol { width: 124px; float: left; } .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty.scheduleHeading { width: 125px; float: left; background: #faf9f9; font-weight: bold; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 32px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty { width: 125px; float: left; border-bottom: 1px solid #ccc; font-size: 15px; color: #000; padding: 12px 10px 5px 15px; height: 53px;} .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber.bigger { height: 187px} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate.bigger { height: 187px} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty.bigger { height: 187px} .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber.bigger2 { height: 238px} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate.bigger2 { height: 238px} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty.bigger2 { height: 238px} .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber.bigger3 { height: 336px} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate.bigger3 { height: 336px} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty.bigger3 { height: 336px} .gradWrap .scheduleRegistrationThreeColumns .scheduleFirstCol .ceremonyNumber.bigger4 { height: 100px} .gradWrap .scheduleRegistrationThreeColumns .scheduleSecCol .ceremonyDate.bigger4 { height: 100px} .gradWrap .scheduleRegistrationThreeColumns .scheduleThreeCol .ceremonyFaculty.bigger4 { height: 100px} #DeltaPlaceHolderMain .row-fluid .span3 .ms-webpart-zone.ms-fullWidth #MSOZoneCell_WebPartWPQ9 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth #WebPartWPQ9_ChromeTitle #WebPartTitleWPQ9 h2.ms-webpart-titleText {margin-bottom:0px; line-height: 18px; font-weight: bold; font-size: 19px;} #DeltaPlaceHolderMain .row-fluid .span3 .ms-webpart-zone.ms-fullWidth #MSOZoneCell_WebPartWPQ8 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth #WebPartWPQ8_ChromeTitle #WebPartTitleWPQ8 h2.ms-webpart-titleText, #MSOZoneCell_WebPartWPQ6 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth .ms-webpart-chrome-title h2 {margin-bottom: 0px; line-height: 18px; font-weight: 600; font-size: 17px; color: #fff; background: #b79962; margin-top: 0px; padding: 8px 15px; -moz-border-radius: 0px 0px 10px 3px; -webkit-border-radius: 0px 0px 10px 3px; border-radius: 0px 0px 10px 3px; -khtml-border-radius: 0px 0px 10px 3px;} #DeltaPlaceHolderMain .row-fluid .span3 .ms-webpart-zone.ms-fullWidth #MSOZoneCell_WebPartWPQ7 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth #WebPartWPQ7_ChromeTitle #WebPartTitleWPQ7 h2.ms-webpart-titleText {margin-bottom: 0px; line-height: 18px; font-weight: 600; font-size: 17px; color: #fff; background: #b79962; margin-top: 0px; padding: 8px 15px; -moz-border-radius: 0px 0px 10px 3px; -webkit-border-radius: 0px 0px 10px 3px; border-radius: 0px 0px 10px 3px; -khtml-border-radius: 0px 0px 10px 3px; margin-top: 15px;} #DeltaPlaceHolderMain .row-fluid .span3 .ms-webpart-zone.ms-fullWidth #MSOZoneCell_WebPartWPQ9 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth #WebPartWPQ9 .ms-rtestate-field a strong { font-size: 12px; } #DeltaPlaceHolderMain .row-fluid .span3 .ms-webpart-zone.ms-fullWidth #MSOZoneCell_WebPartWPQ10 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth #WebPartWPQ10 .ms-rtestate-field a strong { font-size: 12px; } .officialSocialsWrap { width: 100%; float: left; } .officialSocialsWrap a { color: #5a1a34; text-decoration: underline; padding: 0;} .officialSocialsWrap a:hover { color: #ae0047; text-decoration: underline; } .officialSocialsWrap h2 { font-size: 30px; color: #1f1f1f; text-transform: uppercase; font-weight: bold; margin-bottom: 17px; margin-top: 0px; } .officialSocialsWrap h3 { font-size: 20px;color:#000; font-weight: 600; text-transform: uppercase;} .officialSocialsWrap .SocialsOneThird {width: 291px; float: left; margin-right: 30px; margin-bottom: 30px; } .officialSocialsWrap .SocialsOneThird.nomarginright {width: 291px; float: left; margin-right: 0px; margin-bottom: 30px; } .officialSocialsWrap .SocialsOneThird .top { height: 90px; width: 291px; text-align: center; float: left; display: table; -moz-border-radius:0px 0px 20px 10px; -webkit-border-radius:0px 0px 20px 10px; border-radius: 0px 0px 20px 10px; -khtml-border-radius:0px 0px 20px 10px;} .officialSocialsWrap .SocialsOneThird .top h4 { color: #ffffff !important; font-size: 17px; text-shadow: 1px 1px 0px #000; text-transform: uppercase; display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; letter-spacing: 0.5px; line-height: 20px;} .officialSocialsWrap .SocialsOneThird .top.maroon { background:#60223b;} .officialSocialsWrap .SocialsOneThird .top.agri { background:#2ea443;} .officialSocialsWrap .SocialsOneThird .top.ems { background:#74ccd4;} .officialSocialsWrap .SocialsOneThird .top.education { background:#23408f;} .officialSocialsWrap .SocialsOneThird .top.engineering { background:#fdb940;} .officialSocialsWrap .SocialsOneThird .top.law { background:#e12f29;} .officialSocialsWrap .SocialsOneThird .top.medicine { background:#006572;} .officialSocialsWrap .SocialsOneThird .top.science { background:#c72430;} .officialSocialsWrap .SocialsOneThird .top.theology { background:#5e2e91;} .officialSocialsWrap .SocialsOneThird .soialsbottom {text-align: center; width: 291px; padding: 14px 0px; float: left; height: 30px;} .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap { width: 230px; height: 30px; margin: 0 auto; } .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap.only3socials { width: 141px; } .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap.only2socials { width: 89px; } .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap.only1socials { width: 38px; } .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap.only4socials { width: 185px; } .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap .officialSocialsFacebook {width: 14px; height: 30px; float: left; background:url(http://www.sun.ac.za/english/PublishingImages/news-media/news%20media%20page/socials-facebook.png); margin-right: 20px;} .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap .officialSocialsTwitter {width: 34px; height: 29px; float: left; background:url(http://www.sun.ac.za/english/PublishingImages/news-media/news%20media%20page/socials-twitter.png); margin-right: 20px;} .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap .officialSocialsInstagram {width: 30px; height: 30px; float: left; background:url(http://www.sun.ac.za/english/PublishingImages/news-media/news%20media%20page/socials-instagram.png); margin-right: 20px;} .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap .officialSocialsLinkedin {width: 33px; height: 30px; float: left; background:url(http://www.sun.ac.za/english/PublishingImages/news-media/news%20media%20page/socials-linkedin.png); margin-right: 20px;} .officialSocialsWrap .SocialsOneThird .soialsbottom .socialsbottomiconswrap .officialSocialsYoutube {width: 38px; height: 28px; float: left; background:url(http://www.sun.ac.za/english/PublishingImages/news-media/news%20media%20page/socials-youtube.png);} .gradWrap a.LatestNewsColumnsCovid { border-top:1px solid #ccc; border-bottom:1px solid #ccc; width: 280px; margin-right: 20px; float: left; height: 91px; padding: 8px 10px; background: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/corona-arrow.png); background-repeat: no-repeat; background-position: 250px 37px; margin-top: -1px; text-decoration: none; background-color:#fff;} .gradWrap a.LatestNewsColumnsCovid.nomarginright {margin-right: 0px !important} a.LatestNewsColumnsCovid h5 {color: #000; font-weight: 600; font-size:16px; width: 251px; text-decoration: none;} a.LatestNewsColumnsCovid p {color: #848484; font-style: italic; text-decoration: none;} a.LatestNewsColumnsCovid:hover {text-decoration: none; background-color: #f6f6f6;} .gradWrap a.protocolssColumnsCovid { width: 280px; margin-right: 20px; float: left; height: 91px; padding: 8px 10px; background: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/corona-download.png); background-repeat: no-repeat; background-position: 259px 37px; text-decoration: none; background-color:#f6f6f6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .gradWrap a.protocolssColumnsCovid.nomarginright {margin-right: 0px !important} a.protocolssColumnsCovid h5 {color: #000; font-weight: 600; font-size:16px; width: 251px; text-decoration: none;} a.protocolssColumnsCovid p {color: #848484; font-style: italic; text-decoration: none;} a.protocolssColumnsCovid:hover {text-decoration: none; background-color: #e5e4e6;} .coronaTop { width: 100%; height: auto; float: left; margin-bottom: 20px; } .coronaTopLeft { width:620px; height:auto; float: left; margin-right: 20px;} .coronaTopRight { width:263px; height:auto; float: left; background: #60223b; padding: 35px 18px; text-align: center; color: #fff;} .coronaTopRight h4 { color: #fff } a.importantResourcesCovid1 { width: 263px; height: 40px; float: left; background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-important-resources-1.jpg); padding: 151px 18px 29px 18px !important; color: #fff !important; text-decoration: none; font-weight: bold; font-size: 18px; margin-right: 20px; background-size: 136%; margin-top: 15px;} a.importantResourcesCovid2 { width: 263px; height: 40px; float: left; background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-important-resources-2.jpg); padding: 151px 18px 29px 18px !important; color: #fff !important; text-decoration: none; font-weight: bold; font-size: 18px; background-size: 136%; margin-top: 15px;} a.resourcesCovidList { padding: 10px 10px; width: 95%; float: left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-decoration: none; margin-top: -1px; background-color:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a.resourcesCovidList:hover {text-decoration: none; background-color: #f6f6f6;} a.communiquesCovidList { padding: 10px 10px; width: 280px; margin-right: 20px; float: left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-decoration: none; margin-top: -1px; background-color:#fff; height: 59px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a.communiquesCovidList:hover {text-decoration: none; background-color: #f6f6f6;} a.communiquesCovidList.nomarginright {margin-right: 0px !important} .gradWrap .onlineGuidesColumnsCovid { width: 260px; margin-right: 20px; margin-bottom: 20px; float: left; height: 275px; padding: 8px 20px; text-decoration: none; background-color:#f6f6f6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .gradWrap .onlineGuidesColumnsCovid.nomarginright {margin-right: 0px !important} .onlineGuidesColumnsCovid h5 {color: #000; font-weight: 600; font-size:16px; width: 251px; text-decoration: none;} .onlineGuidesColumnsCovid p {color: #848484; text-decoration: none;} .onlineGuidesColumnsCovid:hover {text-decoration: none; background-color: #e5e4e6;} .medicineButtonCovid { width: 100%; float:left; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; text-align: center; background: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-mental-health-link.jpg); color: #fff !important; padding: 48px 0 !important; font-size: 20px; text-decoration: none !important; height: 21px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .medicineButtonCovid:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .mentalhealthButton {width: 100%; float:left; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff !important; padding:30px 0 !important; background: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-mental-health-link.jpg); text-decoration: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mentalhealthButton:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .gradWrap .gradOriginalLeft { width: 450px; height: auto; float: left; } .gradWrap .gradOriginalRight { width: 490px; height: auto; float: left; padding-top: 120px;} .gradWrap .gradOriginalRight h2 { margin-bottom: 40px; } .celebrationGradCoronaWrap { width: 100%; height: auto; float: left; background-image: url(http://www.sun.ac.za/english/students/PublishingImages/Virtual-grad-BG2.png);} .celebrationGradCoronaWrap .celebrationGradCorona { width: 475px; height: auto; margin: 0 auto; padding: 70px 0 58px 0} .accordion-section .panel-default > .panel-heading { border: 0; background: #f4f4f4; padding: 7px 30px; margin-bottom: 4px;} .accordion-section .panel-default .panel-title a { display: block; font-style: italic; font-size: 18px; text-decoration: none;} .accordion-section .panel-default .panel-title a:after {background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-faq-down-arrow.png); float: right; margin-top: 0px; width: 25px; height: 20px; background-size: cover; content: " ";} .accordion-section .panel-default .panel-title a.collapsed:after { content: " "; background-image: url(http://www.sun.ac.za/english/PublishingImages/Homepage%20Images/covid-faq-up-arrow.png); float: right; margin-top: 0px; width: 25px; height: 20px; background-size: cover; } .accordion-section .panel-default .panel-body { font-size: 16px; padding: 7px 30px; line-height: 22px;} .gradWrap .container {width: 940px;} .panel-body.px-3.mb-4 ul li {font-size: 15px; line-height: 22px; font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} .row-fluid.SUN_home3items { display: none; } .nav .ms-core-listMenu-item, .nav .ms-core-listMenu-item:link {font-family:Raleway, Trebuchet, Helvetica !important;} .carousel-caption h4, .carousel-caption p {font-family:Raleway, Trebuchet, Helvetica;} h1, h2, h3, h4, h5, h6 {font-family:Raleway, Trebuchet, Helvetica !important;} .ms-rteFontFace-5 {font-family:Raleway, Trebuchet, Helvetica !important;} .pattern1 { background: url(http://www.sun.ac.za/english/students/PublishingImages/Pages/Graduation/Graduation-December-2021-pattern1.jpg);} .pattern2 {background: url(http://www.sun.ac.za/english/students/PublishingImages/Pages/Graduation/Graduation-December-2021-pattern1.jpg);} .pattern3 {background: url(http://www.sun.ac.za/english/students/PublishingImages/Pages/Graduation/Graduation-December-2021-pattern1.jpg);} .pattern4 {background: url(http://www.sun.ac.za/english/students/PublishingImages/Pages/Graduation/Graduation-December-2021-pattern1.jpg);} .toghterPattern { background: url(http://www.sun.ac.za/english/PublishingImages/Corporate%20Identity/toghter-pattern-small2.png); position: relative; background-size: cover;} /* ----- New branding styles ----- */ .SUN_social_container {display: none;} .SUN_language-toggle .SUN_lan_toggle_button {margin-right: 0px} .navbar-inverse .nav li.static > a.selected .carousel-caption p { font-size: 24px; line-height: 28px; font-weight: 500;} .carousel-caption { padding: 15px 15px 15px; -moz-border-radius: 0px 0px 20px 0px; -webkit-border-radius: 0px 0px 20px 0px; border-radius: 0px 0px 20px 0px; -khtml-border-radius: 0px 0px 20px 0px;} .carousel-control {font-weight: 600; color: #000;} .carousel-control.left {-moz-border-radius: 0px 0px 10px 3px; -webkit-border-radius: 0px 0px 10px 3px; border-radius: 0px 0px 10px 3px; -khtml-border-radius: 0px 0px 10px 3px;} .carousel-control.right {-moz-border-radius: 0px 0px 3px 10px; -webkit-border-radius: 0px 0px 3px 10px; border-radius: 0px 0px 3px 10px; -khtml-border-radius: 0px 0px 3px 10px;} /*.s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth .ms-rtestate-field a { color: #61223b }*/ .cbq-layout-main ul.dfwp-column.dfwp-list li.dfwp-item .item {border-bottom: 1px solid #ebdcc2;} .cbq-layout-main ul.dfwp-column.dfwp-list li.dfwp-item .item .link-item a {font-size: 13px; line-height: 13px;} #MSOZoneCell_WebPartWPQ9.s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth {margin-top: 6px;} #MSOZoneCell_WebPartWPQ10 .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth {margin-top: 6px;} .ms-core-listMenu-horizontalBox .dynamic-children.additional-background { background-image: url("http://www.sun.ac.za/Style%20Library/SUN/Images/down-arrow.png") !important;} .maroonBlockBackground { background-image: url("https://www.sun.ac.za/english/PublishingImages/ombudsman/toghter-pattern-maroon.jpg") } .graduationSidebar h5 {font-size: 14px; margin-top: 5px; line-height: 15px !important; color: #B79962; padding-left: 10px; font-weight: 600; opacity: 1; background-image: url(https://www.sun.ac.za/english/students/PublishingImages/2023-graduation-arrow.png); background-repeat: no-repeat; background-size: 13px; background-position: 200px 2px; border-bottom: 2px solid #eee7db; padding-bottom: 10px} .graduationSidebar h5:hover {opacity: 0.7} .graduationSidebar h5.gradActive { color: #61223b; background-image: url(https://www.sun.ac.za/english/students/PublishingImages/2023-graduation-arrow-active.png); } .graduationSidebar {width:220px; margin-left: 20px; float:left; margin-top: 10px} /* ------ Timeline styles -------- */ .cd-horizontal-timeline ol, .cd-horizontal-timeline ul { list-style: none;} .cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus { border-color:#313740;} .cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus{ color:#313740;} .cd-horizontal-timeline blockquote, .cd-horizontal-timeline q { quotes: none;} .cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after, .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after { content: ''; content: none;} .cd-horizontal-timeline table {border-collapse: collapse; border-spacing: 0;} .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; } .cd-horizontal-timeline .events-wrapper::after { right: 0; } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 50px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #313740; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1rem; padding-bottom: 15px; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #313740; border-color: #313740; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #313740; border-color: #313740; } .cd-horizontal-timeline .events a.older-event::after { border-color: #313740; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h4 { font-weight: 700; margin-bottom: 0px; line-height: 20px; margin-bottom: 15px; } .cd-horizontal-timeline .events-content h4 small { font-weight: 400; line-height: normal; font-size: 15px; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 16px; margin-top: 15px; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content em { font-size: 1rem; } } @media only screen and (max-width: 767px) { .cd-horizontal-timeline.loaded{ margin: 0;} .cd-horizontal-timeline .timeline{ width: 100%;} .cd-horizontal-timeline ol, .cd-horizontal-timeline ul{padding: 0;margin: 0;} .cd-horizontal-timeline .events-content h4{ font-size: 16px;} .cd-horizontal-timeline .events-content{ margin: 0;} } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .timeline:before{ content: " "; display:none; bottom: 0; left: 0%; width: 0px; margin-left: -1.5px; background-color: #eeeeee; } @media (max-width: 979px) { .carousel-caption h4, .carousel-caption p { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} p { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} body { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} } @media (max-width: 767px) { .carousel-caption h4, .carousel-caption p { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} p { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} body { font-family:Raleway, Trebuchet, Helvetica, Arial, sans-serif, Helvetica Neue !important;} }