/* -------------------------------------------------------------- * Master style sheet for Albany Law School * copyright 2012 - Albany Law School * -------------------------------------------------------------- * NOTES * ---------- * The important IDs here are as follows. These are the wrappers * that enclose the displayed page, in this order. * - #s4-workspace - delimits the scrollable region * - #s4-bodyContainer - inner wrapper for same * - #MSO_ContentDiv - the system defined user content region * - #v5-wrapper - excludes all non-content * If any style rules are messing up the SharePoint controls, * most of which which sit outside these controls, * try prefixing the style rule with * #v5-wrapper for content * #s4-workspace for system pages * -------------------------------------------------------------- * Reset default browser CSS * ---------- * This is a minimal set. * See resets.css for the presumably complete CSS reset list. * -------------------------------------------------------------- */ #v5-wrapper table, form, legend, label, object, ul, ol, li, dl, dt, dd, address, acronym, abbr, blockquote b, i, var, tt, sup, sub, strong, em, big, small, samp, kbd, code, pre, ins, del, dfn, cite, p, h1, h2, h3, h4, h5, h6, hr, a, img, iframe, span, div { background-color: transparent; background-position: top left; background-repeat: no-repeat; border: 0; margin: 0; padding: 0; vertical-align: baseline; } /* ------------------------------------------ * make sure style rules for lists are limited * to actual page content */ #v5-wrapper ul, #v5-wrapper ol { list-style-type: none; } #v5-wrapper .full-content li, #v5-wrapper .right-content li, #v5-wrapper .left-content li { margin: 5px 0px; color: rgb(59, 60, 61); font: 13px/19px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper .full-content li a, #v5-wrapper .right-content li a, #v5-wrapper .left-content li a { font: 13px/19px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper ul .level-bullet { list-style-type: disc; background-image: none; } #v5-wrapper table { border-collapse: collapse; border-spacing: 0; } #v5-wrapper a { text-decoration: none; } /* html5 backwards-compatibility - elements also need to be declared in JavaScript shim */ hgroup, aside, nav, footer, header, article, section { display: block; } /* -------------------------------------------------------------- * Set page defaults * -------------------------------------------------------------- */ #v5-wrapper button, #v5-wrapper fieldset, #v5-wrapper textarea, #v5-wrapper select, #v5-wrapper input, #v5-wrapper form, body { color: rgb(59, 60, 61); margin: 0px; font: 13px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; background-color: #C4CCD3; overflow: auto; } /* people actually caught using font tags will be appropriately traumatized */ font { color: inherit !important; } #s4-bodyContainer { background-color: rgb(255, 255, 255); padding: 0px; margin-top: 5px; } #v5-wrapper .ms-rteElement-P, #v5-wrapper p { margin: 10px 0; color: rgb(59, 60, 61); font: 13px/19px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper b, #v5-wrapper strong { color: rgb(79, 82, 85); font-weight: bold; } #v5-wrapper cite, #v5-wrapper em { font-style: italic; } #v5-wrapper a strong, #v5-wrapper a { color: rgb(155, 53, 64); } #v5-wrapper dt { font-weight: bold; margin-top: 1.0em; margin-bottom: 0px; } #v5-wrapper dd { margin-left: 15px; } #v5-wrapper dd p:first-child { margin-top: 0.5em; } #v5-wrapper h3.ms-standardheader { display: none; } /* -------------------------------------------------------------- * default header definitions * -------------------------------------------------------------- * alternate heading colors from original redesign * - color: rgb(134, 0, 36); (a slightly darker red) * -------------------------------------------------------------- */ #v5-wrapper h1, #v5-wrapper .ms-rteElement-H1, #v5-wrapper .ms-rteElement-H1B { font: bold 24px Georgia, "Times New Roman", serif; } #v5-wrapper h1, #v5-wrapper .ms-rteElement-H1 { color: rgb(11, 12 ,14);} #v5-wrapper .ms-rteElement-H1B { color: rgb(155, 53, 64); } #v5-wrapper h2, #v5-wrapper .ms-rteElement-H2, #v5-wrapper .ms-rteElement-H2B { margin: 20px 0 20px 0; font: normal 24px/28px Georgia, "Times New Roman", serif; } #v5-wrapper h2, #v5-wrapper .ms-rteElement-H2 { color: rgb(19, 20, 22); padding-bottom: 10px;} #v5-wrapper .ms-rteElement-H2B { color: rgb(155, 53, 64); } #v5-wrapper h3, #v5-wrapper .ms-rteElement-H3, #v5-wrapper .ms-rteElement-H3B { margin: 15px 0 5px 0; font: normal 20px/24px Georgia, "Times New Roman", serif;} #v5-wrapper h3, #v5-wrapper .ms-rteElement-H3 { color: rgb(27, 28, 30); } #v5-wrapper .ms-rteElement-H3B { color: rgb(155, 53, 64); } #v5-wrapper h4, #v5-wrapper .ms-rteElement-H4, #v5-wrapper .ms-rteElement-H4B { margin: 15px 0 5px 0; font: normal 16px/18px Georgia, "Times New Roman", serif; } #v5-wrapper h4, #v5-wrapper .ms-rteElement-H4 { color: rgb(35, 36, 38); } #v5-wrapper .ms-rteElement-H4B { color: rgb(155, 53, 64); } #v5-wrapper h5, #v5-wrapper .ms-rteElement-H5, #v5-wrapper .ms-rteElement-H5B { margin: 15px 0 0 0; padding-bottom: 0px; font: bold 14px/14px Georgia, "Times New Roman", serif;} #v5-wrapper h5, #v5-wrapper .ms-rteElement-H5 { color: rgb(43, 44, 46); } #v5-wrapper .ms-rteElement-H5B { color: rgb(155, 53, 64); } /* ------------------------------------------ * make sure link formatting doesn't override heading formatting */ #v5-wrapper h1 a, #v5-wrapper h2 a, #v5-wrapper h3 a, #v5-wrapper h4 a, #v5-wrapper h5 a { font-family: Georgia, "Times New Roman", serif !important; } /* ------------------------------------------ * collapse some top margins */ #v5-wrapper h3 + h4, #v5-wrapper h3 + [class*='-H4'] { margin-top: 0px; } #v5-wrapper h3 + p, #v5-wrapper h3 + [class*='-P'], #v5-wrapper h4 + p, #v5-wrapper h4 + [class*='-P'], #v5-wrapper h5 + p, #v5-wrapper h5 + [class*='-P'], #v5-wrapper ul li p { margin-top: 0px !important; } /* -------------------------------------------------------------- * Page wrapper rules * -------------------------------------------------------------- * Some of these are very important to ensure SharePoint works * properly. Changing them can break the page. Edit at your peril. * -------------------------------------------------------------- * I have inherited this bit and pretty much stuck that rule myself. * -------------------------------------------------------------- * Hierarchy: * body.v4master * -form@aspnetForm * --div#s4-ribbonrow (system) * --div#s4-workspace * ---div#ctl00_MSO_ContentDiv * ----div#v5-wrapper * -----header#v5-header * ------div#notificationArea (system) * ------div#masthead * ------nav#top-nav * ------div#s4-statusbarcontainer (system) * -----div#v5-page * ------div#v5-page-column-sidebar (system) * ------div#v5-page-column-main * -------div#v5-page-content * --------(varies by page from here) * -----footer#v5-footer */ /* ------------------------------------------ * override default (anti-)scrolling behavior */ body.v4master { overflow: visible; height: inherit; width: inherit; } /* ------------------------------------------ * set content wrapper for clean positioning */ #v5-wrapper { position: relative; width: 960px; margin: 0 auto; } /* ------------------------------------------ * sharepoint has overflow hidden by default, not good */ body #s4-workspace { overflow: visible !important; } body #aspnetForm #s4-bodyContainer { min-height: 150px; } /* ------------------------------------------ * tweak ribbon to make sure it behaves OLD body #s4-ribbonrow { position: fixed; z-index: 100; min-height: 0 !important; height: auto !important; } */ body #s4-ribbonrow { min-height: 0 !important; height: auto !important; } .ms-cui-menu[id ^= "Ribbon."] { position: fixed !important; } #s4-ribbonrow .ms-popoutMenu { position: fixed !important; } #s4-ribbonrow .ms-MenuUIPopupBody { position: fixed !important; } .ms-dlgOverlay { width: 100% !important; } /* ------------------------------------------ * set body content container to intended page width */ body #s4-bodyContainer { min-width: 0; width:960px; margin-left: auto; margin-right: auto; } /* -------------------------------------------------------------- * Miscellaneous template fixes * -------------------------------------------------------------- */ /* ------------------------------------------ * fix to ensure line height when I have to * crunch this field to manage page formatting */ .ms-selectorlink { line-height: 14px; } /* ------------------------------------------ * fix table alignments */ #v5-wrapper th { vertical-align: middle; text-align: left; background-color: #849099; color: #fff; } #v5-wrapper td { vertical-align: top; text-align: left; } .ms-rteTable-1 { line-height: 1.75; } /* ------------------------------------------ * Manage image widths * a forced override to clean up some layout bugs */ div[id*="_200w"] { width: 200px; } div[id*="_250w"] { width: 250px; } /* -------------------------------------------------------------- * MASTER TEMPLATE * -------------------------------------------------------------- */ /* -------------------------------------------------------------- * Masthead formatting for master template * -------------------------------------------------------------- */ header { width: 960px; } #masthead { width: 960px; background: url('images/AlbanyLaw.TopHeader.jpg') no-repeat top left; background-size: 960px 105px; height: 105px; position: relative; } /* ------------------------------------------ * skipnav to hide the skip navigation box * from normal browsers */ #masthead .skipnav { height: 0px; overflow: hidden; } /* ------------------------------------------ * format the masthead appearance * the title has been replaced with an image for the font * so we create a clickable box but hide the actual text * with the class "hideme" */ #masthead h1 { width: 500px; height: 50px; float: left; margin: 52px 0 0 0px; } #masthead h1 a { width: 500px; height: 50px; float: left; display: block; } /* ------------------------------------------ * format the search box and links at top - * complicated because we are emulating a pre-existing graphic * we might rething that at some point */ #masthead .quicklinks { width: 400px; padding: 25px 0 0 0; float: right; } #masthead .quicklinks ul { float: right; margin: 0px 20px 0px 0px; display: block; } #masthead .quicklinks ul li { float: left; text-transform: uppercase; font-size: 11px; line-height: 13px; letter-spacing: 1px; padding: 0px 5px; } #masthead .quicklinks ul li.inner, #masthead .quicklinks ul li.first { border-right: 1px solid #FFF453; } #masthead .quicklinks ul li a { margin: 0 2px; height: 15px; float: left; color: white; font-size: 10px; text-decoration: none;} #masthead .quicklinks .v5-tools { clear: both; } #masthead .quicklinks table.ms-sbtable { margin: 3px 24px 0 auto; float: right; } #masthead .quicklinks td { vertical-align: middle; padding: 0px; } #masthead table.ms-sbtable input[type="text"] { color: rgb(59, 60, 61); height: 19px !important; line-height: 19px !important; width: 191px !important; padding: 1px !important; } /* ------------------------------------------ * change the search icon */ .quicklinks table.ms-sbtable .srch-gosearchimg { display: none; } .quicklinks table.ms-sbtable .ms-sbgo a { background: url(images/gosearchhover.png) no-repeat; width: 20px; height: 20px; display: block; margin-left: 5px; } .quicklinks table.ms-sbtable .ms-sbgo a:hover { background:url(images/gosearch.png) no-repeat; } /* ------------------------------------------ * Create notched searchbox */ .ms-srch-sb.ms-srch-sb-border:hover, .ms-srch-sb.ms-srch-sb-borderFocused, .ms-srch-sb.ms-srch-sb-border { border-right-width: 0px; max-height:32px; border-color: white; } .ms-srch-sb.ms-srch-sb-borderFocused::before, .ms-srch-sb.ms-srch-sb-border::before { content: url('images/search-cap.jpg'); margin-left: -6px; float: left; } .ms-srch-sb .ms-srch-sb-searchLink:hover, .ms-srch-sb .ms-srch-sb-navLink:hover { background-color: white; border-color: white; } .ms-srch-sb .ms-srch-sb-searchLink { border-width: 6px 1px 6px 4px; border-color: #435059; } #v5-search { text-align: right; margin: 15px 0 0 0; } #v5-search input { color: #9EA5A9; padding-left: 10px; margin: 6px 0px; background-color: transparent; } /* -------------------------------------------------------------- * format the top menu bar * -------------------------------------------------------------- * there are probably way too many position relatives in here * was trying to clean up some stacking issues * -------------------------------------------------------------- */ #topmenu { text-align: center; position: relative; z-index: 20; height: 32px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; width: 929px; margin-left: 31px; } #topmenu > ul { height: 32px; margin: auto; } #topnav { background: url('images/topmenu-background.png') repeat-y top left; } /* This hides the (unused?) sharepoint status bar */ #pageStatusBar[class], .ms-status-msg { display: none; } /* ------------------------------------------ * the menu is actually a set of menus * floated in a row */ #v5-wrapper #topmenu .topmenu-item { float: left; height: 32px; width: 112px } #v5-wrapper #topmenu .topmenu-item.academic-life { margin-left: 10px; } /* ------------------------------------------ * disable sharepoint collapsing menu icon */ #v5-wrapper #topmenu .additional-background { background-image: none; padding-right: 0px !important; } /* ------------------------------------------ * sharepoint bugaboos cleanup */ #v5-wrapper #topmenu .topmenu-item .menu-item-text { display: inline; white-space: normal; } /* ------------------------------------------ * the buttons themselves */ #topmenu ul li.static { height: 32px; background-color: transparent; text-transform: uppercase; position: relative; float: left; text-align: center; width: 106px; } #topmenu ul li.static > a { float: left; text-align: center; color: rgb(255, 255, 255); font-weight: bold; height: 23px; padding: 8px 0 0 0; text-decoration: none; } #topmenu ul li.static > a { width: 112px; } #topmenu li.static>a span.menu-item-text::after{ content: url('images/downArrow.jpg'); } /* ------------------------------------------ * the dropdowns, which ignore the SharePoint method */ #topmenu ul li ul.dynamic { display: none; position: absolute; top: 32px; left: 0px; width: 200px; background-image: none; padding: 0px; border: none; z-index: 5; } #topmenu .dynamic { font-size: 12px; } #topmenu ul li:hover ul.dynamic { display: block; z-index: 25; } #topmenu ul li ul.dynamic li { position: relative; background-color: #DADFE3; color: rgb(59, 60, 61); text-align: left; width: 200px; } #topmenu ul li ul.dynamic li a { display: block; position: relative; color: rgb(59, 60, 61); text-align: left; width: 180px; padding: 4px 10px 4px 10px; text-transform: none; text-indent: -5px; z-index: 25; text-decoration: none;} /* tweak the right-most menu back onto the page */ #topmenu ul li ul.shift-left, #topmenu .shift-left ul li ul.dynamic { left: -92px !important; } /* -------------------------------------------------------------- * format the page footer * -------------------------------------------------------------- * the entire footer is a list with the list items * independently positioned */ /* ------------------------------------------ * a tad wider to account for the borders in the content */ #v5-footer { width: 960px; clear: both; } ul.footer-list { position: relative; display: block; width: 960px; background-color: #435059; margin-bottom: 10px; height: 57px; margin-left: 0px; border-width: 0px; padding: 15px 0; } ul.footer-list li { float: left; } ul.footer-list li.footer-image { height: 57px; width: 57px; margin-left: 20px; margin-top: 0px; } ul.footer-list li.footer-image a { display: block; height: 57px; width: 57px; background: url('images/footer-logo.jpg') no-repeat; } ul.footer-list li#footer-copyright { display: block; float:right; text-align: right; font-size: 10px; margin-right: 20px; margin-top: 0px; color: white; clear: right; width: 240px; } ul.footer-list li#footer-copyright a { color: white; } ul.footer-list li#slogan { color: white; font-style: normal; font-size: 16px; text-align: center; margin: 4px 0px 6px 15px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } ul.footer-list li.footer-text { width: 475px;padding: 0px 0 0 15px; } #v5-wrapper ul.footer-list li.footer-text p { font-size: 10px; color: white; margin-top: 0px; line-height: 12px; } #v5-wrapper ul.footer-list li.footer-text a { font-size: 10px; color: #FFF453; /* yellow */ } /* ------------------------------------------ * format the social media bar */ ul.footer-list li.social-links { padding: 0 16px 0 0; float: right; } ul.footer-list li.social-links a { margin: 0 0 0 10px; display: inline-block; float: left; height: 30px; width: 30px; } /* ------------------------------------------ * use CSS background images with hidden text */ ul.footer-list li.social-links a.facebook-link { background: url('images/sprite-facebook.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.facebook-link:hover { background: url('images/sprite-facebook.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.twitter-link { background: url('images/sprite-twitter.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.twitter-link:hover { background: url('images/sprite-twitter.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.flickr-link { background: url('images/sprite-flickr.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.flickr-link:hover { background: url('images/sprite-flickr.jpg') no-repeat -30px 0; } ul.footer-list li.social-links a.rss-link { background: url('images/sprite-rss.jpg') no-repeat 0 0; } ul.footer-list li.social-links a.rss-link:hover { background: url('images/sprite-rss.jpg') no-repeat -30px 0; } /* -------------------------------------------------------------- * MAIN CONTENT FORMATTING * -------------------------------------------------------------- * Sub-master formatting that applies to all pages * or all pages in a set * -------------------------------------------------------------- * We have the following content breakdown * .full-content - a content section that spans the page * .right-content - a content section that assumes a left side bar * .left-content - all others * -------------------- * full content with no side bars is 960px * content with a narrow right side bar is 700px * content with a narrow left side bar is 670px * content with a wide right side bar is 620px * content with a wide left side bar is 600px (not used) * content with both side bars is 490px * -------------------- * the actual space available (assuming a 3px margin) is: * narrow column: 747px (210px side bar) * wide column: 667px (290px side bar) * both columns: 534px (2 x 210px side bar) * -------------------------------------------------------------- */ /* ------------------------------------------ * set the main body layout * CAUTION: these first three classes based * on side column position ended up not being * consistently used, good news is they all * currently have the same settings */ #bcol-main, #lcol-main, #rcol-main { width: 960px; margin-top: 0px; margin-bottom: 1px; z-index: 0; } /* ------------------------------------------ * the float is needed to make background * images work correctly */ .with-topics, .with-narrow-menu, .with-both { width: 960px; padding: 0; float: left; } .with-narrow-menu { background: rgb(255, 255, 255) url('images/side-bar-narrow.jpg') repeat-y left top; } .with-both { background: rgb(255, 255, 255) url('images/two-bars.jpg') repeat-y left top; } /* ------------------------------------------ * Notched borders for homepage content */ #home-main #content.with-topics::before { content: url('images/content-before.png'); line-height: 7px; font-size: 0px; display: block; } #home-main #content.with-topics { background-image: url('images/content-background.png'); background-repeat: repeat-y; background-position: top left; margin-top: 10px; } /* ------------------------------------------ * set the content areas */ /* no menus */ .full-content { width: 960px; margin: 20px 0px 0px 40px; padding: 0px 0px 40px 0px; float: left; min-height: 400px; } .full-content .s4-wpTopTable td { width: 960px; } /* right menu */ .left-content { width: 620px; margin: 20px 0px 0px 25px; padding: 0px 0px 40px 0px; float: left; min-height: 400px; } #home-main .left-content { padding-bottom: 0; } #home-main .right-col .ms-rtestate-field:last-child { display: block !important; padding-top: 40px; } .left-content .s4-wpTopTable td { width: 620px; } /* both menus */ .with-both .left-content { width: 490px; } .with-both .s4-wpTopTable td { width: 490px; } /* left menu */ .with-narrow-menu .right-content { width: 670px; margin: 20px 35px 0px 0px; padding: 0px 0px 10px 0px; float: right; min-height: 400px; } .with-narrow-menu .right-content .s4-wpTopTable td { width: 670px; } /* ------------------------------------------ * some banner fixes for browser consistency */ /* banner is image only, crunch out the text */ #banner { line-height: 0px; font-size: 0px; } /* make sure banner is always the right size */ #clear-topics, #clear-topics #banner { width: 667px; float: left; margin: 0px; padding: 0px; } .with-narrow-topics #clear-topics, .with-narrow-topics #clear-topics #banner { width: 747px; float: left; margin: 0px; padding: 0px; } #bcol-main #clear-topics, #bcol-main #clear-topics #banner { width: 534px; float: left; margin: 0px; padding: 0px; } #clear-menu, #clear-menu #banner { width: 667px; float: right; margin: 0px; padding: 0px; } .with-narrow-menu #clear-menu, .with-narrow-menu #clear-menu #banner { width: 747px; float: right; margin: 0px; padding: 0px; } /* -------------------------------------------------------------- * Breadcrumbs * -------------------------------------------------------------- */ #rcol-main #breadcrumbs { position: relative; top: -20px; left: 0px; } #lcol-main #breadcrumbs{ position: relative; top: -20px; left: -40px; } #bcol-main #breadcrumbs { position: relative; top: -20px; left: -20px; } #centers-bar #breadcrumbs { margin: 3px; } #breadcrumbs span { color: black; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 12px; letter-spacing: 1px; padding: 0px; } #breadcrumbs a { color: rgb(59, 60, 61); text-decoration: none; } /* separator text */ #breadcrumbs span.crumbles { color: rgb(155, 53, 64); font-weight: bold; padding: 0px 5px 0px 5px;} /* current page */ #breadcrumbs span.thisbite { font-weight: bold; color: #68c9d2; } /* -------------------------------------------------------------- * Left menu Bar * -------------------------------------------------------------- * There are plenty of tweaks here to deal with SharePoint code */ #narrow-menu-bar { width: 210px !important; float: left; padding: 0px; } #narrow-menu-bar .ms-formbody { padding-left: 15px; color: rgb(59, 60, 61); width: 190px !important; } #narrow-menu-bar .ms-formbody img { padding-top: 10px; padding-left: 15px; padding-bottom: 5px; } #narrow-menu-bar #menu-header { width: 210px !important; } #menu-header .ms-rtestate-field { line-height: 0px; } #menu-header .ms-rtestate-field img { padding: 0px; line-height: 0px; background-color: white; border-bottom: 1px solid white !important; } #menu-header ul { margin-bottom: 10px !important; background-color: transparent !important; } #menu-header ul li { margin-bottom: 0px !important; } #menu-header ul li a { padding: 5px 5px 5px 15px !important; width: 190px; color: rgb(155, 53, 64); } /* ------------------------------------------ * format the items for left navigation * when manually created */ #narrow-menu-bar ul { margin-top: 0px; width: 210px; float: left; background-color: rgb(255, 255, 255); padding-bottom: 1px; margin-bottom: -1px; } #narrow-menu-bar ul li { float: left; background-color: #DADFE3; margin: 0px 0px 1px 0px; } #narrow-menu-bar ul li:last-child { margin: 0px;} #narrow-menu-bar ul li.list-none { border: none; } #narrow-menu-bar ul li a { width: 190px; padding: 5px 10px 5px 10px; background-color: #DADFE3; display: block; } #narrow-menu-bar ul li p { color: rgb(59, 60, 61); font-size: 12px; line-height: 16px; margin-top: 2px; } #narrow-menu-bar a { color: rgb(59, 60, 61); } /* ------------------------------------------ * format the items for left navigation * when system generated */ #narrow-menu-bar table { width: 190px !important; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 { margin: 0px; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1 .ctl00_PlaceHolderMain_TreeView1_1 { font-weight: bold; color: rgb(19, 20, 22); text-decoration: none; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 a { color: rgb(19, 20, 22); } li.custom-sub-menu a { background-color: #DADFE3; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1 table, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 table { width: 210px !important; margin: 0px !important; border-bottom: 1px solid rgb(255, 255, 255) !important; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1 table td, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td { cell-padding: 0px !important; cell-spacing: 0px !important; white-space: normal !important; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1 table td a, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td a { display: inline-block; padding: 5px 5px 5px 10px; text-decoration: none;} #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table td a, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2n0Nodes table td a { padding-left: 20px; background-color: #DADFE3; width: 185px; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table td span.ctl00_PlaceHolderMain_TreeView1_0 { padding: 5px 5px 5px 10px !important; display: block; } #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td span.ctl00_PlaceHolderMain_TreeView2_0 { padding: 5px !important; display: block; background-color: #DADFE3} #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table tbody tr td:first-child, #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView2n0Nodes table tbody tr td:first-child { display: none; } [href='#ctl00_PlaceHolderMain_TreeView1_SkipLink'], [href='#ctl00_PlaceHolderMain_TreeView2_SkipLink'] { display: none; } #narrow-menu-bar #menu-footer .ms-rtestate-field { width: 210px; padding: 0px; display: block !important; clear: left; } #menu-footer .ms-rtestate-field { line-height: 1.25em; color: rgb(59, 60, 61); } #menu-footer .ms-rtestate-field p{ margin: 5px 0px; } /* -------------------------------------------------------------- * Topics Bar * -------------------------------------------------------------- */ #topics-bar { width: 290px; float: right; box-sizing: border-box; padding: 11px 8px; } #narrow-topics-bar { width: 210px; float: right; padding: 0px; } #topics-bar img { max-width: 246px; } /* ------------------------------------------ * topics header */ #topics-header .ms-rtestate-field { padding: 0px; background-color: rgb(255, 255, 255); margin-bottom: 0px; border: 0px; line-height: 0px; } #topics-header .ms-rtestate-field img { padding: 2px 0px 0px 0px; background-color: rgb(255, 255, 255); margin-bottom: 0px; border: 0px; } /* ------------------------------------------ * topics footer */ #topics-bar #topics-footer, #narrow-topics-bar #topics-footer { padding: 0px; display: block !important; clear: right; color: rgb(59, 60, 61); } #narrow-topics-bar #topics-footer { width: 210px; } #topics-bar #topics-footer .ms-rtestate-field { width: 246px; padding: 0px; display: block !important; clear: right; color: rgb(59, 60, 61); margin-bottom: 20px; line-height: 1.25em; } #narrow-topics-bar #topics-footer .ms-rtestate-field { width: 190px; padding: 10px 10px 20px 10px; display: block !important; clear: right; color: rgb(59, 60, 61); } #topics-footer .ms-rtestate-field p { padding-bottom: 10px; border-bottom: 1px solid; } /* ------------------------------------------ * wide bar formatting only * currently only used in the events calendar * so we can more narrowly focus the selectors * if it messes other things up */ #v5-wrapper #topics-bar #topics-footer h3 { font: bold 14px/16px Georgia, Times New Roman; padding: 20px 0px 5px 10px; margin: 10px 1px 1px 1px; text-transform : uppercase; clear: right; } #v5-wrapper #topics-bar #topics-footer h4 { font: normal bold 12px Georgia, Times New Roman; padding: 0px 0px 0px 10px; text-transform: uppercase; color: rgb(59, 60, 61); } #v5-wrapper #topics-bar #topics-footer ul li { color: rgb(59, 60, 61); min-height: 20px; border-top: 0px; margin: 0px 0px 1px 0px; } #v5-wrapper #topics-bar #topics-footer ul { padding-bottom: 1px; } #v5-wrapper #topics-bar #topics-footer ul li a { color: rgb(59, 60, 61); padding: 5px 0px; display: block; background-color: #FFF; } /* ------------------------------------------ * topics menu boxes * that -1 bottom margin is to fix some * browser bugaboos */ #v5-wrapper #topics-bar ul { margin-top: 0px; margin-bottom: 0px; width: 100%; float: right; background-color: rgb(255, 255, 255); padding-top: 2px; padding-bottom: 0px; } #v5-wrapper #topics-bar ul li { position: relative; min-height: 120px; max-height: 240px; padding: 0px; overflow: visible; background-color: white; width: 100%; margin-bottom: 6px } #v5-wrapper #topics-bar ul li.list-none { border: none; } #v5-wrapper #topics-bar #topic-item-report { clear: both; } #v5-wrapper #topics-bar ul li img, #v5-wrapper #topics-bar #topic-item-report .news-item img { float: left; margin: 0 10px 0 0; padding: 0px; height: 120px; width: 120px; } #v5-wrapper #topics-bar #topic-item-report .news-item { display: block; padding: 0px; border: 0px;height : 120px; } #v5-wrapper #topics-bar #topic-item-report .image-area-left { padding: 0px; } #v5-wrapper #topics-bar ul li div.topic-text { position: absolute; top: 0px; left: 130px; width: inherit; height: 120px; } #v5-wrapper #topics-bar ul li h3 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #92002A; margin-bottom: 4px; line-height: 20px; margin-top: 0px; text-transform: uppercase; position: relative; top: -2px; } #v5-wrapper #topics-bar #topic-item-report .blurb, #v5-wrapper #topics-bar ul li p { color: rgb(59, 60, 61); font-size: 12px; line-height: 16px; margin-top: 2px; } #v5-wrapper #topics-bar #topic-item-report .blurb p { margin-top: 0px; } /* -------------------------------------------------------------- * PAGE SPECIFIC FORMATTING * -------------------------------------------------------------- */ /* -------------------------------------------------------------- * Search results cleanup * -------------------------------------------------------------- */ #lcol-main #LeftCell { padding-left: 15px; color: rgb(59, 60, 61); width: 190px !important; } #lcol-main #MainLeftCell .srch-Title2 { margin-top: 15px; } #lcol-main #MainLeftCell .srch-Page-bg a, #lcol-main #MainLeftCell .srch-Title2 a { color: rgb(155, 53, 64) !important; } #lcol-main #MainLeftCell .srch-Page-bg strong { border: 1px solid rgb(155, 53, 64) !important; background-color: rgb(230, 204, 207); } #lcol-main #MainLeftCell .srch-Icon { margin-top: 15px; } #lcol-main #MainLeftCell .srch-results { margin-bottom: 25px; } #lcol-main #MainLeftCell .srch-Metadata1 { padding: 0px 0px 5px 25px; margin-top: 0px; } #lcol-main #MainLeftCell .search-h2 { padding: 0px 0px 0px 25px; } #lcol-main #RightCell, #lcol-main .srch-federationarea { display: none; } .ms-searchCenter-result-main { margin-left: 20px; } .ms-srch-hover-outerContainer { margin-left: -180px; } .ms-srch-hover-arrowBorder, .ms-srch-hover-arrow { margin-top: -70px; } .ms-srch-item-title h3 { margin-top: 0 !important; } /* -------------------------------------------------------------- * Formatting for course directory * -------------------------------------------------------------- */ #v5-wrapper .right-content .course-list .dfwp-list, #v5-wrapper .right-content .course-list .dfwp-item { width: 625px; list-style-type: none; margin-left: 0px; margin-top: 0px; padding-left: 0px; padding-top: 0px; } #v5-wrapper .right-content .course-list .dfwp-item { padding: 3px 5px 5px 5px; } #v5-wrapper .right-content .course-list ul.dfwp-list li:nth-child(even) { background-color: rgba(196, 204, 211, .15);} #v5-wrapper .right-content .course-list ul.dfwp-list li.alt-row { background-color: rgba(196, 204, 211, .15);} #v5-wrapper .course-items { display: block; min-height: 20px; width: 600px; } #v5-wrapper .course-list .course-info { margin: 0px; padding: 0px; width: 625px; } #v5-wrapper .course-list .course-description { width: 525px; clear: both; padding: 5px 0px 10px 10px; } #v5-wrapper .course-header { margin: 0px; padding: 0px; width: 625px; height: 30px; font-weight: bold; font-size: 20px; } #v5-wrapper .course-header .course-title { float: left; width: 400px; font-family: Georgia, "Times New Roman", serif; } #v5-wrapper .course-header .course-type, #v5-wrapper .course-header .course-credits { float: left; width: 100px; font-family: Georgia, "Times New Roman", serif; } #v5-wrapper .course-header .course-wide-title, #v5-wrapper .course-info .course-wide-title a { float: left; width: 625px; font-family: Georgia, "Times New Roman", serif; } #v5-wrapper .course-info .course-title a { float: left; width: 400px; font-family: Georgia, "Times New Roman", serif; } #v5-wrapper .course-info .course-type, #v5-wrapper .course-info .course-credits { float: left; width: 100px; } /* -------------------------------------------------------------- * Formatting for faculty directory (and others) * -------------------------------------------------------------- */ #v5-wrapper .fac-info{ margin: 0px; padding: 0px; width: 625px; } #v5-wrapper .fac-info h3 { padding: 5px 0px 0px 0px; margin: 0px; font-size: 16px; line-height: 16px; } #v5-wrapper .fac-info h3 a { margin: 0px; padding: 0px; font: 16px/16px Georgia, "Times New Roman", serif; } #v5-wrapper .fac-info .image-area-left { padding: 5px 10px 5px 0px; float: left; clear: left; } #v5-wrapper .fac-info-tight { margin: 0px; padding: 0px; width: 625px; } #v5-wrapper .fac-info-tight .position { font-style: italic; margin-bottom: 10px; } #v5-wrapper .left-content #fac-pages { /*position: relative;*/ margin-top: 0px; padding-top: 0px; } #v5-wrapper .left-content #fac-pages .dfwp-list, #v5-wrapper .left-content #fac-pages .dfwp-item { width: 480px; list-style-type: none; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; } #topics-footer .side-info { text-align: center !important; margin: auto !important; } #topics-footer .side-info h3 { text-align: center !important; margin: 0px auto !important; font-size: 16px; } #topics-footer .side-info img { text-align: center !important; margin: auto !important; } #topics-footer #fac-course-list .course-items { width: 190px; } #topics-footer #fac-course-list .dfwp-list .course-items { margin: 0px 0px 5px 0px; min-height: 0px; } /* ------------------------------------------ * These are for the faculty listing pages */ #v5-wrapper #menu-footer .faculty-sub h3 { font-size: 14px; padding-top: 5px; padding-left: 10px; margin: 0px; border-bottom: 1px solid rgb(255, 255, 255); } #v5-wrapper #menu-footer .faculty-sub ul { margin: 0px; width: 210px !important; border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 0px;} .faculty-sub .ms-webpartzone-cell { margin-bottom: 0px; } #v5-wrapper #menu-footer .faculty-sub li.dfwp-item { padding-left: 10px; margin-bottom: 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: white; border-collapse: collapse; } #v5-wrapper #menu-footer .faculty-sub li a { width: 180px; font-size: 1.0em;} span.pub-link, span.pub-faculty { display: block; } .pub-info.book .rollup-image img { float: left; margin: 0px 12px 12px 0px; } /* ------------------------------------------ * These are for the faculty directory page */ #menu-footer #fac-sub li { padding-left: 10px; } #menu-footer #fac-sub li a { width: 180px; font-size: 1.0em;} /* -------------------------------------------------------------- * Formatting for components unique to the faculty subsite * -------------------------------------------------------------- */ .fac-intra-mast { background: url('images/banners-sub/faculty-intra-mast.jpg') 0px -50px; height: 100px; } #faculty-banner, #faculty-intra-banner { position: relative; z-index: 5; width: 960px; clear: both; margin: 0px; padding: 0px; background: url('images/banners-sub/faculty-mast.jpg') 0px -50px; } #faculty-banner { height: 130px; } #faculty-intra-banner { height: 150px; } #faculty-banner h2 { position: absolute; bottom: 30px; left: 25px; font: 44px Georgia, Times New Roman; color: rgb(255, 255, 255); text-transform: uppercase; } #faculty-intra-banner .with-gray { position: absolute; bottom: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity:0.75; filter: alpha(opacity=75); width: 960px; height: 56px; } #faculty-intra-banner h2 { position: absolute; bottom: 2px; left: 10px; margin: 0px;font: 36px Georgia, Times New Roman; color: rgb(255, 255, 255); text-transform: uppercase; } #events-banner ul, #faculty-banner ul { position: absolute; bottom: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity:0.75; filter: alpha(opacity=75); padding-left: 20px; width: 940px; height: 35px; } #events-banner ul li, #faculty-banner ul li { display: inline; color: rgb(255, 255, 255) !important; } #events-banner ul li a, #faculty-banner ul li a { display: inline-block; color: rgb(255, 255, 255); padding: 10px; } #v5-wrapper .ssrn-link { float: right; margin-left: 5px; clear: right; } #v5-wrapper .ssrn-link a { display: inline-block; width: 104px; height: 51px; background-image: url('images/ssrn-logo.jpg') } /* -------------------------------------------------------------- * Formatting for components unique to the Reunion subsite * -------------------------------------------------------------- */ #reunion-banner { position: relative; z-index: 5; width: 960px; clear: both; margin: 0px; padding: 0px; background: url('/reunion/PublishingImages/Reunion-Banner.png'); } #reunion-banner { height: 282px; } #reunion-banner h2 { position: absolute; bottom: 30px; left: 25px; font: 44px Georgia, Times New Roman; color: rgb(255, 255, 255); text-transform: uppercase; } #reunion-banner ul { position: absolute; bottom: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity:0.75; filter: alpha(opacity=75); padding-left: 20px; width: 940px; height: 35px; } #reunion-banner ul li { display: inline; color: rgb(255, 255, 255) !important; } #reunion-banner ul li a { display: inline-block; color: rgb(255, 255, 255); padding: 10px; } .reunion {width: 630px; margin-left: 30px;} /* ------------------------------------------ * Notched borders for reunion content */ .with-topic-right { width: 960px; padding: 0; float: left; } #home-main #content.with-topic-right::before { content: url('images/content-before-right.png'); line-height: 7px; font-size: 0px; display: block; } #home-main #content.with-topic-right { background-image: url('images/content-background-right.png'); background-repeat: repeat-y; background-position: top left; margin-top: 10px; } /* -------------------------------------------------------------- * Formatting for components unique to the Kate Stoneman subsite * -------------------------------------------------------------- */ #stoneman-banner { background: url('images/banners-sub/stoneman-mast.jpg') 0px 0px no-repeat; height: 160px; position: relative; border-bottom: 2px solid rgb(255, 255, 255); clear: both;} #stoneman-banner h2 { margin: 0px; } #stoneman-banner h2 a { display: block; height: 125px; width: 960px; margin: 0px; } #stoneman-banner div#ctl00_PlaceHolderMain_TreeViewKn0Nodes { position: absolute; bottom: 0px; left: 0px; background-color: rgb(124, 102, 122); padding-left: 15px;width : 945px; height: 35px; } #stoneman-banner div#ctl00_PlaceHolderMain_TreeViewKn0Nodes table { color: rgb(255, 255, 255) !important; float: left; } #stoneman-banner div#ctl00_PlaceHolderMain_TreeViewKn0Nodes table a { display: inline-block; color: rgb(255, 255, 255); padding: 10px; } #v5-wrapper .with-stoneman { background: rgb(255, 255, 255) url('images/sidebar-purple04.jpg') repeat-y right top; } #v5-wrapper .with-stoneman .event-item .event-date-set .event-date { border: 1px solid #462747; } #v5-wrapper .with-stoneman .event-item .event-date-set .multi-day { border: 1px solid #462747; } #v5-wrapper .with-stoneman .event-item .event-date .event-month, #v5-wrapper .with-stoneman .event-item .multi-day .event-month { background-color: #462747; } #v5-wrapper .with-stoneman .event-item .event-day, #v5-wrapper .with-stoneman .event-item .event-weekday { color: #7C667A; } #v5-wrapper .with-stoneman .event-item .event-year { color: #462747; } #v5-wrapper .with-stoneman #topics-bar ul li { background-color: rgb(239, 240, 242); } #v5-wrapper .with-stoneman #topics-bar #topics-footer h4 { font: bold 12px Georgia, Times New Roman; padding: 0px 0px 0px 10px; text-transform: none; color: #462747; margin-bottom: 0px; } #v5-wrapper .with-stoneman #topics-bar #topics-footer ul { background-color: rgb(239, 240, 242); } #v5-wrapper .with-stoneman #topics-bar #topics-footer ul li a { background-color: rgb(239, 240, 242); padding: 0px; display:inline; color: rgb(155, 53, 64); } #v5-wrapper .with-stoneman #topics-bar #topics-footer ul li p { margin-left: 10px; margin-top: 0px; } /* -------------------------------------------------------------- * Formatting for components unique to the Paul Finkelman subsite * -------------------------------------------------------------- */ #finkelman-banner { background: url('images/banners-sub/finkelman-header.gif') 0px 0px no-repeat; background-color: rgb(0,0,0); height: 150px; position: relative; } #finkelman-banner h2 a { display: block; height: 125px; width: 670px; } #finkelman-banner .sub-title { background: url('images/banners-sub/FinkelmanPaul_290w.png') 0px 0px no-repeat; background-color: rgb(0,0,0); position: absolute; top: 0px; right: 0px; z-index: 10; width: 290px; height: 320px; } #finkelman-banner h2 { margin: 0px; color: rgb(255,255,255); font: small-caps 60px/60px Georgia, "Times New Roman", serif; } #finkelman-banner h2 a { display: block; height: 125px; width: 960px; margin: 0px; } #finkelman-banner ul { position: absolute; bottom: 0px; left: 0px; width: 655px; height: 35px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); background-color: rgb(156,31,46); padding-left: 14px; } #finkelman-banner ul li { font-weight: bold; display: inline; color: rgb(255, 255, 255) !important; } #finkelman-banner ul li a { display: inline-block; color: rgb(255, 255, 255); padding: 10px; } #v5-wrapper .with-finkelman { background: rgb(255, 255, 255) url('images/sidebar-black.png') repeat-y right top; } #v5-wrapper .with-finkelman h3 { font-size: 28px; border-bottom: 1px solid #9B3540; margin-bottom: 20px; } #v5-wrapper .with-finkelman h3.with-banner { font-size: 24px; line-height: 26px; border: 0px; margin-top: 5px !important; margin-bottom: 0px !important; padding: 0px !important; } #v5-wrapper .with-finkelman #topics-bar { margin-top: 170px; padding-bottom: 25px; } #v5-wrapper .with-finkelman #topics-bar #topics-footer h3 { background-color: rgb(134, 0, 37); background-color: rgb(156,31,46); color: rgb(255, 255, 255); margin: 0px; padding: 5px 10px 5px 5px !important; display: block !important; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } #v5-wrapper .with-finkelman #topics-bar #topics-footer h3 a { color: rgb(255, 255, 255); width: 275px; display: inline-block; } #v5-wrapper .with-finkelman #topics-bar #topics-footer h4 { color: rgb(239, 240, 234); margin: 5px; } #v5-wrapper .with-finkelman #topics-bar #topics-footer p { color: rgb(239, 240, 234); background-color: rgb(0,0,0); border: 0px; margin: 0px; padding: 10px 15px 2px 15px; width: 260px; } #v5-wrapper .with-finkelman #topics-bar #topics-footer p b, #v5-wrapper .with-finkelman #topics-bar #topics-footer p strong, #v5-wrapper .with-finkelman #topics-bar #topics-footer p a { color: rgb(203, 51, 62); } #v5-wrapper .with-finkelman #topics-bar #topics-footer li { color: rgb(239, 240, 234); background-color: rgb(0,0,0); border: 0px; margin: 0px; padding: 0px 10px 2px 20px; width: 260px; } #v5-wrapper .with-finkelman #topics-bar #topics-footer ul { border: 0px; margin: 0px; padding: 5px 0px 0px 0px; background-color: rgb(0,0,0);} #v5-wrapper .with-finkelman .hide-pics .image-area-left { display: none; } /* -------------------------------------------------------------- * Formatting for components unique to the events pages * duplicated elements under faculty page formats * -------------------------------------------------------------- */ #v5-wrapper #events-info p:first-child { padding-top: 25px; } /* ------------------------------------------ * topics bar */ #v5-wrapper #topics-bar #topics-footer ul li a.current-view { background-color: #68c9d2; color: white;} #v5-wrapper #topics-bar #topics-footer .sidebar-event h4 { margin-top: 0px; padding-top: 5px; } #v5-wrapper #topics-bar #topics-footer .sidebar-event p { margin-bottom: 0px; padding-bottom: 5px; } #v5-wrapper #topics-bar #topics-footer div.no-lines .ms-rtestate-field, #v5-wrapper #topics-bar #topics-footer div.no-lines ul, #v5-wrapper #topics-bar #topics-footer div.no-lines li { border: 0px !important; margin: 0px !important; padding: 0px !important; } /* ------------------------------------------ * banner (menu defined above in faculty) */ #events-banner { position: relative; z-index: 5; margin: 0px; padding: 0px; width: 960px; height: 100px; background-image: url('images/banners-sub/events-mast.jpg'); clear: both; } #events-banner h2 { position: absolute; bottom: 25px; left: 25px; color: rgb(155, 53, 64); font: normal 36px Georgia, serif; text-transform: uppercase; } /* ------------------------------------------ * event items */ #v5-wrapper .event-item, #v5-wrapper .old-event-item { position: relative; padding: 5px 10px 5px 10px; clear: both; margin-bottom: 5px; min-height: 70px; } #v5-wrapper .event-item .am-pm, #v5-wrapper .old-event-item .am-pm { text-transform: lowercase; } #v5-wrapper .event-item .image-area-right, #v5-wrapper .old-event-item .image-area-right { padding: 0px 0px 10px 10px; } #v5-wrapper .event-item .description, #v5-wrapper .old-event-item .description { color: rgb(59, 60, 61); font: 13px/19px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper .event-item .event-content, #v5-wrapper .old-event-item .event-content { padding-left: 70px; } #v5-wrapper .event-has-span .event-date-set, #v5-wrapper .event-item .event-date-set, #v5-wrapper .old-event-item .event-date-set { position: absolute; top: 0px; left: 0px; } #v5-wrapper .event-has-span .thru-arrow { display: none; } #v5-wrapper .event-has-span .event-date-set:hover { top: 4px; left: -60px; } #v5-wrapper .event-has-span .event-date-set:hover .multi-day { top: 5px; left: 65px; } #v5-wrapper .event-has-span .event-date-set:hover .thru-arrow { position: absolute; top: 30px; left: 57px; z-index: 10; display: block; height: 32px; width: 17px; background-image: url("images/thru-arrow.png"); } #v5-wrapper .event-item .event-date-set .event-date { position: absolute; top: 5px; left: 0px; z-index: 4; background-color: rgb(255, 255, 255); width: 60px; padding: 0px; border: 1px solid rgb(103, 22, 33); } #v5-wrapper .event-item .event-date-set .multi-day { position: absolute; top: 9px; left: 5px; z-index: 2; width: 60px; padding: 0px; border: 1px solid rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-date-set .event-date { position: absolute; top: 5px; left: 0px; z-index: 4; width: 60px; padding: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 206, 185); } #v5-wrapper .old-event-item .event-date-set .multi-day { position: absolute; top: 9px; left: 5px; z-index: 2; width: 60px; padding: 0px; border: 1px solid rgb(204, 206, 185); } #v5-wrapper .event-item .event-month, #v5-wrapper .old-event-item .event-month { color: rgb(255, 255, 255); padding: 1px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 14px; text-transform: uppercase; } #v5-wrapper .event-item .event-date .event-month, #v5-wrapper .event-item .multi-day .event-month { background-color: rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-date .event-month, #v5-wrapper .old-event-item .multi-day .event-month { background-color: rgb(204, 206, 185); } #v5-wrapper .event-item .event-day, #v5-wrapper .old-event-item .event-day { padding: 1px 5px 0px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 18px; } #v5-wrapper .event-item .event-weekday, #v5-wrapper .old-event-item .event-weekday { padding: 1px 5px 0px 5px; margin: 0px; width: 50px; text-align: center; font-weight: bold; font-size: 10px; line-height: 10px; text-transform: uppercase; } #v5-wrapper .event-item .event-day, #v5-wrapper .event-item .event-weekday { color: rgb(155, 53, 64); } #v5-wrapper .old-event-item .event-day, #v5-wrapper .old-event-item .event-weekday { color: rgb(127, 129, 131); } #v5-wrapper .event-item .event-year, #v5-wrapper .old-event-item .event-year { padding: 0px 5px 2px 5px; width: 50px; text-align: center; font-weight: bold; font-size: 12px; line-height: 12px; } #v5-wrapper .event-item .event-year { color: rgb(103, 22, 33); } #v5-wrapper .old-event-item .event-year { color: rgb(127, 129, 131); } /* ------------------------------------------ * simple event items */ #v5-wrapper .event-simpledate { border-top: 1px solid rgb(103, 22, 33); padding: 0px; font-weight: bold; font-size: 14px; text-transform: uppercase; position: relative; margin-left: -5px; } /* #v5-wrapper .event-item .event-simplecontent { width: 450px; } */ #v5-wrapper .event-simpledate .event-month, #v5-wrapper .event-simpledate .event-day, #v5-wrapper .event-simpledate .event-year { padding: 1px 5px; width: 50px; margin: 0px; text-align : center; display: inline-block; font-size: 14px; } #v5-wrapper .event-simpledate .event-month, #v5-wrapper .event-simpledate .event-day { background-color: rgb(103, 22, 33); color: rgb(255, 255, 255); } #v5-wrapper .event-simpledate .event-year { color: rgb(103,22, 33); } /* -------------------------------------------------------------- * Formatting for components for the home page * The #home-main div is also used on the faculty home page * -------------------------------------------------------------- */ #home-main { width: 960px; margin-top: 0px; } #home-banner { position: relative; z-index: 5; width: 960px; height: 296px; clear: both; margin: 0px; padding: 0px; background-image: url('images/banners-home/01_home_banner.jpg'); } #home-main .left-col { float: left; width: 338px; box-sizing: border-box; margin: 0px; padding: 0px 27px 0px 29px; } #home-main .right-col { float: left; width: 332px; box-sizing: border-box; margin: 0px; padding: 0px 27px 0px 27px; } #home-main .left-content { width: 670px; margin: 0 0 10px 0; } #home-main .left-col h2, #home-main .right-col h2 { clear: right; } #home-main p, #home-main .ms-rteElement-P { line-height: 1.25em; margin-bottom: 0.75em; margin-top: 0.75em; } #v5-wrapper .with-dots p:after { content: " . . . "; display: block; color: rgb(155, 53, 64); text-align: center; } #home-main .with-dots p:after { content: "______"; color: #68c9d2; } #v5-wrapper .with-dots li:after { content: " . . . "; display: block; color: rgb(155, 53, 64); text-align: center; } #home-main .with-dots li:after { content: "______"; color: #68c9d2; } #home-main .with-dots li:last-of-type:after { content: none; } #home-main .with-dots p:last-of-type:after { content: none; } #v5-wrapper .with-bar p:after { content: "____________________"; display: block; color: rgb(155, 53, 64); text-align: center; } #home-main .left-content a { color: rgb(59, 60, 61); } #home-main .custom-links a { color: rgb(155, 53, 64); } #home-main .left-content .img-holder { margin: auto; clear: right; margin-top: 0.5em; text-align: center; } #home-main .left-content h2, #home-main .left-content .ms-rteElement-H2 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 18px; color: #68c9d2; text-transform: uppercase; } #home-main .left-content h3, #home-main .left-content .ms-rteElement-H3 { font: small-caps 14px/16px Georgia, "Times New Roman", serif; margin-bottom: 0px; } /* -------------------------------------------------------------- * Formatting for clean pages (no side columns) * -------------------------------------------------------------- */ #clean-main { width: 960px; margin-top: 1px; margin-bottom: 0px; } #clean-main .full-content { width: 880px; } #clean-main .dotted-middle { background: url('images/dotted-border.jpg') 435px top repeat-y; } #clean-main .left-col { width: 415px; margin: 0 50px 15px 0; float: left; } #clean-main .right-col { width: 415px; float: left; } /* -------------------------------------------------------------- * Formatting for the Centers pages * -------------------------------------------------------------- */ /* ------------------------------------------ * Centers title bar * The 1px top border is to fix some layout bugs */ #centers-bar { width: 960px; margin: 0px auto 0px auto; background-color: #E8ECEF; border-top: 1px solid #E8ECEF; } #centers-bar h2 { font: normal 30px Georgia, serif; text-transform: uppercase; color: rgb(155, 53, 64); padding: 10px; margin: 0px; } /* ------------------------------------------ * Centers header navigation bar */ #v5-wrapper #centers-menu .additional-background { background-image: none; padding-right: 0px !important; } #centers-menu { position: relative; z-index: 10; width: 960px; height: 30px; background-color: #dadfe3; margin: 0px; } #centers-menu ul { position: relative; z-index: 10; margin: auto; } #centers-menu ul li { float: left; position: relative; z-index: 10; font-size: 12px; line-height: 12px; font-weight: bold; margin-top: 4px; height: 26px; padding: 0px; text-align: center; width: 191px; } #centers-menu ul li a { display: block; position: relative; z-index: 10; color: rgb(66, 65, 60); padding: 5px 0px; margin: auto; height: auto; width: 191px; border-right: 1px solid rgb(155, 53, 64); } #centers-menu div.last-menu ul li a { border-right: 0px; } #centers-menu ul li.last-item a, #centers-menu .CELT-Menu ul li:last-child a, #centers-menu .GLC-Menu ul li:last-child a { border-right: none; } #centers-menu ul li .submenu, #centers-menu ul.static li ul.dynamic { position: absolute; top: 26px !important; left: 0px !important; z-index: 15; display: none; width: 190px; border: 1px solid rgb(255, 255, 255); background-image: none; } #centers-menu ul li .submenu li, #centers-menu ul li ul.dynamic{ padding: 0px; border: none; background-color: #E8ECEF; } #centers-menu ul li ul.dynamic li { display: block; z-index: 15; width: 190px; height: auto; margin-top: 0px; color: rgb(59, 60, 61); text-align: left; border: none; } #centers-menu ul li .submenu li a, #centers-menu ul li ul.dynamic li a { display: block; width:175px; height: auto; color: rgb(59, 60, 61); text-align: left; padding: 4px 5px 4px 10px !important; text-indent: -5px; text-transform: none; font-weight: normal; line-height: 14px; border-right: 0px; } #centers-menu ul li ul.dynamic li a .menu-item-text { overflow: visible !important; } #centers-menu ul li:hover .submenu, #centers-menu ul li:hover ul.dynamic { display: block; z-index: 15; border: none; } #centers-menu ul li .submenu li a:hover, #centers-menu ul li ul.dynamic li a:hover { position: relative; background-color: #dadfe3; z-index: 15; } /* ------------------------------------------ * Four column variant of the Centers menu. Used on Clinic & Justice Center */ #centers-menu.four-col ul li { width: 239px; } #centers-menu.four-col ul li a { width: 239px; } #centers-menu.four-col ul.static li ul.dynamic { width: 238px; } #centers-menu.four-col ul li ul.dynamic li { width: 238px; } #centers-menu.four-col ul li ul.dynamic li a { width:222px; } /* ------------------------------------------ * Three column variant of the Centers menu. Used on Clinic & Justice Center */ #centers-menu.three-col ul li { width: 320px; } #centers-menu.three-col ul li a { width: 320px; } #centers-menu.three-col ul.static li ul.dynamic { width: 238px; } #centers-menu.three-col ul li ul.dynamic li { width: 238px; } #centers-menu.three-col ul li ul.dynamic li a { width:222px; } /* -------------------------------------------------------------- * Centers topics bar * -------------------------------------------------------------- */ #topics-bar div.celt-bp-item { width: 290px; height: 62px; float: left; padding: 3px 0px 0px 0px; background-color: rgb(255, 255, 255); } #topics-bar div.celt-bp-item a { display: inline-block; width: 290px; height: 62px; padding: 0px; background-image: url('images/bestpract4le.png'); } /* -------------------------------------------------------------- * News Archive Pages * -------------------------------------------------------------- */ #v5-wrapper .showlist .dfwp-list { margin-left: 20px; list-style-type: disc; } #v5-wrapper .showlist .dfwp-item { margin: 0px; list-style-type: disc; } #v5-wrapper .dfwp-item .item { padding: 0px; } #v5-wrapper .listspaced ul.dfwp-list li.dfwp-item:nth-child(5n) { margin-bottom: 1.0em; } #v5-wrapper div.view-archives { float: right; margin-left: 15px; } /* -------------------------------------------------------------- * Site Map * -------------------------------------------------------------- */ #v5-wrapper .sitemap-content td a { color: rgb(59, 60, 61) !important; } #v5-wrapper .sitemap-content td { padding-bottom: 5px; } /* -------------------------------------------------------------- * Wiki Pages * -------------------------------------------------------------- */ #v5-wrapper .col-fluid-1 { background-color: rgb(255, 255, 255) !important; width: 966px; margin-left: -3px; } #v5-wrapper .col-fluid-1 li { margin: 5px 0px 5px 20px; color: rgb(59, 60, 61); font: 13px/18px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; list-style-type: disc; } #v5-wrapper .right-wp-zone-col { background-color: rgb(204, 206, 185); padding: 10px 0px; margin-top: 3px; margin-bottom: 3px; border-left: none; } /* -------------------------------------------------------------- * Gifting logo locations for Alumni pages * Not all are currently used * -------------------------------------------------------------- */ #v5-wrapper #centers-adbar { float: right; margin: -1px 0px 0px 10px; padding: 0px; } #v5-wrapper #centers-adbar a { display: block; width: 290px; height: 66px; margin: 0px; padding: 0px; background: #cccccb url('images/make-a-gift-adbar.jpg') no-repeat; } #v5-wrapper #topics-bar .gifting a { display: block; width: 290px; height: 80px; margin: 0px; padding: 0px ; background: rgb(255, 255, 255) url('images/make-a-gift.jpg'); border-top: 2px solid rgb(255, 255, 255); } #v5-wrapper #narrow-menu-bar .gifting a { display: block; width: 210px; height: 58px; margin: 0px; padding: 0px; background-image: url('images/make-a-gift_210w.jpg'); border-bottom: 1px solid rgb(255, 255, 255); } /* -------------------------------------------------------------- * Specific Link Image Buttons * -------------------------------------------------------------- */ .applynow a { display: block; height: 80px; width: 223px; background-image: url('images/apply_now.jpg'); } #its-link a { display: block; height: 80px; width: 210px; background-image: url('images/ITS_button.jpg'); } /* -------------------------------------------------------------- * Board of Trustees * -------------------------------------------------------------- */ #v5-wrapper .board-page p { margin: 5px 0px 5px 20px; line-height: 16px;} #v5-wrapper .board-page li.dfwp-item {color: rgb(59, 60, 61); font: 13px/13px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper .board-page li.dfwp-item a { font: 13px/16px Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } #v5-wrapper .board-page li.dfwp-item .item {padding: 3px 0px 3px 0px; } #v5-wrapper .board-page #narrow-menu-bar div#ctl00_PlaceHolderMain_TreeView1 #ctl00_PlaceHolderMain_TreeView1n0 { font-weight: bold; color: rgb(19, 20, 22); } #v5-wrapper .board-page .bot-archives h4 { margin-left: 0px; } /* -------------------------------------------------------------- * Conference Abstracts * -------------------------------------------------------------- */ .conf-abs .infocol-1 { display: block; clear: left; float: left; width: 300px; } .conf-abs .infocol-2, .conf-abs .infocol-2 { display: block; float: left; width: 150px; } /* -------------------------------------------------------------- * CUSTOM CLASSES * -------------------------------------------------------------- * Usable class rules across documents * -------------------------------------------------------------- */ /* ------------------------------------------ * hide content we are replacing with images */ .hideme { display: none; } /* ------------------------------------------ * Miscellaneous */ #v5-wrapper .img-link { margin: 5px 0px; float: left; } #v5-wrapper .caption { font-style: italic; color: rgb(103, 105, 107); font-size: 1.0em; text-align: center; } #v5-wrapper .sideheader { float: left; width: 250px; clear: both; margin-top: 0px; } #v5-wrapper .medals .sideheader { width: 60px; clear: both; } #v5-wrapper .sideheader + p { min-height: 30px; } /* ------------------------------------------ * News blurbs */ #v5-wrapper .monthly-item { padding: 10px; clear: both; } #v5-wrapper .monthly-item .image-area-left { padding-right: 20px; } #v5-wrapper .news-item { border-top: 1px solid rgb(204, 206, 185); padding: 20px 10px; clear: both; } #v5-wrapper .news-item .news-blurb p { margin-top: 0px; padding-top: 0px;} #v5-wrapper .news-item .news-blurb, #v5-wrapper .with-dots .news-blurb p { margin: 0px; padding: 0px; } #v5-wrapper .news-blurb a { color: rgb(155, 53, 64); } /* ------------------------------------------ * Some positioning and spacing fixes */ .clear { clear: both; } #v5-wrapper .clear250 { margin-left: 250px; } #v5-wrapper .padding40 { padding-left: 40px; } .scrunch-top, .scrunch-top table { margin-top: 0px !important; padding-top: 0px !important; } .scrunch-bottom, .scrunch-bottom table { margin-bottom: 0px !important; padding-bottom: 0px !important; } /* ------------------------------------------ * Alignments */ /* ------ center ------ */ #v5-wrapper .center { text-align: center; margin: auto; } /* ------------ right - */ #v5-wrapper img[align="right"], .ms-rtePosition-2, .right, .content_area_image_right { float: right; padding: 5px 0px 5px 15px; } /* - left ------------- */ #v5-wrapper img[align="left"], .ms-rtePosition-1, .left, .content_area_image_left { float: left; padding: 5px 15px 5px 0px; } /* ------------------------------------------ * Classes for style menu dropdowns in the ribbon */ /* ------ by-line ------ */ .ms-rteStyle-byline { -ms-name: "Byline"; } #v5-wrapper .byline, #v5-wrapper .ms-rteStyle-byline { font-style: italic; font-size: 0.9em; color: rgb(127, 129, 131) !important; } /* ------ callout 1 - lead para gray ------ */ #v5-wrapper .lead-para, #v5-wrapper .ms-rteElement-Callout1 { float: none; font: normal 16px/20px Georgia, "Times New Roman", serif; color: rgb(103, 103, 103); background-color: transparent; padding: 0px; width: auto; border: 0px; } /* ------ callout 2 - inline black ------ */ #v5-wrapper .inline-pull, #v5-wrapper .ms-rteElement-Callout2 { float: none; font: oblique normal 16px/20px Georgia, "Times New Roman", serif; color: rgb(0, 0, 0); background-color: transparent; width: auto; border: 0px; } /* ------ callout 3 - pullquote centerbox ------ */ #v5-wrapper .ms-rteElement-Callout3 { float: none; width: 425px; padding: 10px; margin: 10px auto 10px auto; background-color: rgb(239, 240, 234); border: 1px solid rgb(204, 206, 185); font-size: 11px; line-height: 14px; color: rgb(103, 103, 103); text-align:center; } /* ------ callout 4 - pullquote sidebox ------ */ #v5-wrapper .ms-rteElement-Callout4 { float: right; width: 190px; padding: 10px; margin-left: 10px; font-size: 11px; line-height: 14px; color: rgb(103, 103, 103); background-color: rgb(239, 240, 234); border: 1px solid rgb(204, 206, 185); } /* ------ callout 5 - Smaller text version of 1 ------ */ div.ms-rteElement-Callout5 { -ms-name: "Callout5"; } #v5-wrapper .ms-rteElement-Callout5 { font: oblique normal 14px/18px Georgia, "Times New Roman", serif; color: rgb(103, 103, 103); margin-top: 20px; } /* ------ citation - to tightly follow callouts ------ */ p.ms-rteElement-citation { -ms-name: "Citation Line"; } #v5-wrapper .citation, #v5-wrapper .ms-rteElement-citation { margin-top: 0px; margin-bottom: 10px; padding-top: 1px; line-height: 1.2em; padding-left: 15px; } /* ------ citation - to tightly follow callouts ------ */ p.ms-rteElement-citation-bold { -ms-name: "Citation Line Bold"; } #v5-wrapper .citation-bold, #v5-wrapper .ms-rteElement-citation-bold { margin-top: 0px; margin-bottom: 10px; padding-top: 1px; line-height: 1.2em; text-align: right; font-weight: bold; } /* ------ pull quotes ------ */ p.ms-rteElement-pull-left { -ms-name: "Pull Quote Left"; } p.ms-rteElement-pull-right { -ms-name: "Pull Quote Right"; } #v5-wrapper .ms-rteElement-pull-left, #v5-wrapper .ms-rteElement-pull-right { width: 230px; /* 250px with margin & padding */ color: #7D7D78; border-width: 2px 0; border-style: dotted; border-color: #dedfd8; font-size: 15px; line-height: 19px; margin-top: 10px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; } #v5-wrapper .ms-rteElement-pull-left{ margin-right: 20px; padding-right: 0px; float: left; } #v5-wrapper .ms-rteElement-pull-right { margin-left: 20px; padding-left: 0px; float: right; } /* ------ buttons ------ */ p.ms-rteElement-button-right { -ms-name: "Button Right"; } p.ms-rteElement-button-left { -ms-name: "Button Left"; } p.ms-rteElement-button-center { -ms-name: "Button Center"; } #v5-wrapper .ms-rteElement-button-right, #v5-wrapper .ms-rteElement-button-center, #v5-wrapper .ms-rteElement-button-left { width: 250px; font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size: 15px; line-height: 19px; text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 10px; color: #7d7d78; cursor: pointer; background-color: #68c9d2; } #v5-wrapper .ms-rteElement-button-right.highlighted a, #v5-wrapper .ms-rteElement-button-center.highlighted a, #v5-wrapper .ms-rteElement-button-left.highlighted a{ font-weight: bold; } #v5-wrapper .ms-rteElement-button-right { float: right; margin-left: 10px; } #v5-wrapper .ms-rteElement-button-center { width: 60%; margin: 10px auto; display: block; clear: both;} #v5-wrapper .ms-rteElement-button-left { float: left; margin-right: 10px;} #v5-wrapper .ms-rteElement-button-right a, #v5-wrapper .ms-rteElement-button-center a, #v5-wrapper .ms-rteElement-button-left a { color: white; } /* ------ Info Toggle Button ------ */ .ms-rteStyle-info-toggle-button { -ms-name: "Info Button"; } p.ms-rteElement-info-toggle-content { -ms-name: "Info Content"; } p.ms-rteStyle-info-toggle-button, #v5-wrapper .ms-rteStyle-info-toggle-button { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size: 15px; line-height: 19px; text-align: center; margin: 10px; padding: 2px 10px; color: white; cursor: pointer; background-color: #68c9d2; font-style: italic; display: inline-block; } p.ms-rteStyle-info-toggle-button-glc, #v5-wrapper .ms-rteStyle-info-toggle-button-glc { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size: 15px; line-height: 19px; text-align: center; margin: 10px; padding: 20px 10px; color: white; cursor: pointer; background-color: #849099; font-style: italic; display: inline-block; } p.ms-rteStyle-info-toggle-button-alt, #v5-wrapper .ms-rteStyle-info-toggle-button-alt { cursor: pointer; text-transform: uppercase; text-align: center !important; } #v5-wrapper .ms-rteStyle-info-toggle-button.highlighted { font-weight: bold; } div.ms-rteElement-info-toggle-content, #v5-wrapper .ms-rteElement-info-toggle-content { background-color: #fff; color: #444; margin: 0px 15px; display: none; } .ms-rte-stylePreview .ms-rteElement-info-toggle-content , #v5-wrapper .ms-rtestate-write .ms-rteElement-info-toggle-content { display: block; } /* Clear any content that was floated inside this box */ .ms-rteElement-info-toggle-content::after { content: ""; clear: both; display: block; } /* ------ width presets ------ */ .ms-rteStyle-w400 { -ms-name: "Set 400px Width"; } #v5-wrapper .w400, #v5-wrapper .ms-rteStyle-w400 { width: 400px !important; } .ms-rteStyle-w350 { -ms-name: "Set 350px Width"; } #v5-wrapper .w350, #v5-wrapper .ms-rteStyle-w350 { width: 350px !important; } .ms-rteStyle-w300 { -ms-name: "Set 300px Width"; } #v5-wrapper .w300, #v5-wrapper .ms-rteStyle-w300 { width: 300px !important; } .ms-rteStyle-w290 { -ms-name: "Set 290px Width"; } #v5-wrapper .w290, #v5-wrapper .ms-rteStyle-w290 { width: 290px !important; } .ms-rteStyle-w250 { -ms-name: "Set 250px Width"; } #v5-wrapper .w250, #v5-wrapper .ms-rteStyle-w250 { width: 250px !important; } .ms-rteStyle-w210 { -ms-name: "Set 210px Width"; } #v5-wrapper .w210, #v5-wrapper .ms-rteStyle-w210 { width: 210px !important; } #v5-wrapper .w200 { width: 200px !important; } #v5-wrapper .w150 { width: 150px !important; } #v5-wrapper .w100 { width: 100px !important; } /* ------ file type designator for media links ------ */ .ms-rteStyle-filetype { -ms-name: "File Type Flag"; } #v5-wrapper .filetype, #v5-wrapper .ms-rteStyle-filetype { font-size: 0.75em; color: rgb(103, 103, 103); } /* ------ horizontal rule (override) ------ */ #v5-wrapper .ms-rteElement-Hr, #v5-wrapper hr { margin: 10px 10%; border-bottom: 1px solid rgb(103, 103, 103); } /* ------ hightlight and anti-highlight (red text on and off) ------ */ .ms-rteStyle-Highlight { -ms-name: "Highlight"; } #v5-wrapper .highlight, #v5-wrapper .ms-rteStyle-Highlight { background-color: transparent !important; color: rgb(155, 53, 64); } .ms-rteStyle-AntiHighlight { -ms-name: "AntiHighlight"; } #v5-wrapper .antihighlight, #v5-wrapper .ms-rteStyle-AntiHighlight { background-color: transparent !important; color: rgb(59,60,61); } /* ------------------------------------------ * This just forces something else to look * like an H1 tag in case we need to flip * heading tag order. */ .ms-rteStyle-fakeH1 { -ms-name: "Fake H1"; } #v5-wrapper .ms-rteStyle-fakeH1, #v5-wrapper .fake-h1 { font: normal 30px/30px Georgia, Times New Roman, serif !important; margin: 10px 0 0 0 !important; color: rgb(155, 53, 64) !important; } /* ------------------------------------------ * This just forces something else to look * like an H1 tag in case we need to flip * heading tag order. */ .ms-rteStyle-with-banner { -ms-name: "Heading w Banner"; } #v5-wrapper .ms-rteStyle-with-banner, #v5-wrapper .with-banner { font: normal 24px/24px Georgia, Times New Roman, serif !important; margin: 20px 0 10px 0 !important; padding: 20px 0 10px 0 !important; border-bottom: 1px solid rgb(155, 53, 64); } /* ------------------------------------------ * For when we want tight lines. */ .ms-rteStyle-Compact { -ms-name: "Compact"; } #v5-wrapper .ms-rteStyle-Compact, #v5-wrapper .ms-rteStyle-Compact *, #v5-wrapper .compact, #v5-wrapper .compact * { line-height: 1.0em !important; margin-bottom: 0.25em !important; } #v5-wrapper .compact-header { font: bold 14px/16px Georgia, "Times New Roman", serif !important; margin: 0px 0px 5px 0px !important; padding-bottom: 0px !important; } #v5-wrapper .compact-header a { font: bold 14px/16px Georgia, "Times New Roman", serif !important; } /* ------------------------------------------ * Put the list back in lists. */ .ms-rteStyle-ShowList { -ms-name: "Show List"; } #v5-wrapper ul.ms-rteStyle-ShowList li, #v5-wrapper ul li.ms-rteStyle-ShowList, #v5-wrapper ul.showlist li { list-style: disc !important; padding-left: 5px; margin-left: 30px;} #v5-wrapper ul.ms-rteStyle-ShowList {margin-bottom: 10px; margin-top: 10px;} #v5-wrapper ol.ms-rteStyle-ShowList li, #v5-wrapper ol li.ms-rteStyle-ShowList, #v5-wrapper ol.showlist li { list-style: decimal inside !important; } /* ------------------------------------------ * The MORE button */ .ms-rteStyle-More { -ms-name: "More Link"; } #v5-wrapper .ms-rteStyle-More { padding-top: 0px; float: right; background-color: #68C9D2; min-width: 66px; height: 18px; text-align: left; margin: 0px 0px 1.5em auto; } #s4-workspace .ms-rteStyle-More a { margin-top: 0px; padding: 0px 10px 0px 10px; color: white; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 18px; background: url('images/AlbanyLaw.MoreArrow.jpg') right 1px no-repeat; text-transform: uppercase; } #v5-wrapper .right-col .ms-rteStyle-More, #v5-wrapper .left-col .ms-rteStyle-More { margin-right: -27px; } /* ------------------------------------------ * table formatting * data table should probably go once we can confirm * it is not being used anywhere */ /* Default border styles */ #v5-wrapper table.noheader, #v5-wrapper table.datatable, #v5-wrapper table.datatable2, #v5-wrapper .datatable tr.headrow th, #v5-wrapper .datatable th, #v5-wrapper .datatable .totals, #v5-wrapper .datatable tfoot, #v5-wrapper .datatable td, #v5-wrapper .ms-rteTable-1 th, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 th, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 td, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 th { border-color: #C4CCD3; border-style: solid; border-width: 0px; } #v5-wrapper .datatable th a { color: #FFFFFF; } #v5-wrapper table.noheader { border-width: 1px; } #v5-wrapper table.datatable { margin: 1.0em 10px 0px 5px; border-bottom-width: 1px; } #v5-wrapper table.datatable2 { margin: 1.0em auto 0px auto; border-width: 1px 0px; } #v5-wrapper .datatable2 tbody tr td { padding: 5px; } #v5-wrapper .datatable tr.headrow th { text-align: left; color: rgb(134, 0, 36); padding:10px; border: 1px solid #C4CCD3 !important; } #v5-wrapper .datatable th { text-align: left; padding:10px; border-width: 1px;} #v5-wrapper .datatable thead th { color: #FFFFFF; } #v5-wrapper .datatable .totals, #v5-wrapper .datatable tfoot { border-width: 3px 1px 1px 1px; border-top-style: double; } #v5-wrapper .datatable tr td:nth-child(even) { background-color: rgba(196, 204, 211, .15); } #v5-wrapper .datatable td { text-align: left; padding: 5px; border-right-width: 1px; color: rgb(59, 60, 61); } /* ------------------------------------------ * table formatting * admissions application deadline * currently only used on the apply page */ #v5-wrapper .admissions thead th { vertical-align: middle; text-align: left; background-color: #849099; color: #FFF; } #v5-wrapper table.admissions { margin: 1.0em 10px 0px 5px; border-bottom-width: 1px; } #v5-wrapper .admissions tr.headrow th { text-align: left; color: rgb(134, 0, 36); padding:10px; border: 1px solid #C4CCD3 !important; } #v5-wrapper .admissions td { text-align: left; padding: 5px; border-right-width: 1px; color: rgb(59, 60, 61); } #v5-wrapper .admissions tr td:nth-child(even) { background-color: rgba(196, 204, 211, .15); } #v5-wrapper .ms-rteTable-1 th { text-align: left; color: rgb(59, 60, 61); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 th { line-height: 1; color: #FFFFFF; text-align: left; padding: 5px; border-width: 1px 0; } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 td, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 th { text-align: left; padding: 5px; border-width: 1px 0; } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableFooterRow-1 th { color: rgb(134, 0, 36); } #v5-wrapper .ms-rteTable-1 tr.ms-rteTableOddRow-1, #v5-wrapper .ms-rteTable-1 tr.ms-rteTableOddRow-1 td { background-color: rgba(196, 204, 211, .15);} #v5-wrapper .ms-rteTable-6 th { color: rgb(59, 60, 61); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableHeaderRow-6 th { color: rgb(59, 60, 61); background-color: rgb(255, 255, 255); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableFooterRow-6 td, #v5-wrapper .ms-rteTable-6 tr.ms-rteTableFooterRow-6 th { background-color: rgb(255, 255, 255); padding-left: 5px; font-weight: bold; } #v5-wrapper .ms-rteTable-6 tr.ms-rteTableOddRow-6, #v5-wrapper .ms-rteTable-6 tr.ms-rteTableOddRow-6 td { background-color: rgb(219, 222, 201); } #v5-wrapper .ms-rteTable-6 td, #v5-wrapper .ms-rteTable-1 td { color: rgb(59, 60, 61); padding: 5px; } #v5-wrapper p.tablenote { text-align: left; padding-left: 5px; margin-top: 0px; } /* ------------------------------------------ * jQuery UI CSS Framework 1.8.24 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------------------------------ * jQuery UI CSS Framework 1.8.24 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * */ /* Component containers ----------------------------------*/ #v5-wrapper #picker { margin: 0px 0px 15px 0px; border-top: 2px solid rgb(255, 255, 255); } #v5-wrapper #picker .ui-datepicker { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size: 16px; } #v5-wrapper #picker .ui-widget .ui-widget { font-size: 1em; } #v5-wrapper #picker .ui-widget input, #v5-wrapper #picker .ui-widget select, #v5-wrapper #picker .ui-widget textarea, #v5-wrapper #picker .ui-widget button { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; font-size: 1em; } #v5-wrapper #picker .ui-datepicker { background-color: #DADFE3; color: rgb(59, 60, 61); } #v5-wrapper #picker .ui-datepicker a { color: rgb(59, 60, 61); } #v5-wrapper #picker .ui-datepicker-header { background-color: #68C9D2; color: rgb(255, 255, 255); font-weight: bold; } #v5-wrapper #picker .ui-datepicker-header a { color: rgb(255, 255, 255); } /* Interaction states ----------------------------------*/ #v5-wrapper #picker .ui-state-default, #v5-wrapper #picker .ui-datepicker .ui-state-default, #v5-wrapper #picker .ui-datepicker-header .ui-state-default { /* border: 1px solid rgb(238, 238, 231); background-color: rgb(238, 238, 231); */ border: 1px solid white;; background-color: white; font-weight: normal; color: rgb(59, 60, 61); } #v5-wrapper #picker .ui-state-default a, #v5-wrapper #picker .ui-state-default a:link, #v5-wrapper #picker .ui-state-default a:visited { color: rgb(59, 60, 61) !important; text-decoration: none; } #v5-wrapper #picker .ui-state-hover, #v5-wrapper #picker .ui-datepicker .ui-state-hover, #v5-wrapper #picker .ui-datepicker-header .ui-state-hover, #v5-wrapper #picker .ui-state-focus, #v5-wrapper #picker .ui-datepicker .ui-state-focus, #v5-wrapper #picker .ui-datepicker-header .ui-state-focus { border: 1px solid rgb(127, 129, 131); font-weight: normal; color: rgb(59, 60, 61); } #v5-wrapper #picker .ui-state-hover a, #v5-wrapper #picker .ui-state-hover a:hover { color: rgb(59, 60, 61); text-decoration: none; } #v5-wrapper #picker .ui-state-active, #v5-wrapper #picker .ui-widget-content .ui-state-active, #v5-wrapper #picker .ui-widget-header .ui-state-active { border: 1px solid rgb(155, 53, 64); background-color: rgb(155, 53, 64); font-weight: bold; color: rgb(255, 255, 255); } #v5-wrapper #picker .ui-state-active a, #v5-wrapper #picker .ui-state-active a:link, #v5-wrapper #picker .ui-state-active a:visited { color: rgb(59, 60, 61); text-decoration: none; } #v5-wrapper #picker .ui-datepicker :active { outline: none; } /* Interaction Cues ----------------------------------*/ /* #v5-wrapper #picker .ui-state-highlight, #v5-wrapper #picker .ui-datepicker .ui-state-highlight, #v5-wrapper #picker .ui-datepicker .ui-state-highlight { background-color: rgb(255, 255, 255); color: rgb(59, 60, 61); } #v5-wrapper #picker .ui-state-highlight a, #v5-wrapper #picker .ui-datepicker .ui-state-highlight a, #v5-wrapper #picker .ui-datepicker-header .ui-state-highlight a { color: rgb(59, 60, 61); } */ #v5-wrapper #picker .ui-datepicker-today { opacity: 1.00 !important; filter: Alpha(Opacity=100) !important; } #v5-wrapper #picker .ui-datepicker-today .ui-state-default { border: 1px solid rgb(127, 129, 131); font-weight: bold; } #v5-wrapper #picker .ui-state-disabled, #v5-wrapper #picker .ui-widget-content .ui-state-disabled, #v5-wrapper #picker .ui-widget-header .ui-state-disabled { opacity: .50; filter:Alpha(Opacity=50); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ #v5-wrapper #picker .ui-icon { width: 16px; height: 16px; background-image: url(images/jquery-images/ui-icons_eeeeee_256x240.png); } #v5-wrapper #picker .ui-datepicker-header .ui-icon {background-image: url(images/jquery-images/ui-icons_eeeeee_256x240.png); } #v5-wrapper #picker .ui-datepicker-header .ui-state-hover .ui-icon, #v5-wrapper #picker .ui-datepicker-header .ui-state-focus .ui-icon {background-image: url(images/jquery-images/ui-icons_eeeeee_256x240.png); } /* positioning */ #v5-wrapper #picker .ui-icon-triangle-1-e { background-position: -32px -16px; } #v5-wrapper #picker .ui-icon-triangle-1-w { background-position: -96px -16px; } /* ------------------------------------------ * jQuery UI Datepicker 1.8.24 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ #v5-wrapper #picker .ui-datepicker .ui-datepicker-header { position:relative; padding: 2px 0px; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-prev, #v5-wrapper #picker .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 26px; height: 26px; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-prev { left:2px; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-next { right:2px; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-prev span, #v5-wrapper #picker .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } #v5-wrapper #picker .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } #v5-wrapper #picker .ui-datepicker select.ui-datepicker-month-year { width: 100%; } #v5-wrapper #picker .ui-datepicker select.ui-datepicker-month, #v5-wrapper #picker .ui-datepicker select.ui-datepicker-year { width: 49%; } #v5-wrapper #picker .ui-datepicker th { padding: 3px 0px; text-align: center; font-weight: bold; border: 0; width: 40px; font-size: 12px; } #v5-wrapper #picker .ui-datepicker td { border: 0; padding: 1px; font-size: 16px; width: 42px; } #v5-wrapper #picker .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px 3px 2px 0px; text-align: right; text-decoration: none; margin: 0px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* -------------------------------------------------------------- * Probably dead code * -------------------------------------------------------------- */ .with-narrow-topics { width: 960px; padding: 0; float: left; background-image: url('images/side-bar-narrow.jpg'); background-repeat: repeat-y; background-position: right top; } .with-menu { width: 960px; padding: 0; float: left; background-image: url('images/side-bar.jpg'); background-repeat: repeat-y; background-position: left top; } .with-narrow-topics .left-content { width: 700px; margin: 20px 0px 0px 25px; padding: 0px 0px 40px 0px; float: left; } .with-menu .right-content { width: 620px; margin: 20px 25px 0px 0px; padding: 0px 0px 40px 0px; float: right; min-height: 400px; } #menu-bar { width: 290px; float: left; padding: 0px; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1, #menu-bar div#ctl00_PlaceHolderMain_TreeView2 { margin: 0px; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1 table, #menu-bar div#ctl00_PlaceHolderMain_TreeView2 table { width: 290px !important; margin: 0px !important; border-bottom: 1px solid rgb(255, 255, 255) !important; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1 table td, #menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td { cell-padding: 0px !important; cell-spacing: 0px !important; white-space: normal !important; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1 table td a, #menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td a { display: inline-block; padding: 5px 5px 5px 10px; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table td a, #menu-bar div#ctl00_PlaceHolderMain_TreeView2n0Nodes table td a { padding-left: 20px; background-color: rgb(219, 222, 201); width: 265px; } #menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table td span.ctl00_PlaceHolderMain_TreeView1_0 { padding: 5px 5px 5px 10px !important; display: block; } #menu-bar div#ctl00_PlaceHolderMain_TreeView2 table td span.ctl00_PlaceHolderMain_TreeView2_0 { padding: 5px !important; display: block; background-color: rgb(219, 222, 201); } #menu-bar div#ctl00_PlaceHolderMain_TreeView1n0Nodes table tody tr td:first-child, #menu-bar div#ctl00_PlaceHolderMain_TreeView2n0Nodes table tody tr td:first-child { display: none; } #menu-bar #menu-footer .ms-rtestate-field { width: 250px; padding: 20px; display: block !important; clear: left; } #menu-bar ul { margin-top: 0px; width: 290px; float: left; background-color: rgb(255, 255, 255); margin-bottom: -1px; } #menu-bar ul li { float: left; background-color: rgb(204, 206, 185); margin: 0px 0px 1px 0px ; } #menu-bar ul li:last-child { margin: 0px; } #menu-bar ul li a { width: 270px; padding: 5px 10px 5px 10px; background-color: rgb(204, 206, 185); display: block; } #menu-bar ul li.list-none { border: none; } #menu-bar ul li p { color: rgb(103, 105, 107); color: rgb(59, 60, 61); font-size: 12px; line-height: 16px; margin-top: 2px; } #menu-bar a { color: rgb(59, 60, 61); } /* -------------------------------------------------------------- * Article Header * -------------------------------------------------------------- */ #v5-wrapper div.before-article div.view-archives { float: none; display: inline-block; margin-left: 0px; } div.before-article { border-color: rgb(219, 222, 201); border-style: solid; border-width: 1px 0px; height:21px; overflow:hidden; font: 11px Georgia, "Times New Roman", serif; } div.before-article #Share-Facebook, div.before-article #Share-Twitter, div.before-article #Share-Email { font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; } div.before-article * { height:21px; line-height:21px; } span.spacer { padding: 0px 5px; color: #DBDEC9; } div.before-article #ViewArchives{ text-transform: uppercase; } div.before-article #Share{ float:right;} div.before-article #Share * {} div.before-article #ViewArchives, div.before-article #Share { color: #8d8e85; } div.before-article #ArticleDate{ color: #505556; } div.before-article #Byline{ color: #505556; } div.before-article #Share-Facebook { color: #3B5998; } div.before-article #Share-Twitter { color: #00aced; } div.before-article #Share-Email { color: #9B3540; } #Share:before { content:"SHARE: "; margin-right: 5px; } #ContentImg01, #ContentImg02, #ContentImg03, #ContentImg04 { display: table; } #ContentImg01 .caption, #ContentImg02 .caption, #ContentImg03 .caption, #ContentImg04 .caption { display: table-caption; caption-side: bottom; padding-right: 10px; text-align: left; } /* -------------------------------------------------------------- * Class Notes * -------------------------------------------------------------- */ #v5-wrapper #class-notes-content h3 { color: rgb(155, 53, 64); border-bottom: 1px solid rgb(103, 103, 103); } /* Menu */ #class-years { display: none; } /* unhidden after menu is created */ #v5-wrapper h3#selected-year { display: none; } /* unhidden after text is set */ .decade { font-weight: bold; } .decade>.name { border-bottom: 1px solid white; padding-left: 15px; cursor: pointer; line-height:22px; } .years { padding-left: 15px; border-bottom: 1px solid white; } .years .year { display: block; padding-top: 0px; padding-bottom: 0px; line-height: 19px; } .year:before { content: "- " } /* List */ .class-note .full-name{ font-weight: bold; } .class-note .full-name:after { content: " "; } .class-note .class-year {font-weight: bold;} .class-note .class-year:after { content: " "; } #v5-wrapper #class-notes-content .dfwp-item { margin-top: 0px; margin-bottom: 10px; clear: both; } .class-note>.image { float: left; margin-right: 10px; margin-bottom: 10px; } /* Sorting */ #sort-class-notes { text-align: right; top: -43px; position: relative; float: right; } #sort-class-notes #sort-header{ font-weight: bold; } #sort-alphabetical, #sort-date-desc { cursor: pointer; } /* -------------------------------------------------------------- * Collapsible Lists * -------------------------------------------------------------- */ .collapsible-list ul.dfwp-list li:nth-child(even) { background-color: rgb(239, 240, 234); } .collapsible-list ul.dfwp-list li.alt-row { background-color: rgb(239, 240, 234); } #v5-wrapper .collapsible-list ul.dfwp-list li { margin: 0px; } .collapsible-header { color: rgb(155, 53, 64); font: 13px/19px Georgia, "Times New Roman", serif; padding: 3px 5px 5px 5px; cursor: pointer; } .collapsible-body { padding: 0px 10px 10px 10px; } /* -------------------------------------------------------------- * Field Placement List * -------------------------------------------------------------- */ .field-placement-requirements { font-weight: bold; } /* -------------------------------------------------------------- * 2013 Fixes * -------------------------------------------------------------- */ .dfwp-column{ padding-left: 0px; } .faculty-sidebar .dfwp-item { width: 100% !important; } .ms-signInLink { display: none !important; } .ms-core-overlay { background: transparent !important; } .container { height: 489px; position:relative; } #slides { position:absolute; top: 0px; left: 0; width: 960px; height: 352px; border: 0 !important; margin: 0 !important; } #ms-designer-ribbon { position: fixed; z-index: 100; } .ms-rteFontFace-20 { -ms-name: "Arial"; font-family: "Arial"; } /* Fixes issue with ribbon overlaying controller boxes */ .ms-core-webpartadder { top: 135px !important; } /* Fixes the Dialog box so it doesn't scroll with the page - will most likely have to remove */ .ms-dlgContent { position: fixed; } #MSOTlPn_MainTD .ms-ToolPaneOuter { position: absolute; z-index: 1000; } #aba-disclosure { display: block; font-size: 13px; } #home-main .dotted-middle { background: none; } /* -------------------------------------------------------------- * Pathways sub- * -------------------------------------------------------------- */ .pathways-banner { line-height: 0px; } .pathways-content { border-right: 28px solid #FFF453; overflow: hidden; } .pathways-content #contentpiece01 th { background-color: #68C9D2; text-align: center !important; } .pathways-content #contentpiece01 table { width: 90%; margin-left: 80px; margin-top: 40px; } .pathways-content .framework { font-size: 22px; margin-left: 10px; text-transform: uppercase; text-align: center; letter-spacing: 6px; } .pathways-content .path { letter-spacing: 3px; padding: 20px; background-color: beige !important; } .pathways-content .p1 { color: #AAAD00; font-size: 20px; } .pathways-content .p2 { color: #68C9D2; font-size: 20px; } .pathways-content .p3 { color: #849099; font-size: 20px; } .pathways-content .arrow1 { width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 50px; border-color: #AAAD00 transparent transparent transparent; position: relative; top: 60px; } .pathways-content .arrow2 { width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 50px; border-color: #68C9D2 transparent transparent transparent; position: relative; top: 60px; } .pathways-content .arrow3 { width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 50px; border-color: #849099 transparent transparent transparent; position: relative; top: 60px; } .pathways-content ul.pathway-list { list-style: none !important; padding-left: 160px; padding-top: 20px; margin-bottom: 10px; font-size: 15px; line-height: 1.8; } .pathways-content .pathway-left { position: relative; left: 160px; top: 90px; text-transform: uppercase; padding-bottom: 20px; font-size: 14px; color: #AAAD00; letter-spacing: 3px; font-weight: bold; } .pathways-content .pathway-right { position: relative; left: 500px; text-transform: uppercase; font-size: 14px; color: #AAAD00; letter-spacing: 3px; bottom: 20px; font-weight: bold; border-left: medium solid #AAAD00; padding-left: 40px; height: 90px; } .top-pathway-text { color: #AAAD00; font-size: 14px; font-weight: bold; letter-spacing: 3px; line-height: 1.9; } .pathways-content-right { width: 690px; margin: 0px; display: inline-block; vertical-align: top; padding-left: 15px; } .pathways-content-left { width: 213px; height: auto; min-height: 200px; max-height: 220px; margin: 0px; position: absolute; left: 0px; top: 780px; right: 369px; bottom: 1053px; border-top: 1px solid #aaad00; border-bottom: 1px solid #aaad00; border-right: 1px solid #aaad00; border-bottom-right-radius: 10%; border-top-right-radius: 10%; } .pathways-horizontal ul { position: relative; margin: 0px; padding: 0px; text-align: right; top: 40px; right: 60px; } .pathways-horizontal .dfwp-item { display: inline-block; width: 125px; height: 156px; background-image: url("images/pathways-career-background.png"); background-position: bottom left; background-repeat: repeat; overflow: hidden; text-align: left; } #v5-wrapper .pathways-horizontal .dfwp-item a, #v5-wrapper .pathways-horizontal .dfwp-item a:hover { color: white; text-transform: uppercase; } .pathways-horizontal .dfwp-item img { float: right; max-width: 52px; max-height: 36px; } .pathways-horizontal .dfwp-item .title { margin: 55px 26px 31px 6px; } .pathways-horizontal .dfwp-item:nth-child(3n+1) { background-color: #AAAD00; } .pathways-horizontal .dfwp-item:nth-child(3n+2) { background-color: #68C9D2; } .pathways-horizontal .dfwp-item:nth-child(3n+0) { background-color: #A5ACB2; } .pathways-horizontal .dfwp-item:last-child { background-image: url("images/pathways-career-background-last.png"); } /** .pathways-horizontal .dfwp-item:first-child { background-image: url("images/pathways-career-background-first.png"); } **/ .pathways-vertical { width: 213px; background-color: red; display: inline-block; } .pathways-vertical img { display: none; } .pathways-vertical .dfwp-item { height: 65px; background-image: url("images/white_corner.jpg"); background-position: bottom right; background-repeat: no-repeat; } #v5-wrapper .pathways-vertical .dfwp-item a { color: #8C99A2; font-size: 12px; padding: 11px 35px; font-weight: bold; text-transform: uppercase; display: block; line-height: 16px; } .pathways-vertical .dfwp-item:nth-child(2n + 1) { background-color: #EAECEE; } .pathways-vertical .dfwp-item:nth-child(2n + 0) { background-color: #D8DBDE; } .pathways-vertical .dfwp-item.active { background-color: #435059; } #v5-wrapper .pathways-vertical .dfwp-item.active a { color: #FFF453; } .career-development-pathways { background-color: #68C9D2; height: 22px; padding: 0px 35px; margin:auto; } .career-development-pathways .dfwp-item { display: inline-block; text-transform: uppercase; vertical-align: baseline; } #v5-wrapper .career-development-pathways a::after { content: " | "; white-space: pre; } #v5-wrapper .career-development-pathways li:last-child a::after { content: none; } #v5-wrapper .career-development-pathways a { color: white; font-weight: bold; line-height: 22px; text-transform: uppercase; font-size: 11px; margin: 0px; } .pathways-shape { border: 1px solid transparent; background-color: #68C9D2; width: 200px; margin-left: 80px; margin-top: 20px; padding: 20px; border-radius: 6px; } #v5-wrapper .pathways-shape p { color: white; font-size: 18px; text-align: center; } /* * Admissions Ambassadors */ .student-info .image-area-left { background-color: #EEE; width: 120px; height: 120px; margin: 0 10px 0px 0px; } .student-info .graduation-year::before { content: "Graduation Year: "; } .student-info .hometown::before { content: "Hometown: "; } .student-info .undergrad-school::before { content: "Undergraduate School: "; } .student-info .undergrad-major::before { content: "Undergraduate Major: "; } .student-info .career-goal::before { content: "Career Goal Upon Graduating: "; } .student-info .intern-exp::before { content: "Internship Experience: "; } .student-info .general-comments::before { content: "General Comments: "; } .student-info .graduation-year::before, .student-info .hometown::before, .student-info .undergrad-school::before, .student-info .undergrad-major::before, .student-info .career-goal::before, .student-info .intern-exp::before, .student-info .general-comments::before { font-weight: bold; } #v5-wrapper .student-info .student-name { font-size: 18px; color: #9B3540; padding-bottom: 5px; letter-spacing: 1px; } #v5-wrapper .career-development-pathways .dfwp-item .item { padding: 0px; } /* * Content Pieces - Used in Pathways */ #contentpiece05 h3 {color: #aaad00; padding-left: 30px; font-family: lato;} #contentpiece05 hr {margin-left: 0px; width: 90%; border-bottom-color: #aaad00;} #contentpiece05 p {padding-left: 30px; padding-top: 10px; line-height: 1.6;} #contentpiece05 a {color: #435059;} #contentpiece05 .title {letter-spacing: 3px; font-size: 22px;} #contentpiece05 .subtitle {font-size: 16px; letter-spacing: 1px;} /* * Main Title */ #hoption1 {border-bottom: 1px solid #000;} #hoption2 {border-bottom: 1px solid #000;}