/* CSS Document Main Stylesheet stylesheet.css */ /* RESET --------------------------------------------------------*/ article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } /* focus elements */ a:focus { outline: 3px solid #cc8a00 !important; } a:focus img { outline: 3px solid #cc8a00 !important; } input:focus { background: #cc8a00; outline: 3px solid #cc8a00 !important; } /* ////////////////////////////////////////////////////////////////////// DESKTOP LAYOUT ---------------------------------------------------------------------------------------- ****************************************************************************************/ @media screen and (min-width: 769px) and (max-width: 1920px) { /* BODY AND CONTAINER --------------------------------------------------------*/ body { font-size: 76%; background: #e0e0d1 url(images/bg-brand-pattern.jpg) repeat; padding: 0px !important; margin: 0px !important; } body #body-wrapper { background: url(images/bg-repeat-body-wrapper.png) repeat-x top left; padding: 0px; margin: 0px; } #container { overflow: hidden; max-width: 1010px; padding: 0px; margin: 0 auto 0 auto; } /* PAGE HEADER AND SEARCH --------------------------------------------------------*/ header { float: left; width: 960px; height: 200px; padding: 0px; margin: 0px; } header #masthead { float: left; width: 100%; height: 57px; padding: 18px 25px 0 25px; margin: 0px; } header #search { float: right; clear: both; width: 450px; text-align: right; color: #888; padding: 0px; margin: 0px; } header #search ul { float: right; list-style: none; padding: 0px; margin: 4px 4px 0 0; } header #search ul li { float: left; padding: 0px; margin: 0px; } header #search a { font: bold 1.1em Arial, Helvetica, sans-serif; color: #e1e1e1; text-decoration: none; } header #search a:hover { color: #fff; text-decoration: underline; } .sfsearchBox { float: right; clear: both; border: 0px; padding: 0%; margin: 0%; opacity: 0.5; } .sfsearchTxt { float: left; border: 1px solid #e1e1e1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #000; padding: 0 0 0 10px; } .sfsearchSubmit { float: left; border: 1px solid #c0c0a3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; font-size: 0.95em; font-weight: bold; color: #000; padding: 1px 5px 0px 5px; margin: 0 0 0 15px; } .sfsearchSubmit:hover { background: #fff; } .k-list-container { display: none !important; } .sfsearchResultsWrp { float: left; clear: both; width: 100%; background: #fff; font: 1.1em/1.5em Arial, Helvetica, sans-serif; color: #555; padding: 0 10px 0 0; margin: 0 0 50px 0; } .sfsearchResultTitle { border-top: 1px solid #aaa; padding: 3% 0 0 0; margin: 5% 0 3% 0; } .sfHighlight { color: #000; } .sf_pagerNumeric { clear: both; width: 100%; font: 3em Arial, Helvetica, sans-serif; text-align: center; } .sf_pagerNumeric a { background: #eee !important; color: #444; padding: 0 5px 0 5px; } .sf_PagerCurrent { border-bottom: 5px solid #444; background: #d9d9c8; } /* NAVIGATION MASTHEAD --------------------------------------------------------*/ section#nav { float: left; width: 960px; height: 85px; background: #fff url(images/bg-repeat-nav.png) repeat-x bottom left; padding: 20px 25px 20px 25px; margin: 10px 0 0 0; } /* masthead section colors */ /* home */ section#nav.darkblue { border-top: 6px solid #006586; } /* about */ section#nav.burgundy { border-top: 6px solid #6c2227; } /* academics */ section#nav.brown { border-top: 6px solid #644a46; } /* enrichment */ section#nav.violet { border-top: 6px solid #635263; } /* resources */ section#nav.gray { border-top: 6px solid #6f7f89; } /* news and events */ section#nav.blue { border-top: 6px solid #0085b2; } /* campus life */ section#nav.orange { border-top: 6px solid #ff854a; } /* admissions */ section#nav.green { border-top: 6px solid #86aa59; } /* connect */ section#nav.magenta { border-top: 6px solid #570f33; } /* SC to U */ section#nav.dkblue { border-top: 6px solid #006586; } /* SC blue */ section#nav.scblue { border-top: 6px solid #00457c; } /* MAIN NAVIGATION (1ST TIER) --------------------------------------------------------*/ nav#main { float: left; width: 290px; height: 90px; padding: 0px; margin: 0px; } nav#main ul { list-style: none; padding: 0px; margin: 0px; } nav#main ul li { float: left; width: 50%; line-height: 1.5em; padding: 0 0 2px 0; margin: 0px; } nav#main ul li a { font: bold 1.1em Arial, Helvetica, sans-serif; color: #555; text-decoration: none; } nav#main ul li a:hover { color: #000; text-decoration: underline; } nav#main ul li:nth-child(odd) { width: 120px; margin: 0px; padding: 0px;} nav#main ul li:nth-child(even) { width: 170px; margin: 0px; padding: 0px;} /* SUB NAVIGATION (2ND TIER) --------------------------------------------------------*/ nav#sub { float: left; width: 640px; height: 80px; padding: 0 0 0 30px; margin: 0px; } nav#sub h1 { font: bold 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 6px 0 5px 0; margin: 0px; } nav#sub a:hover h1 { text-decoration: underline !important; } nav#sub a { text-decoration: none; } nav#sub h1 a:hover { text-decoration: underline; } nav#sub ul { height: 100px; list-style: none; padding: 0px; margin: 0px; } nav#sub ul li { float: left; width: 25%; line-height: 1.7em; padding: 0px; margin: 0px; } nav#sub ul li a { font: bold 1.1em Arial, Helvetica, sans-serif; color: #555; text-decoration: none; } nav#sub ul li a:hover { color: #000; text-decoration: underline; } /* sub navigation heading section colors */ /* about */ nav#sub h1.burgundy { color: #6c2227;} nav#sub h1 a.burgundy { color: #6c2227; } /* academics */ nav#sub h1.brown { color: #644a46; } nav#sub h1 a.brown { color: #644a46; } /* enrichment */ nav#sub h1.violet { color: #635263; } nav#sub h1 a.violet { color: #635263; } /* resources */ nav#sub h1.gray { color: #6f7f89; } nav#sub h1 a.gray { color: #6f7f89; } /* news and events */ nav#sub h1.blue { color: #0085b2; } nav#sub h1 a.blue { color: #0085b2; } /* campus life */ nav#sub h1.orange { color: #ff854a; } nav#sub h1 a.orange { color: #ff854a; } /* admissions */ nav#sub h1.green { color: #86aa59; } nav#sub h1 a.green { color: #86aa59; } /* connect */ nav#sub h1.magenta { color: #570f33; } nav#sub h1 a.magenta { color: #570f33; } /* SC to U */ nav#sub h1.dkblue { color: #006586; } nav#sub h1 a.dkblue { color: #006586; } /* SC blue */ nav#sub h1.scblue { color: #00457c; } nav#sub h1 a.scblue { color: #00457c; } /* sub navigation line separator section colors */ /* about */ nav#sub.burgundy { background: url(images/bg-nav-sub-arrow-burgundy.png) no-repeat; } /* academics */ nav#sub.brown { background: url(images/bg-nav-sub-arrow-brown.png) no-repeat; } /* enrichment */ nav#sub.violet { background: url(images/bg-nav-sub-arrow-violet.png) no-repeat; } /* resources */ nav#sub.gray { background: url(images/bg-nav-sub-arrow-gray.png) no-repeat; } /* news and events */ nav#sub.blue { background: url(images/bg-nav-sub-arrow-blue.png) no-repeat; } /* campus life */ nav#sub.orange { background: url(images/bg-nav-sub-arrow-orange.png) no-repeat; } /* admissions */ nav#sub.green { background: url(images/bg-nav-sub-arrow-green.png) no-repeat; } /* connect */ nav#sub.magenta { background: url(images/bg-nav-sub-arrow-magenta.png) no-repeat; } /* SC to U */ nav#sub.dkblue { background: url(images/bg-nav-sub-arrow-dkblue.png) no-repeat; } /* SC blue */ nav#sub.scblue { background: url (images/bg-nav-sub-arrow-scblue.png) no-repeat; } /* ASIDE NAVIGATION (3RD TIER) --------------------------------------------------------*/ nav#aside { float: left; width: 100%; border-top: 3px solid #999; border-bottom: 3px solid #999; padding: 0px; margin: 10px 0 15px 0; } nav#aside ul { list-style: none; padding: 0px; margin: 0%; } nav#aside ul li { background: #e2e2e2; padding: 0 5% 0 5%; margin: 0%; } nav#aside h1 { background: #e2e2e2; font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; padding: 5% 0 2% 5%; margin: 0%; } nav#aside ul li a { display: block; width: 100%; height: 30px; border-bottom: 1px solid #b1b1b1; font: bold 0.9em/30px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } nav#aside ul li:last-child a { border-bottom: none; } nav#aside ul li a:hover { display: block; background: #ddd; color: #333; } nav#aside h1 a { color: #333 !important; } /* CONTENT AREA --------------------------------------------------------*/ section#content-wrapper { float: left; width: 960px; background: #fff; padding: 0 25px 0 25px; margin: 25px 0 0 0; } section#content { float: left; width: 960px; padding: 0px; margin: 0px; } section#content-footer { float: left; width: 960px; background: #fff; padding: 0 25px 0 25px; margin: 25px 0 0 0; } section#breadcrumbs { float: left; width: 715px; padding: 35px 0 0 0; margin: 0 0 0 -4px; } #breadcrumbs { font: 1.0em Arial, Helvetica, sans-serif; color: #b6b6b6; } #breadcrumbs a { color: #888; text-decoration: none;} #breadcrumbs a:hover { background: none !important; color: #555; text-decoration: underline; } nav#call-to-action { float: left; width: 245px; padding: 15px 0 0 0; margin: 0px; } nav#call-to-action ul { float: right; list-style: none; padding: 0px; margin: 0 0 15px 0; } nav#call-to-action ul li { float: left; padding: 0px; margin: 0px; } nav#call-to-action a { font: 1.9em Arial, Helvetica, sans-serif !important; text-decoration: none !important; font-style: italic !important; } nav#call-to-action a:hover { color: #000 !important; cursor: pointer !important; } /* call-to-action (Tour, Apply, Register) section colors */ /* about */ nav#call-to-action a.burgundy { color: #6c2227; } /* academics */ nav#call-to-action a.brown { color: #644a46; } /* enrichment */ nav#call-to-action a.violet { color: #635263; } /* resources */ nav#call-to-action a.gray { color: #6f7f89; } /* news and events */ nav#call-to-action a.blue { color: #0085b2; } /* campus life */ nav#call-to-action a.orange { color: #ff854a; } /* admissions */ nav#call-to-action a.green { color: #86aa59; } /* connect */ nav#call-to-action a.magenta { color: #570f33; } /* SC to U */ nav#call-to-action a.dkblue { color: #006586; } /* SC blue */ nav#call-to-action a.scblue { color: #00457c; } /* FOOTER (HOME & LANDING PAGE) --------------------------------------------------------*/ footer#footer-home-land { float: left; width: 1020px; background: #f1f1eb; padding: 0px; margin: 0 0 25px 0; } footer#footer-home-land section#share { float: left; width: 960px; height: 40px; padding: 0px; margin: 0px; } footer#footer-home-land section#links { float: left; width: 700px; height: 75px; background: #f1f1eb; font: 1.2em Arial, Helvetica, sans-serif; color: #c4c4c4; padding: 25px 0 0 15px; margin: 0px; } section#links ul{ list-style: none; padding: 0px; margin: 0px; } section#links ul li { float: left; padding: 0px; margin: 0px; } footer#footer-home-land section#social { float: right; width: 245px; height: 100px; padding: 0px; margin: 0 10px 0 0; background: #F1F1EB !important; } section#social ul { float: right; list-style: none; padding: 0 10px 0 0; margin: 0px; } section#social ul li { float: left; padding: 40px 5px 0 0; margin: 0px; } /* FOOTER (DETAIL PAGE) --------------------------------------------------------*/ footer { float: left; width: 960px; padding: 0px; margin: 25px 0 25px 0; } a.small-text { font: 1.0em/1.8em Arial, Helvetica, sans-serif !important; color: #000 !important; font-style: normal !important; text-decoration: none !important; } a.small-text:hover { color: #222 !important; text-decoration: underline !important; } section#share { float: left; width: 960px; height: 40px; padding: 0px; margin: 0px; } section#links { float: left; width: 700px; height: 75px; background: #e7e7e7; font: 1.2em Arial, Helvetica, sans-serif; color: #000; padding: 25px 0 0 15px; margin: 0px; } section#links ul { list-style: none; padding: 0px; margin: 0px; } section#links ul li { float: left; padding: 0px; margin: 0px; } section#social { float: left; width: 245px; height: 100px; background: #e7e7e7; padding: 0px; margin: 0px; }/*background: #e7e7e7 url(images/bg-footer.png) no-repeat top right;*/ section#social ul { float: right; list-style: none; padding: 0 10px 0 0; margin: 0px; } section#social ul li { float: left; padding: 25px 5px 0 0; margin: 0px; } /* DECK AREAS (HOME & LANDING PAGES) --------------------------------------------------------*/ section#deck-main { float: left; clear: both; width: 980px; padding: 20px; margin: 20px 0 20px 0;} /* HOME PAGE ---------------------*/ #deck-sub .news-feed { float: left; width: 90%; padding: 5%; margin: 0 0 15px 0; } #deck-sub h1 { background: none; font: bold 1.7em Arial, Helvetica, sans-serif; color: #19305a; margin: 0 0 -8px -5px; } #deck-sub .news-feed h2 { margin:0px; padding: 0px; } #deck-sub .news-feed h2 a { color: #006586; text-decoration: none; font-size: 0.78em !important ;margin:0px !important; padding: 0px !important; } #deck-sub .news-feed h1 a:hover { color: #fff; text-decoration: none; } #deck-sub .news-feed ul { background: none; list-style: none; padding: 5px 0 0 0; } #deck-sub .news-feed ul li { clear: both; width: 100%; padding: 0px 0 5px 0; margin: 0px 0 5px 0; } #deck-sub .news-feed ul li a { width: 100%; font: 0.8em/1.1em Arial, Helvetica, sans-serif; color: #000 !important; text-decoration: none; padding: 0px 0 0 0; margin: -5px 0 0 0; } #deck-sub .news-feed ul li a:hover { background: none; color: #000 !important; } #deck-sub .icon-wrap { float: left !important; padding: 0 10px 25px 0px !important; margin: -5px -5px -5px -5px !important; } #deck-sub .sfnewsMetaInfo, #deck-sub .sfeventMetaInfo { font: 1.1em Arial, Helvetica, sans-serif; color: #000; margin: 0 0 0 20px; font-style: italic; } #deck-sub .events-feed { float: left; width: 90%; padding: 5%; margin: 0 0 15px 0; } #deck-sub .events-feed h2 { margin:0px; padding: 0px; } #deck-sub .events-feed h2 a { font-size: 0.78em !important; color: #006586; text-decoration: none; margin:0px !important; padding: 0px !important; } #deck-sub .events-feed h1 a:hover { color: #fff; text-decoration: none; } #deck-sub .events-feed ul { background: none; list-style: none; padding: 5px 0 0 0; } #deck-sub .events-feed ul li { clear: both; width: 100%; padding: 0px 0 5px 0; margin: 0px 0 5px 0; } #deck-sub .events-feed ul li a { width: 100%; font: 0.8em/1.1em Arial, Helvetica, sans-serif; color: #000 !important; text-decoration: none; padding: 0px 0 0 0; margin: -5px 0 0 0; } #deck-sub .events-feed ul li a:hover { background: none; color: #009fc7 !important; } .aside-home-feed { float: left; width: 90%; padding: 5% 5% 10% 5%; margin: 0%; } #content .aside-home-feed h1 { background: #fff !important; font: bold 1.30em Arial, Helvetica, sans-serif !important; color: #444; text-transform: none !important; padding: 0px !important; margin: 0 0 0.5em 0 !important; } #content .aside-home-feed h3 { border-top: 1px solid #ddd; padding: 5px 0 0 0; margin: 0 0 0 0; } #content .aside-home-feed p, .aside-home-feed a { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } #content .aside-home-feed .sfnewsTitle a { font: 0.85em/1.0em Arial, Helvetica, sans-serif !important; font-style: normal !important; color: #444 !important; } #content .aside-home-feed a:hover { color: #000; text-decoration: underline; } #content .aside-home-feed .sfnewsMetaInfo { font: 0.7em Arial, Helvetica, sans-serif; color: #888; text-align: right; padding: 5px 0 5px 0; margin: 0px; } #deck-sub .twtr-widget, .twtr-widget-profile { float: left; margin: -7px 0 0 0; } .twtr-hd { display: none; } .aside-feed ul li a { height: auto; width: 100%; border: none; font: bold 1.5em Arial, Helvetica, sans-serif; color: #6c6c6c; text-decoration: none !important; padding: 15px 0 0 0 !important; margin: 0px !important; } .aside-feed ul li a:hover { background: none; color: #222; text-decoration: underline !important; } /* LANDING PAGES ---------------------*/ #deck-main section#deck-quicklinks { float: left; width: 290px; padding: 0px; margin: 0 18px 0 0; } #deck-quicklinks ul { margin: 0px; padding: 25px 0 0 25px; } #deck-quicklinks ul li { clear: both; height: 55px; list-style: none; padding: 0 0 0 0; margin: 0px; } #deck-quicklinks ul li a { font: bold 1.4em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 0px 0 0 0; margin: 0px; } #deck-quicklinks ul li a:hover { color: #ff0; } #deck-quicklinks ul img { width: 32px; height: 32px; vertical-align: middle; padding: 0px 12px 0 0; margin: 0 0 0 0; } /* colored box quick links section colors */ /* about */ #deck-main section#deck-quicklinks .burgundy { height: 250px !important; background: #6c2227 !important; } /* academics */ #deck-main section#deck-quicklinks .brown { height: 250px !important; background: #644a46 !important; } /* enrichment */ #deck-main section#deck-quicklinks .violet { height: 250px !important; background: #635263 !important; } /* resources */ #deck-main section#deck-quicklinks .gray { height: 250px !important; background: #6f7f89 !important; } /* news and events */ #deck-main section#deck-quicklinks .blue { height: 250px !important; background: #0085b2 !important; } /* campus life */ #deck-main section#deck-quicklinks .orange { height: 250px !important; background: #ff854a !important; } /* admissions */ #deck-main section#deck-quicklinks .green { height: 250px !important; background: #86aa59 !important; } /* connect */ #deck-main section#deck-quicklinks .magenta { height: 250px !important; background: #570f33 !important; } /* SC to U */ #deck-main section#deck-quicklinks .dkblue { height: 250px !important; background: #006586 !important; } /* SC blue */ #deck-main section#deck-quicklinks .scblue { height: 250px !important; background: #00457c !important; } #deck-main section#deck-media {float: left; width: 655px; padding: 0px; margin: 0px; } section#deck-sub {float: left; clear: both; width: 980px; background: #f1f1eb url(images/bg-footer-home-land.png) repeat-x top left; padding: 20px; margin: 0 0 20px 0;} #deck-sub section#deck-testimonial { float: left; width: 280px; font: 1.2em/1.4em Arial, Helvetica, sans-serif; color: #666; padding: 0px; margin: 0 28px 0 0; } #deck-sub section#deck-text { float: left; width: 655px; font: 1.7em/1.5em Arial, Helvetica, sans-serif; color: #666; font-style:italic; padding: 0px; margin: -10px 0 0 0; } /* ASIDE ITEMS (INSIDE PAGES) --------------------------------------------------------*/ /* RELATED LINKS ---------------------*/ #content .aside-related-links { float: left; width: 100%; padding: 0px; margin: 0 0 15px 0; } #content .aside-related-links ul { list-style: none; padding: 0%; margin: 0 0 3% 0; } #content .aside-related-links ul li { background: #ddd; padding: 0 5% 0 5%; margin: 0%; } #content .aside-related-links h1 { background: #ddd; font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; padding: 5% 0 2% 5%; margin: 0%; } #content .aside-related-links h1 a { background: #ddd; font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; padding: 5% 0 2% 0%; margin: 0%; } #content .aside-related-links ul li a { display: block; width: 100%; border-bottom: 1px solid #b1b1b1; font: bold 0.9em/2.0em Arial, Helvetica, sans-serif; color: #888; text-decoration: none; padding: 3px 0 3px 0; } #content .aside-related-links ul li a:hover { display: block; background: #ddd; color: #333; } #content .aside-related-links ul li:last-child { padding-bottom: 12px; } /* CALL-TO-ACTION ---------------------*/ #content .aside-call-to-action { float: left; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-call-to-action img { border: 0px; padding: 0px; margin: 0px; } #content .aside-call-to-action h1 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 2% 0 -5% 0; } #content .aside-call-to-action p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #555; margin-bottom: 0%; } #content .aside-call-to-action a { font: 1.0em Arial, Helvetica, sans-serif; color: #888; } #content .aside-call-to-action a:hover { color: #fff; text-decoration: underline; } /* EVENT ITEMS ---------------------*/ #content .aside-events-feed { float: left; clear: both; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-events-feed h1 { font: bold 1.0em Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 -10px 0 !important; } #content .aside-events-feed ul { list-style: none; padding: 0%; } #content .aside-events-feed ul li { clear: both; padding: 0 0 0 1%; margin: 0 0 2% 0; } #content .aside-events-feed ul li a { font: 0.6em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0%; margin: -5px 0 0 0; } #content .aside-events-feed ul li a:hover { background: none; color: #009fc7 !important; } #content .icon-wrap { float: left !important; padding: 0 10px 35px 5px !important; margin: -1px -5px -5px -5px !important; } #content .aside-events-feed .sfeventMetaInfo { font: 1.1em Arial, Helvetica, sans-serif !important; color: #000; padding: 0px; margin: 3px 0 0 0; } /* NEWS ITEMS ---------------------*/ #content .aside-news-feed { float: left; clear: both; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-news-feed h1 { font: bold 1.0em Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 -10px 0 !important; } #content .aside-news-feed ul { list-style: none; padding: 0px; } #content .aside-news-feed ul li { clear: both; padding: 0 0 0 1%; margin: 0 0 2% 0; } #content .aside-news-feed ul li a { font: 0.6em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0%; margin: -5px 0 0 0; } #content .aside-news-feed ul li a:hover { background: none; color: #009fc7 !important; } #content .icon-wrap { float: left !important; padding: 0 10px 35px 5px !important; margin: -1px -5px -5px -5px !important; } #content .aside-news-feed .sfnewsMetaInfo { font: 0.7em Arial, Helvetica, sans-serif !important; color: #888; margin: 3px 0 0 20px; } /* CALENDAR VIEW ---------------------*/ .RadScheduler .rsHeader h2 { position: relative; top: -10px; text-indent: 0; text-transform: capitalize; } /* IMAGE ---------------------*/ #content .aside-image { float: left; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-image img { border: 0px; padding: 0px; margin: 0px; } #content .aside-image h1 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 2% 0 -5% 0; } #content .aside-image p { font: 1.1em Arial, Helvetica, sans-serif; color: #777; margin-bottom: 0%; } #content .aside-image a { font: 1.0em Arial, Helvetica, sans-serif; color: #888; } #content .aside-image a:hover { color: #fff; text-decoration: underline; } /* GALLERY FEED ---------------------*/ #content .aside-gallery-feed { float: left; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-gallery-feed h1 { background: none; font: bold 1.0em Arial, Helvetica, sans-serif; color: #888; text-transform: uppercase; padding: 0px; margin: 0 0 -5px 0; } #content .aside-gallery-feed .sfimagesTmbList { width: 100%; padding: 0%; margin: 0%; } #content .aside-gallery-feed li.sfimagesTmb { overflow: hidden; float: left; width: 95px; height: 60px; list-style: none; padding: 0px; margin: 0 4px 4px 4px; } #content .aside-gallery-feed .sfimagesTmbList li.sfimagesTmb:hover { width: 85px; height: 50px; border: 5px solid #111; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } #content .aside-gallery-feed li.sfimagesTmb:first-of-type { overflow: hidden; float: left; width: 198px !important; height: 100px; list-style: none; padding: 0px; margin: 0 4px 4px 4px; } #content .aside-gallery-feed .sfimagesTmbList li.sfimagesTmb:hover:first-of-type { height: 90px; width: 188px !important; } .galleria-container { background: #fff; } .galleria-image-nav-left { background: none; } .galleria-image-nav-right { background: none; } #content .article-gallery-feed { float: left; width: 90%; background: #f3f3f3; padding: 5%; margin: 0 0 15px 0; } #content .article-gallery-feed h1 { background: none; font: bold 1.0em Arial, Helvetica, sans-serif; color: #888; text-transform: uppercase; padding: 0px; margin: 0 0 -5px 0; } #content .article-gallery-feed .sfimagesTmbList { width: 100%; padding: 0%; margin: 0%; } #content .article-gallery-feed li.sfimagesTmb { overflow: hidden; float: left; width: 140px; height: 100px; list-style: none; padding: 0px; margin: 4px; } #content .article-gallery-feed .sfimagesTmbList li.sfimagesTmb:hover { border: 5px solid #111; width: 130px !important; height: 90px !important; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } #content .article-gallery-feed li.sfimagesTmb:first-of-type { overflow: hidden; float: left; width: 140px !important; height: 208px; list-style: none; padding: 0px; margin: 4px; background: #333; } #content .article-gallery-feed .sfimagesTmbList li.sfimagesTmb:hover:first-of-type { height: 198px !important; width: 130px !important; } #content .article-gallery-feed .sfimagesTmbList li.sfimagesTmb:after { content: "View Photos \00bb"; color: #fff; float: right; margin: 6px 8px 0 0; } /* VIDEO ---------------------*/ #content .aside-video { float: left; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-video img { border: 0px; padding: 0px; margin: 0px; } #content .aside-video h1 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 2% 0 -5% 0; } #content .aside-video p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #555; margin-bottom: 0%; } #content .aside-video a { font: 1.0em Arial, Helvetica, sans-serif; color: #888; } #content .aside-video a:hover { color: #fff; text-decoration: underline; } /* TEXT NOTE ---------------------*/ #content .aside-note { float: left; width: 90%; background: #e2e2e2; padding: 5%; margin: 0 0 15px 0; } #content .aside-note h1 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 0 0 3% 0; } #content .aside-note p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #555; } #content .aside-note ul { padding: 0%; margin: 0 0 0 10%; } #content .aside-note ol { padding: 0%; margin: 0 0 0 10%; } #content .aside-note ul li { font: 1.1em/1.4em Arial, Helvetica, sans-serif; color: #555; margin: 0 0 3px 0; } #content .aside-note ol li { font: 1.1em/1.4em Arial, Helvetica, sans-serif; color: #555; margin: 0 0 3px 0; } /* CONTACT ---------------------*/ #content .aside-contact-burgundy { float: left; width: 100%; background: #6c2227 url(images/bg-contact-burgundy.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-burgundy p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px;} #content .aside-contact-burgundy a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-burgundy a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-brown { float: left; width: 100%; background: #644a46 url(images/bg-contact-brown.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-brown p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px; } #content .aside-contact-brown a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-brown a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-violet { float: left; width: 100%; background: #635263 url(images/bg-contact-violet.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-violet p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px; } #content .aside-contact-violet a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-violet a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-gray { float: left; width: 100%; background: #6f7f89 url(images/bg-contact-gray.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-gray p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px; } #content .aside-contact-gray a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-gray a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-blue { float: left; width: 100%; background: #0085b2 url(images/bg-contact-blue.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-blue p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px;} #content .aside-contact-blue a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-blue a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-orange { float: left; width: 100%; background: #ff854a url(images/bg-contact-orange.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-orange p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px;} #content .aside-contact-orange a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-orange a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-green { float: left; width: 100%; background: #86aa59 url(images/bg-contact-green.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-green p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px; } #content .aside-contact-green a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-green a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-magenta { float: left; width: 100%; background: #570f33 url(images/bg-contact-magenta.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-magenta p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px;} #content .aside-contact-magenta a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-magenta a:hover { background: none; color: #009fc7; text-decoration: underline; } #content .aside-contact-scblue { float: left; width: 100%; background: #00457c url(images/bg-contact-scblue.jpg) no-repeat bottom left; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 8px 0; margin: 0%; } #content .aside-contact-scblue p { color: #fff !important; padding: 5% 5% 7% 5%; margin: 0px;} #content .aside-contact-scblue a { font-weight: normal; color: #fff; text-decoration: none; } #content .aside-contact-scblue a:hover { background: none; color: #009fc7; text-decoration: underline; } /* TYPOGRAPHY ELEMENTS --------------------------------------------------------*/ #content h1 { font: bold 2.1em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 -0.25em 0; } #content h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #444; margin: 15px 0 -0.25em 0; } #content h3 { font: bold 1.3em Arial, Helvetica, sans-serif; color: #444; margin: 15px 0 -0.25em 0; } #content p, table { font: 1.2em/1.5em Times Arial, Helvetica, sans-serif; color: #777; } #content ul li { font: 1.2em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 0.08em 0 0 0; } #content ol li { font: 1.2em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 0.08em 0 0 0; } #content ul li ul li { font: 1.0em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 0.08em 0 0 0; } #content ol li ol { margin: 0.5em 0 0.5em 0; } #content ol li ol li { font: 1.0em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 0.5em 0 0 0; } #content ul li > ul li { font: 1.05em/1.6em Arial, Helvetica, sans-serif !important; } #content ul li ul { margin: 0.5em 0 0.5em 0; } #content ol li ul { margin: 0.5em 0 0.5em 0; } #content ol li ul li { font: 1.0em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 0.08em 0 0 0; } #content ul li ol li { font: 1.15em/1.6em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 1.0em 0 0 0; } #content ul li.no-bullets { list-style: none; padding: 0px; margin: 0px; } #content ul.no-bullets { list-style: none; padding: 0px; margin: 0px; } #content a { font: Arial, Helvetica, sans-serif; color: #105cb6; /*old color: #00468c;*/ text-decoration: none; } #content a:hover { background: #e7e7e7; color: #555; text-decoration: underline; } section#links a { font: italic 1.0em Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } section#links a:hover { color: #000; } section#links p { clear: both; font: 1.0em Arial, Helvetica, sans-serif; color: #000; } .aside-feed-title { font: 1.4em arial !important; line-height: .70 !important; padding: 5px 0 0 0 !important; } .aside-feed-date { font-size: 0.7em; margin: 3px 0 -4px 0; } h2.news-title-listing { width: 80%; font: 0.9em/1.5em arial, helvetica, sans-serif !important; padding: 15px 0 0 0; margin: -2px 0 10px 0 !important;} h2.news-title-listing a {color: #444 !important;} a.button { background: #C0C09E !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 1.1em Arial, Helvetica, sans-serif !important; color: #000 !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button:hover { background: #00698C !important; color: #fff !important; text-decoration: none !important; } a.button-burgundy { background: #635263 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-brown { background: #644a46 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-violet { background: #635263 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-gray { background: #6f7f89 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-blue { background: #0085b2 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-orange { background: #ff854a !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-green { background: #86aa59 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-magenta { background: #570f33 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-dkblue { background: #006586 !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-scblue { background: #00457c !important; border: solid 1px #fff !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; } a.button-burgundy:hover, a.button-brown:hover, a.button-violet:hover, a.button-gray:hover, a.button-blue:hover, a.button-orange:hover, a.button-green:hover, a.button-magenta:hover, a.button-dkblue:hover, a.button-scblue:hover { background: #d1d1d1 !important; border: solid 1px #666 !important; color: #555 !important; text-decoration: none !important; } /* MISC ELEMENTS --------------------------------------------------------*/ #content hr { width: 100%; height: 1px; background: #bbb; border: 0px; color: #999; margin: 30px 0 30px 0; } .clear { clear: both; } .sf_cols.gray-box { background: #eee; padding: 10px; } /* LINK BUTTONS --------------------------------------------------------*/ a.cta-btn { /*float: left; display: block;*/ height: 25px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font: 14px/25px Helvetica, Arial, Sans-Serif; text-decoration: none; text-align: center; padding: 10.5px 16px; margin: 10px 10px 10px 0; } a.cta-btn.btn-light-gray { background: #e9e9e9 !important; color: #333 !important; } a.btn-light-gray:hover { background: #ddd !important; } a.cta-btn.btn-burgundy { background: #6C2227 !important; color: #fff !important; } a.btn-burgundy:hover { background: #48171B !important; } a.cta-btn.btn-brown { background: #644A46 !important; color: #fff !important; } a.btn-brown:hover { background: #3F2E2C !important; } a.cta-btn.btn-violet { background: #635263 !important; color: #fff !important; } a.btn-violet:hover { background: #473A47 !important; } a.cta-btn.btn-gray { background: #6f7f89 !important; color: #fff !important; } a.btn-gray:hover { background: #475258 !important; } a.cta-btn.btn-blue { background: #0085b2 !important; color: #fff !important; } a.btn-blue:hover { background: #005571 !important; } a.cta-btn.btn-orange { background: #ff854a !important; color: #fff !important; } a.btn-orange:hover { background: #FF5604 !important; } a.cta-btn.btn-green { background: #86aa59 !important; color: #fff !important; } a.btn-green:hover { background: #5A733C !important; } a.cta-btn.btn-magenta { background: #570f33 !important; color: #fff !important; } a.btn-magenta:hover { background: #35091F !important; } a.cta-btn.btn-scblue { background: #00457c !important; color: #fff !important; } a.btn-scblue:hover { background: #002646 !important; } /* NOTICE SLABS --------------------------------------------------------*/ /* colored 'what's new' box section colors */ /* about */ .notice-burgundy { width: 96%; background-color: #d6c1c3; padding: 0 2% 0 2%; } /* academics */ .notice-brown { width: 96%; background-color: #d8d2cd; padding: 0 2% 0 2%; } /* enrichment */ .notice-violet { width: 96%; background-color: #d9d5d9; padding: 0 2% 0 2%; } /* resources */ .notice-gray { width: 96%; background-color: #cad0d4; padding: 0 2% 0 2%; } /* news and events */ .notice-blue { width: 96%; background-color: #a1d2e3; padding: 0 2% 0 2%; } /* campus life */ .notice-orange { width: 96%; background-color: #ffd2bc; padding: 0 2% 0 2%; } /* admissions */ .notice-green { width: 96%; background-color: #d2e0c2; padding: 0 2% 0 2%; } /* connect */ .notice-magenta { width: 96%; background-color: #ddcfd6; padding: 0 2% 0 2%; } /* SC blue */ .notice-scblue { width: 96%; background-color: #c9d8e3; padding: 0 2% 0 2%; } /* for universal box sections in gray color */ .notice-gray-2c { float: left; width: 298px; border-top: 3px solid #999; background-color: #f3f3f3; padding: 10px; margin: 0 5px 5px 0; } .notice-gray-3c { float: left; width: 285px; border-top: 3px solid #999; background-color: #f3f3f3; padding: 10px; margin: 0 5px 5px 0; } /* IMAGE ELEMENTS --------------------------------------------------------*/ a img { border: 0px; } a img:hover { opacity: 0.5; filter: alpha(opacity=50); } .wrap-right { float: left; padding: 0 8px 0 0; } .wrap-left { float: right; padding: 0 0 0 8px; } /* TABLE ELEMENTS --------------------------------------------------------*/ .table table, tr, th, td { border: 1px solid #ddd; border-collapse: collapse; vertical-align: top; padding: 1%; } table.table { width: 100%; border-collapse: collapse; text-align: left; } .table tr th { background: #c3c3c3; color: #444; } .table tr th.small { font-size: 0.8em; line-height: 1.3em; } .table tr:nth-child(odd) { background:#fff; } .table tr:nth-child(even) { background:#eee; } .table tr:hover { background: #ffffbf; } table.rgMasterTable tbody { font-size: 1.1em; padding: 3px 0 3px 0; } .rgMasterTable tr:hover { background: #ffffbf; } .RadGrid_Sitefinity { outline: none; } tr.rgGroupHeader p { color: #333 !important; } .RadGrid_Sitefinity .rgGroupHeader { background: #ccc; } .RadGrid_Sitefinity .rgGroupHeader:hover { background: #ccc; } .rgCollapse { background-image: none !important; } /* FORM ELEMENTS --------------------------------------------------------*/ textarea, input { outline: none; } input:focus { border: 1px solid #009fc6; } table.border-spacing { border-spacing: 7px; } table tr td { font: 0.9em/1.5em Arial, Helvetica, sans-serif; color: #666; } .sfFormsEditor { font: 1.2em/1.5em Arial, Helvetica, sans-serif; color: #666; } .sfFormBox, .sfDropdownList { margin: 0 0 5% 0; } .sfTxtBlockMedium { margin: 2% 0 0 0; } table.form-table tr td { border: 0px; border-collapse: collapse !important; } table.form-table th { float: right; font-weight: normal; border: 0px; border-collapse: collapse !important; } .validator { font-size: 0.9em; } .confirmation-message { background: #87aa5a; padding: 10px; margin: 0 0 20px 0; } .confirmation-message p { color: #fff !important; } .sfError { color: red; font-size: .8em; } input[type="checkbox"] { margin: 7px 2px 0 0; } .sfSuccess { background: #175b00; font: 1.1em/1.8em arial, helvetica, sans-serif; color: #fff; padding: 10px; } /* COURSE SCHEDULES FILTERS --------------------------------------------------------*/ .tooltip{ display: inline; position: relative; } .tooltip:hover:after { position: absolute; bottom: 26px; left: 10%; width: 325px; border-radius: 5px; background: #333; background: rgba(0,0,0,.8); content: attr(title); color: #fff; padding: 5px 15px; z-index: 98; } .course-filter-button { display: block; width: 250px; height: 35px; background-color: #634942; color:#ffffff !important; line-height: 35px; text-align: center; } .course-filter-button:hover { background-color: #3a2c27 !important; text-decoration: none !important; } .form-input { width: 250px; height: 35px; background: #d8d2cd; margin: 0 0 7px 0; } /* LIST EXPANDABLE - REGULAR --------------------------------------------------------*/ .sfexpandableListWrp { font: bold 0.90em/40px Arial, Helvetica, sans-serif; color: #666; margin: -50px 0 50px 0; } .sflistExpandAllLnkWrp { text-align: right; } ul.list-expandable { list-style: none; padding: 0px; margin: 0px; } ul.list-expandable h4 { clear: both; padding: 0px; margin: 0 0 -5px 0; } ul.list-expandable h4 a { display: block; clear: both; width: 96%; background: #f1f1f1 url(images/icon-plus-sign.png) no-repeat left center; border-top: 1px solid #ccc; color: #666 !important; padding: 10px 0 10px 37px; margin: 0px; } ul.list-expandable h4 a:hover { background: #e3e3ec url(images/icon-plus-sign.png) no-repeat left center !important;; color: #333; } .sflistItemContent { font: 0.9em/1.0em Times Arial, Helvetica, sans-serif; color: #777; padding: 20px; margin: 0 0 0 18px; } .sflistListItem .sflistItemContent ul li { font-size: 1.2em !important; list-style-type: disc !important; margin: 5px 0 0 0 !important; } /* LIST EXPANDABLE - FAQ --------------------------------------------------------*/ ul.list-expandable-faq { list-style: none; padding: 0px; margin: 0px; } ul.list-expandable-faq h4 { background: #fff url(http://www.schoolcraft.edu/images/default-source/icon-sets/icon-faq-question-mark.png) no-repeat left center; clear: both; padding: 0px; margin: 0 0 -5px 0; } ul.list-expandable-faq h4 a { display: block; clear: both; width: 96%; border-top: 1px solid #eee; font-weight: normal; color: #00468c !important; padding: 8px 0 8px 30px; margin: 0px; } ul.list-expandable-faq h4 a:hover { background: none !important; } ul.list-expandable-faq .sflistItemContent { background: #f9f9f9; border-left: 4px solid #bbb; padding: 20px 38px 20px 40px; margin: 10px 10px 0 25px; } /* DETAIL PAGES --------------------------------------------------------*/ /* EVENT FULL PAGE LISTING AND DETAILS ---------------------*/ #content .sfeventListItem { list-style: none; padding: 0%; margin: 0%; } #content .sfeventsList { list-style: none; padding: 0%; margin: 0%; } #content .sfeventTitle { width: 100%; font: bold 1.6em Arial, Helvetica, sans-serif !important; padding: 0 0 6px 0 !important; } #content .sfeventTitle a, .events-link, .sfeventsAuthorAndDate { width: 100%; font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important; padding: 0 0 1.5% 0; margin: 1.25em 0 0 0; } #content .events-date { float: left; font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important; } #content h1.sfeventTitle { font: bold 1.8em Arial, Helvetica, sans-serif !important; color: #444 !important; padding: 0 0 1% 0; margin: 0%; } #content .sfeventLinksWrp { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0 0 2% 0; } #content .RadSocialShare { float: right; border: none; margin: -1.5% 0 0 0; } #content .sfeventContent img { padding: 0 2% 0 0; } #content .sfeventMetaInfo { font-size: 0.9em; } #content .sfTxtContent { font-size: 0.9em; line-height: 1.6em; } #content .sf_pagerNumeric a { border: 1px solid #777; background: #c0c0a3; font-size: .4em; padding: 2px 6px 2px 6px; margin: 25px 8px 0 0; } #content .sf_pagerNumeric { text-align: left; padding: 25px 0 10px 0; margin: 25px 0 25px 0; } /* NEWS DETAILS ---------------------*/ #content .sfnewsListItem { list-style: none; padding: 0%; margin: 0%; } #content .sfnewsList { list-style: none; padding: 0%; margin: 0%; } #content .sfnewsTitle a, #content .news-link, #content .sfnewsAuthorAndDate { font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important; padding: 0 0 1.5% 0; margin: 1.25em 0 0 0; } #content .news-date { float: left; font-size: 0.6em; } #content h1.sfnewsTitle { font: bold 1.8em Arial, Helvetica, sans-serif !important; color: #444 !important; padding: 0%; margin: 0%; } #content .sfnewsLinksWrp { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0 0 2% 0; } #content .sfnewsAuthorAndDate { font-size: 0.9em; } #content .RadSocialShare { float: right; border: none; margin: -1.5% 0 0 0; } #content .sfnewsContent img { padding: 0 2% 0 0; } #content .pager { clear: both; font: bold 1.8em Arial, Helvetica, sans-serif !important; text-align: left; } #content .sfnewsContent { font: 1.1em/1.4em Times Arial, Helvetica, sans-serif; color: #727272; } #content .sf_PagerCurrent { color: #fff !important; background: #666 !important; border: 1px solid #666 !important; } #content .pager a { padding: 0 5px 0 0; } #content nav#aside ul.sftaxonHorizontalList { background: none; padding: 3% 0 3% 0; margin: 0 0 8% 0; } /* COURSE DESCRIPTIONS --------------------------------------------------------*/ #course-quickview { float: right; background: #e2e2e2; width: 225px; padding: 10px; margin: 0 0 0 40px; } #course-quickview h1 { font: bold 0.9em Arial, Helvetica, sans-serif !important; text-transform: uppercase !important; padding: 0px !important; margin: 0px !important; } #course-quickview table tr td { border-color: #e2e2e2 !important; background: #ccc; padding: 5px; } /* COMMENTS --------------------------------------------------------*/ .sfcommentsList, .sfcommentsFieldsList { list-style: none; padding: 0px; margin: 0px; } .sfcommentsList { background: #eee; padding: 5%; } .sfcommentDetails, .sfcommentOfTheAuthor { border-bottom: 1px solid #ccc; padding: 2% 0 2% 0; } .sfcommentNumber { display: none; padding: 0px; margin: 0px; } .sfcommentsForm { border: 5px solid #ccc; } /* FLIP CARDS --------------------------------------------------------*/ .panel { float: left; position: relative; width: 400px; height: 300px; -webkit-perspective: 600px; -moz-perspective: 600px; margin: 20px 10px 20px 10px; } .panel .front { float: none; position: absolute; top: 0; left: 0; width: 450px; height: inherit; background: #ccc; text-align: center; z-index: 900; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .panel.flip .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 900; } .panel .reverse { float: none; position: relative; top: 0; left: 5px; width: 425px; height: inherit; border: none; background: #fff; z-index: 800; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .panel.flip .reverse { width: 400px; height: 260px; background: #ddd; padding: 20px; z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } /* TWITTER WIDGET --------------------------------------------------------*/ .tweet-box-button .web-intent { display: none !important; } div.timeline-footer { display: none !important; } .TwitterItem { border-top: 1px solid #ddd; padding: 5px 0 5px 0; margin: 3px 0 3px 0; } .TwitterFeed { font: 0.9em/1.2em Arial, Helvetica, sans-serif; color: #333; } .TwitterFeed .Title { font: bold 1.2em Arial, Helvetica, sans-serif; color: #333; } .TwitterFeedImage { display: none; } .TwitterFeedMessageDate { font-size: 0.65em; color: #aaa; text-transform: uppercase; } /* GRID CALENDAR --------------------------------------------------------*/ #MainContent_Content_C023_eventsFrontendCalendar_ctl00_ctl00_calendarsList { display: none; } .k-block, .k-widget { font-family: Arial, Helvetica, sans-serif; line-height: normal; } .k-content a { font-size: 0.8em; color: #00468c; text-decoration: none; } .k-content a:hover { color: #000; text-decoration: underline; } .k-window-action.k-link:hover { border: 0px; } .k-window { background: #e9e9e9 !important; } .sfAddEventWrp { background: #d9d9d9; padding: 7px; } .k-header { background: none !important; border: none; } /* TAB STRIP --------------------------------------------------------*/ .RadTabStrip .rtsLevel.rtsCenter { border-top: 1px solid #444; margin: -4px 0 0 0; } .RadTabStripTop_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL { background: #DEDFCF !important; } .RadTabStrip_Metro .rtsLevel1 .rtsLink { border: 0; color: #333; font: 1.2em/1.9em Arial, Helvetica, sans-serif; text-transform: capitalize; } a.rtsLink { color: #444 !important; } /* FANCYBOX POPUP --------------------------------------------------------*/ #fancybox-content { font: 1.4em/1.6em Arial, Helvetica, sans-serif; } /* DISCUSSION FORUM --------------------------------------------------------*/ table.sfforumThreadsList { width: 100%; border-collapse: collapse; } table.sfforumThreadsList table, tr, th, td { border: none !important; } table.sfforumThreadsList tr { border-bottom: 4px solid #ddd !important; } .sfforumThreadsList thead th { font-size: 0.8em; color: #000; } a.sfforumNewThreadLnk { float: left; display: block; height: 25px; background: #0085B2 !important; color: #fff !important; font: 1em Helvetica, Arial, Sans-Serif; line-height: 25px; text-decoration: none; text-align: center; padding: 5px 10px; margin: 20px 10px 10px 0; } input.sfforumReplyBtn { float: right; clear: both; border: 0px; background: #0085B2 !important; font: 12px Helvetica, Arial, Sans-Serif; line-height: 25px; color: #fff !important; text-decoration: none; text-align: center; } input.sfforumReplyBtn:hover { background: #006384 !important; } /* SCROLL-TO-TOP --------------------------------------------------------*/ .scroll-to-top { display:none; position: fixed; bottom: 30px; right: 50px; width: 80px; height: 25px; border-right: 5px solid #aaa; background: #333 url(images/bg-scroll-to-top.png) no-repeat top right; font: bold 0.9em/1.2em Arial, Helvetica, sans-serif; color: #aaa; text-transform: uppercase; text-decoration: none; padding: 10px; } .scroll-to-top:hover { text-decoration: none; } /* TAB SLIDEOUT --------------------------------------------------------*/ .slide-out-div { display: none; /*width: 250px; border: 1px solid #29216d; background: #ddd; padding: 20px;*/ } .slide-out-div h1 { font: bold 1.3em/1.1em Arial, Helvetica, sans-serif; color: #333; } .slide-out-div p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #333; } .handle { width: 40px; height: 122px; background: url(images/bg-tab-arrow.gif) top left no-repeat !important; } .handle:hover { opacity: 0.5; filter: alpha(opacity=70); } /* URGENT MESSAGE --------------------------------------------------------*/ #impmessagecontainer { border-bottom: 6px solid #f60; padding: 0%; margin: 0%; } #impmessagecontainer table.impmessagebox { padding: 0px; margin: 0px; width:100% } #impmessagecontainer table.impmessagebox tr td { background: #d7d7c4; border: hidden; border-collapse: collapse; padding: 8px 0 0 25px; margin: 0px; } table.impmessagebox tr.impmessagerow { visibility: hidden; display: none; color: #ccc; padding: 0px; margin: 0px; } table.impmessagebox tr.impmessagerow-expanded { color: #ccc; padding: 0px; margin: 0px; } .impmessagetopic { font: bold 1.3em/26px Arial, Helvetica, sans-serif; color: #6d2227; text-transform: uppercase; } table.impmessagebox h1 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #000; margin: 2px 0 -6px 0; } table.impmessagebox p { font: 1.0em Arial, Helvetica, sans-serif; color: #000; } table.impmessagebox td { border: hidden; border-collapse: collapse; } table.impmessagebox { border-collapse: collapse; padding: 0px; margin: 0px; } /* PROGRAM PAGE TEMPLATE STYLES --------------------------------------------------------*/ h1.program-bar-beige { float: left; width: 97.4%; height: 65px; background: #dfdfd0 !important; font-size: 2.0em !important; line-height: 65px !important; color: #404051 !important; font-weight: 600 !important; padding: 0 0 0 25px !important; margin: -4px 0 0 0 !important; } .academic-box { float: left; width: 227px; height: 340px; background: #EDEDE4; padding: 0px; margin: 0px; } h3.sfnewsTitle-academic-box { font: 0.9em arial, helvetica, sans-serif !important; color: #444 !important; } .separator-brown { border-top: 5px solid #644a46; display: block; margin: 5px 0 0 0; } /* PRODUCT LINE TEMPLATE STYLES --------------------------------------------------------*/ h1.product-line-violet { font: bold 1.2em Arial, Helvetica, sans-serif; color: #635263; text-transform: uppercase; } h1.product-line-burgundy { font: bold 1.2em Arial, Helvetica, sans-serif; color: #6c2227; text-transform: uppercase; } h1.header-bar-violet { float: left; width: 100%; background: #635263; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; } h1.header-bar-burgundy { float: left; width: 100%; background: #6c2227; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; } h1.header-bar-brown { float: left; width: 100%; background: #644a46; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; } .header-border-violet h2 { position: relative; left: 34%; width: 300px !important; background: #635263; font: 0.6em !important; color: #fff !important; font-weight: normal !important; text-align: center !important; padding: 10px 3px 5px 3px !important; margin: 30px 0 0 0 !important; } .header-border-burgundy h2 { position: relative; left: 34%; width: 300px !important; background: #6C2227; font: 0.6em !important; color: #fff !important; font-weight: normal !important; text-align: center !important; padding: 10px 3px 5px 3px !important; margin: 30px 0 0 0 !important; } .header-border-violet { border-bottom: 6px solid #635263; margin: 0 0 30px 0; } .header-border-burgundy { border-bottom: 6px solid #6c2227; margin: 0 0 30px 0; } .notice-product-line { width: auto !important; overflow: hidden; border: 1px solid #999; background: #ededed; padding: 15px; margin: 25px 0 25px 0; } .notice-product-line-footer { float: left; width: 96%; overflow: hidden; border: 1px solid #999; background: #e8e8dd; padding: 2%; margin: 0 0 50px 0; } /* CATEGORY/CLASS/COURSE BOX BUTTONS --------------------------------------------------------*/ ul.category-box-listing { list-style: none; padding: 0px; margin: 0px; } ul.category-box-listing li { list-style: none; padding: 0px; margin: 0px; } a.category-box-violet { display: block; float: left; width: 97.5%; height: 55px; background: #635263; line-height: 55px; color: #fff !important; padding: 0 0 0 2%; margin: 0 0 7px 0; } a.category-box-violet:hover { color: #333 !important; text-decoration: none !important; } ul.class-box-listing { list-style: none; padding: 0px; margin: 0px; } ul.class-box-listing li { list-style: none; padding: 0px; margin: 0px; } a.class-box-violet { display: block; float: left; width: 97.5%; height: 35px; border: 1px solid #999; background: #ededed url(images/bg-chevron-violet.gif) no-repeat right; line-height: 35px; color: #555 !important; padding: 0 0 0 2%; margin: 0 0 7px 0; } a.class-box-violet:hover { display: block; background: #ddd url(images/bg-chevron-violet.gif) no-repeat right !important; color: #000 !important; text-decoration: none !important; } a.class-box-burgundy { display: block; float: left; width: 97.5%; height: 60px; border: 1px solid #999; background: #ededed url(images/bg-chevron-burgundy.gif) no-repeat right; color: #555 !important; padding: 15px 0 0 2%; margin: 0 0 7px 0; } a.class-box-burgundy:hover { display: block; background: #ddd url(images/bg-chevron-burgundy.gif) no-repeat right !important; color: #000 !important; text-decoration: none !important; } a.class-box-brown { display: block; float: left; width: 97.5%; height: 35px; border: 1px solid #999; background: #ededed url(images/bg-chevron-brown.gif) no-repeat right; line-height: 35px; color: #555 !important; padding: 0 0 0 2%; margin: 0 0 7px 0; } a.class-box-brown:hover { display: block; background: #ddd url(images/bg-chevron-brown.gif) no-repeat right !important; color: #000 !important; text-decoration: none !important; } /* HIDE ELEMENTS --------------------------------------------------------*/ .reg-hide { display: none; } .sfcommentsFormWrp, .sfcalendarSidebar { display: none; } /* PRIORITY PAGE --------------------------------------------------------*/ #datapanels { width: 600px; height: 165px; margin: 0 auto 0 auto; } #studentdata th { width: 8em; } #studentdata td { width: 12em; } #errormsg { font-family: Arial, Helvetica, Sans-Serif; text-align: center; font-size: 1.25em; } #studentdatapanel { font-family: Arial, Helvetica, Sans-Serif; float: left; width: 300px; height: 130px; } #gaugepanel { font-family: Arial, Helvetica, Sans-Serif;/* float: right;*/ width: 225px; height: 150px; margin-right: 50px; } #systempanel { clear: both; } #googlecharts { margin: 0 auto 0 auto; } /* RESKIN BRAND ELEMENTS --------------------------------------------------------*/ .banner-darkblue { width: 270px; height: 124px; background: #201e3e; padding: 5px; } .banner-orange { width: 270px; height: 124px; background: #cf7505; padding: 5px; } .banner-center { width: 388px; height: 264px; background: #201e3e; padding: 5px; } .banner-gold { width: 270px; height: 124px; background: #965b07; padding: 5px; } .banner-blue { width: 270px; height: 124px; background: #6dbfd6; padding: 5px; } .banner-feature { width: 187px; height: 210px; background: #dedecf; padding: 5px; } .banner-product-dk { height: 75px; background: #none; padding: 5px; } .banner-product-lt { height: 75px; background: #none; padding: 5px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } } /* end of media query */ @media print { html, body { width: 100%; padding: 0; margin: 0; display: block; overflow: visible; } @page { size: portrait; margin: 1cm; } nav, #search, footer, #breadcrumbs, #pull-search, #scroll-to-top, img, #aside, #deck-main, #deck-sub { display: none; } h1 { font-size: 22pt; } h2 { font-size: 18pt; } h3 { font-size: 14pt; } p, ul, ol { font: 10pt/13pt Times New Roman, serif; } .aside-note h1, .aside-call-to-action h1 { font: bold 10pt/13pt Times New Roman, serif; } .aside-note p, .aside-note ul, .aside-call-to-action p, .aside-call-to-action ul { font: 9pt/12pt Times New Roman, serif; color: #444; } a { color: #999; text-decoration: underline; } table img { display: block !important; } table { page-break-inside : avoid; } .table table, tr, th, td { border: 1px solid #ddd; border-collapse: collapse; vertical-align: top; padding: 1%; } table.table { width: 100%; border-collapse: collapse; text-align: left; } .table tr th { background: #c3c3c3; color: #444; } .table tr th.small { font-size: 0.8em; line-height: 1.3em; } header:before { display: block; content: "Thank you for printing our content at www.schoolcraft.edu. Check back often for updates."; border: 1px solid #bbb; font-style: italic; text-align: center; padding: 3px 5px; margin: 0 0 10px 0; } } /* end of print query */ /* Gainful Emploment --------------------------------------------------------*/ #ge_body {margin: 0;} #gainful_employment {font-family: 'Lucida Grande', Arial; font-size:11px; color:#666;} #gainful_employment img {border: none;} #gainful_employment h1 {font-size: 1.6em; background-color:#edeeef; padding: 12px 15px 12px 15px; border: 1px #a7a9ac; border-style: solid solid none solid; border-radius: 3px 3px 0 0; margin:0;} #ge_content {background-color:#f8f8f8; padding: 0 15px 15px 15px; margin: 0; border: 1px solid #a7a9ac; border-radius: 0 0 3px 3px;} #gainful_employment h2 {font-size:1.5em; color:#333132; padding: 16px 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #dedede;} #gainful_employment table {font-size:1.3em; width:100%; color:#626262; padding-bottom:4px; border-collapsed: collapse; } #gainful_employment strong {color: #464646;} #gainful_employment table tbody tr td, #gainful_employment table tbody tr th {text-align:right; width:25%;} #gainful_employment table tbody tr td:first-child, #gainful_employment table tbody tr th:first-child {text-align:left; width:75%;} #ge_job_placement tbody tr td, #ge_debt_additional tbody tr td {border-top: 1px solid #dedede; padding-top:7px;} #ge_other_training {font-size: 11px; padding: 20px 0 3px 0;} #ge_other_training a, #ge_other_training a:visited {color: #626262;} #gainful_employment table#ge_employment tbody tr td, #gainful_employment table#ge_employment tbody tr th {width:40%;} #gainful_employment table#ge_employment tbody tr td:first-child, #gainful_employment table#ge_employment tbody tr th:first-child {width:60%;} #gainful_employment .error {border: 1px #a7a9ac; border-style: solid !important; color:red;} #gainful_employment .small {font-size: 9px;} #gainful_employment table, #gainful_employment tr, #gainful_employment th, #gainful_employment td { border: 1px solid #ddd; border-collapse: collapse; vertical-align: top; padding: 1%; } /* Progress Bar ----------------------------------------------------------*/ .progress-bar { background-color: #cccccc !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset; border-radius: 2px; width: 100%; height: 13px; position: relative; display: block; } /* IE Fallback */ .progress-bar > span { background-color: Green; border-radius: 2px; display: block; text-indent: -9999px; }