/* CSSTidy 1.3dev: Mon, 09 Apr 2012 18:35:44 +0200 */ /* BEGIN original static.css */ html{height:100%;margin-bottom:1px} *{outline:none} *{-moz-font-feature-settings: "liga" 0;} *{font-feature-settings: "liga" 0;} BODY{background:#edefe4;color:#333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;font-size:14px;-moz-font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;} whitepage{background:#fff; color:#333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;font-size:14px;-moz-font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;} .image_with_overlay .image IMG{border:none;display:block} body.mainHome{background:url(./images/homebg2.jpg) repeat-x left top} a{color:#666;text-decoration:none} a:hover,a:active{color:#440E62;text-decoration: underline;} #backLink SPAN{color:#440E62;font-weight:bold;cursor:pointer} h1,h2,h3,h4,h5{color:#440e62;font-family: Helvetica, Arial, sans-serif;-moz-font-feature-settings: "liga" 0; font-feature-settings: "liga" 0; letter-spacing: 0.1px;} h1{font-size:23px;font-weight:bold;border-bottom:1px solid #fff;text-transform:none;padding:6px 15px 5px 12px;margin:0 ; } h2{font-size:20px} h3{font-size:15px} h4,.subtitle_sub h3{font-size:15px} #main{border:1px solid #fff;box-shadow:0 0 15px rgba(0,0,0,0.1);margin:0 auto;text-align:left;width:1008px} /* Site-wide global margining. Put all of your global margining needs here! All other margining should be negations or fixes. */ .section{margin:0 15px} /* section or parbase?!?? */ .parbase{margin:0 15px} .top_nav .section, .section.left_nav,.section.expandableleft_nav, .header .section, .section.reference, .configurable_footer .section {margin:0} .top_nav .parbase, .parbase.left_nav,.parbase.expandableleft_nav, .header .parbase, .parbase.reference, .configurable_footer .parbase {margin:0} .column_group{margin:0 10px 15px 14px;clear:both} .column_group .section{margin:0} .column_group .parbase{margin:0;border:0;} /* header styes */ .header .section > div{position:relative;height:100px;padding:0px 0px 15px 0px;margin:0} #logo{position:absolute;bottom:8px;left:10px} #logo IMG{border:0; clear: both;} #logo .dept a{color: #000; font-size: 27px; line-height: 0.8em; font-weight: bold; font-family: Helvetica, Arial, sans-serif;letter-spacing: 0.1px;} #logo .addl a{color: #440e62; font-size: 20px; font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;} #logo .dept a:hover, #logo .addl a:hover{text-decoration: none;} /* titles */ .title.section,.title{padding:12px 0 0;clear:both} .title h2,.title h3{color:#333;margin:0} .title.purple h2,.title.purple.h3{color:#440e62} .title.gray.underline{padding-bottom:10px;border-bottom:1px solid #ccc} .title.underline{padding-bottom:3px;border-bottom:1px solid #ccc} .title .txtrt{float:right;position:relative;top:-14px;margin-right:2px} .gray,.gray h2,.gray h3{color:#676769} .copperplate{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif; background: fuchsia;} /* OLD OLD OLD Column code: Main structural columns */ .c_container_single,.c_container_1_2,.c_container_2_1,.c_container_3{clear:both;padding:0 0 20px;position:relative} .c_container_1_2,.c_container_2_1{background:#f8f8f8} /* .c_container_1_2 a:hover, .c_container_2_1 a:hover, .c_container_1 a:hover, .c_container_single a:hover{text-decoration:underline; background: aqua;} */ .col1{font-size:12px} .col2{position:relative;min-height:400px;line-height:1.25em} .c_container_1_2 .col1{float:left;background:transparent url('/etc/designs/scps2/images/leftcol-bg.png') top left repeat-y;width:252px;border-top:1px solid #e7e7e7} .c_container_2_1 .col2{width:756px;float:left;border-right:1px solid #eee;border-right:0} .c_container_2_1 .col1{overflow:hidden} .c_container_single{display:block} .col2 .parsys{background:#fff} .col2 a{color:#440E62} .col2 a:hover{text-decoration:underline} a[rel="jumpLink"]:hover{text-decoration: none;} a[rel="jumpLink"]{color:#333} /* Margin hell fixes... I'm not sure we need this stuff any more. JJ. 2012.03.28 adding margins, by default, to the section .col2 .section.reference {margin:0 0;} .col2 .section.reference .parbase {margin-left: 12px;margin-right:12px;} this is a bit of a hack b/c when referencing a reference you actually get a different set of code. So, yeah, fixing the SPECIFIC components you are looking at .col2 .section.reference .parbase.reference {margin-left:0;margin-right:0;} */ /* navigation styles */ ul#audience{list-style:none;float:right;margin:14px 12px 0 0} ul#audience li{display:inline;padding:0 2px} #searchMain{position:absolute;width:197px;right:40px;bottom:12px} #searchForm{margin:0;position:absolute;bottom:0} #searchDrop{position:absolute;display:none;top:22px;font-size:.8em;background:#fff;border:1px solid #cecece;padding:4px;z-index:999;width:160px} .searchGo{background:url(/etc/designs/scps2/images/search_button_sprite.png) no-repeat -2px -1px;width:25px;height:23px;border:0} #mainSearchField{width:130px;font-size:.8em;height:16px;border:solid 2px #f4f4f4;padding:2px} a#main_go_button{display:block;width:39px;height:27px;background:url(/etc/designs/scps2/images/buttons_go.png) no-repeat -10px -100px;position:absolute;left:130px;top:-1px} a#main_go_button:hover{background-position:-10px 0} #searchDrop INPUT{margin-right:8px} ul.searchOpt{list-style: none; margin: 7px 0 0 -10px; padding: 0; width: 211px; height: 21px; display: block; display: none; font-size: 12px;} .searchOpt li{float: left; padding-right: 10px;font-weight: normal;} .searchOpt .optOn{font-weight: bold; margin-top: -1px;} .courseSection{background:#ccc;margin:2px 0 0;padding:4px 0} /*navigation styles */ #topNav{display:block;position:relative;height:28px;background-color:#9a9b95;margin:0} #topNav ul{list-style:none;padding:0;margin:0} #topNav > ul > li{float:left;padding:6px 24px 6px 14px;font-size:13px;font-family:Helvetica Neue, Helvetica, sans;position:relative} *#topNav > ul > li.push_right{float:right} #topNav > ul > li > a{color:#fff;text-transform:uppercase} #topNav > ul > li:hover{background:#440E62} #topNav > ul > li.selected{background:#7b7c79} #az_nav{position:absolute;right:0} #topNav > ul > li:hover .subNav{display:block} #topNav > ul > li:hover .subNavInd{display:block;position:absolute;background:url(/etc/designs/scps2/images/nav_ind.png) no-repeat center top;top:20px;height:20px;width:80%} /* Subnav rollovers */ .subNav{position:absolute;top:29px;left:0;padding:10px 20px 0 10px;z-index:9999;display:none;font-size:1em;font-weight:normal;overflow:hidden;width:180px; background:#000 url('/etc/designs/scps2/images/nav-tail.gif') no-repeat;background-clip:padding-box;border:5px solid rgba(0,0,0,0.5);border-top:none;} .ppl_bg .subNav{background:#000 url('/etc/designs/scps2/images/nav-tail-purple.gif') no-repeat;background-clip:padding-box;} .push_right .subNav{left:auto;right:0} .subNav h4,.subNav h4 a{font-size:13px;margin:2px 0;border-bottom:1px solid #7b7b7b;padding:0 0 2px} .subNav ul{margin:0 0 12px} .subNav li{margin:0 0 10px;padding:0} .subNav li a{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;font-size:12px;color:#fff;font-weight:bold;background:transparent url('/etc/designs/scps2/images/purple-white-bullets.png') 0 -78px no-repeat;padding-left:15px;display:block} #topNav .subNav li a:hover{color:#ffe199;background:transparent url('/etc/designs/scps2/images/arrow-yellow.png') no-repeat;} .subNavInd{display:none} #topNav ul.sub2Nav {list-style:none;padding:10px 0 0 10px;margin:0;font-size:0.9em;} .subNav .sub2Nav li a{color: #f9eac4; background:transparent url('/etc/designs/scps2/images/purple-white-bullets.png') 0 -157px no-repeat; } .top_nav_dynamic.parbase {margin:0;} /* left navigation */ .left_nav{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;font-size:13px;padding:0 0 0 15px} .section.left_nav{margin:0 1px 0 0} .left_nav ul{margin:0;padding:0;list-style:none} .left_nav ul li a,.groupResults li a{padding:7px 0;font-weight:bold;display:block} .left_nav ul.sub{margin:0 0 0 12px} .left_nav .sub li{padding:0;margin:0 4px 0 0} .left_nav .sub li a{font-weight:normal} .left_nav > ul > li > .sub > li a{font-weight:bold} .left_nav > ul > li.selected > a{background:transparent url('/etc/designs/scps2/images/nav-divot.png') right bottom no-repeat;color:#440e62} .left_nav > ul > li.selected > a:hover,.left_nav ul li a:hover{color:#440e62} .left_nav .sub > li.selected a{background:transparent url('/etc/designs/scps2/images/nav-divot.png') right bottom no-repeat;color:#440e62} .left_nav > ul > li:last-child{} /* new code */ .left_nav ul li a{border-bottom:1px solid #777;padding:10px 0 2px;width:237px} .left_nav ul li a:hover{text-decoration: none;} .left_nav ul.sub li a{width:215px; padding-right: 10px;} .left_nav ul.sub .sub li a{width:202px} .nav_content .section{margin:0} .more_left_col_content .section{margin:0} /* footer */ .footer{clear:both;background:#edefe3} .footer ul{list-style:none;margin:0;padding:0;position:relative} .footer > ul{position:relative;margin:0;padding:10px;border-top:1px solid #A6AE9D} .footer > ul > li{float:left;display:block;position:relative;top:0;font-size:13px;font-weight:bold;padding:0;margin:0 40px 0 0} .footerLink{margin:0;padding:0;left:0;font-weight:normal;font-size:11px} ul.footerLink{margin:4px 0 0;padding:0;list-style:none} .footerLink li{padding:4px 12px 4px 4px;margin:0} #ontheweb{position:absolute;right:10px;margin:0;top:10px} .footer_foot{border-top:1px solid #A6AE9D;background:#edefe3;border-width:1px 0;clear:both;font-size:9px;padding:4px;position:relative} .footer_foot .copyright{background:url('./images/footerlogo_sprite_spcs.png') no-repeat 0 -96px;padding:3px 0 0px 175px;} #nyufootLogo{position:absolute;right:8px;top:12px;background:url('./images/footerlogo_sprite_spcs.png') no-repeat;width:166px;height:28px;text-indent:-9999px} a.homelink{height: 30px; width: 100px; display: block; margin-left: -120px; float: left;} /*main content pieces */ #mainContent{background:#edefe4; z-index: 1;} #breadcrumb{margin:1px 0 0 0;padding:6px 14px;text-transform:uppercase;font-size:10.5px;background:#f8f8f8} .mainHome #breadcrumb{display:none} /* Column Controls from orig static moved to column-cleanup.css */ /* CSSTidy 1.3dev: Mon, 09 Apr 2012 18:36:35 +0200 */ /* column control layouts */ div.colctrl-cols{width:100%} div.colctrl-default{width:100%} .colctrl{background:#fff} .colbr{clear:both} .parsys_column{float:left} /* particular styles may override below. */ .column_group.bg_lightgray{background-color:#edefe4} .column_group.bg_darkgray{background-color:#999} /* 1-column : 100% */ .colctrl-single-gray{background:#ccc} .colctrl-single-c0{float:none} .colctrl-1rt .colbr,div.colctrl-1lf .colbr{clear:none} .colctrl-1rt-c0,.colctrl-1lf-c0{width:100%} /* 2-column : 50% 50% */ .colctrl-2eq{background:#fff url(./images/col_separator.gif) no-repeat 126px center} .colctrl-2eq-c0,.colctrl-2eq-c1{width:376px;margin:1px} .colctrl-2eq-c1{margin:1px 0 1px 1px} .c_container_1 .colctrl-2eq{background:none} .c_container_1 .colctrl-2eq-c0{width:502px;margin:0 1px} .c_container_1 .colctrl-2eq_c1{width:502px;margin:0 0 0 1px} /* 2-column : 66% 33% */ .colctrl-2uneq-c0{width:496px} .colctrl-2uneq-c1{width:255px;margin-left:2px} /* 2-column : 33% 66% */ .colctrl-2flip-c0{width:255px} .colctrl-2flip-c1{width:496px;margin-left:2px} /* 3-column : 33% 33% 33% */ .colctrl-3{clear:both;background:#fff url(./images/col_separator.gif) repeat-x -1px center} .colctrl-3 .parsys_column,.colctrl-1then3-c1,.colctrl-1then3-c2,.colctrl-1then3-c3{width:252px;margin:0} /* fancy column control */ .colctrl-1then3-c0{float:none;display:block;width:100%} .colctrl-1then3-c1{clear:both} /* full-width, 33%-66% */ .colctrl-2full-c0{width:350px} .colctrl-2full-c1{width:650px;margin-left:2px} /* full-width, 25%-25%-50% and 50%-25%-25% */ .colctrl-2-1-1-c0,.colctrl-1-1-2-c2{width:504px;margin:0} .colctrl-2-1-1-c1,.colctrl-2-1-1-c2,.colctrl-1-1-2-c0,.colctrl-1-1-2-c1{width:252px;margin:0} /* full-width, 25-25-25-25% */ .c_container_1 .colctrl-4grid-c0,.c_container_1 .colctrl-4grid-c1,.c_container_1 .colctrl-4grid-c2,.c_container_1 .colctrl-4grid-c3{width:251px;height:252px;float:left;margin:0;border:1px solid #999;border-width:1px 1px 1px 0;border-collapse:collapse} .c_container_1 .colctrl-4grid-c0{border-width:0;width:252px} .c_container_1 .colctrl-4grid-c3{border-width:1px 0} .c_container_1 .colctrl-4grid-c1{border-width:1px} .c_container_1 .col_outline.colctrl-2eq .parsys_column{width:495px;margin:0 0 0 3px} .white_outline.colctrl-4eq .parsys_column{width:251px;border:1px solid #fff;overflow:hidden;border-width:1px 1px 0 0} .white_outline .parsys_column.colctrl-4eq-c0{width:250px;border-width:1px 1px 0} .white_outline.colctrl-2-1-1 .parsys_column{border:1px solid #fff;overflow:hidden;border-width:1px 1px 0 0} .white_outline .parsys_column.colctrl-2-1-1-c0{width:502px;border-width:1px 1px 0} .white_outline .colctrl-2-1-1-c1,.white_outline .colctrl-2-1-1-c2,.white_outline .colctrl-2-1-1-c3{width:251px} /* full width columns */ .c_container_1 .colctrl-3-c0,.c_container_1 .colctrl-3-c1,.c_container_1 .colctrl-3-c2{width:334px} .c_container_1 .colctrl-2eq-c0,.c_container_1 .colctrl-2eq-c1{width:502px} /* from phase2.css */ .column_group.col_outline .parsys_column{border:2px solid rgba(0,0,0,0.05)} /* column controls. */ .colctrl-2eq,.colctrl-eq,.colctrl-3{background:none} /*.column_group .section {margin:0 0 12px;} <-- this was causing extra bottom margin problems when the columns were outlined. removed 2012.03.20 */ /* in the new design, the columns are always indented 15px from the edges .column_group {margin:0 10px 15px 15px;}*/ /* and in the new design we can float things left and right */ .column_group.colctrl-1lf{clear:left} .column_group.colctrl-1rt{clear:right} /* 1-column : 100% */ .colctrl-1rt{float:right;width:232px;margin-top:5px} .colctrl-1lf{width:232px;margin-top:5px} .colctrl-1lf-c0{margin:0 15px 15px 0} .colctrl-1rt.col_outline{background:#fff;border:1px #ccc;padding:8px} /* 2-column : 50% 50% */ .colctrl-2eq-c0,.colctrl-2eq-c1{width:352px;margin:0} .colctrl-2eq-c1{margin-left:15px} .c_container_1 .colctrl-2eq-c0,.c_container_1 .colctrl-2eq-c1{width:481px;margin:0} .c_container_1 .colctrl-2eq-c1{margin-left:16px} /* 2-column : 66% 33% */ .colctrl-2uneq-c0{width:476px} .colctrl-2uneq-c1{width:232px;margin-left:15px} /* This will fix right alignment so that it's even with other columns .colctrl-2uneq-c1{width:237px;margin-left:15px}*/ /* 2-column : 33% 66% */ .colctrl-2flip-c0{width:232px} .colctrl-2flip-c1{width:479px;margin-left:15px} /* 3-column : 33% 33% 33% */ .colctrl-3 .parsys_column,.colctrl-1then3-c1,.colctrl-1then3-c2,.colctrl-1then3-c3{width:232px;margin:0} .colctrl-3 .colctrl-3-c1,.colctrl-1then3-c2{margin:0 11px} /* fancy column control */ .colctrl-1then3-c0{float:none;display:block;width:100%} .colctrl-1then3-c1{clear:both} /* full-width, 33%-66% */ .colctrl-2full-c0{width:343px} .colctrl-2full-c1{width:620px;margin-left:15px} /* full-width, 25%-25%-50% and 50%-25%-25% */ .colctrl-2-1-1-c0,.colctrl-1-1-2-c2{width:479px;margin:0} .colctrl-2-1-1-c1,.colctrl-2-1-1-c2,.colctrl-1-1-2-c0,.colctrl-1-1-2-c1{width:232px;margin:0} .colctrl-2-1-1-c1,.colctrl-1-1-2-c1{margin:0 15px} /* full-width, 25-25-25-25% */ .colctrl-4eq .parsys_column{width:232px;margin:0 8px} /* full width column controls */ .colctrl-ful-3-c0,.colctrl-ful-3-c1,.colctrl-ful-3-c2{width:316px;margin-right:15px} .colctrl-ful-3-c2{margin-right:0} .colctrl-ful-3-1-c0{width:731px} .colctrl-ful-3-1-c1{width:232px;margin-left:15px} .colctrl-ful-1-3 .colctrl-ful-1-3-c0{width:232px} .colctrl-ful-1-3-c1{width:731px;margin-left:15px} .colctrl-ful-2-1-c0{width:616px} .colctrl-ful-2-1-c1{width:347px;margin-left:15px} .colctrl-ful-1-2-c0{width:347px} .colctrl-ful-1-2-c1{width:616px;margin-left:15px} .colctrl-ful-odd-c0,.colctrl-ful-odd-c1{width:358px;margin-right:15px} .colctrl-ful-odd-c2{width:232px;margin-right:0} /* right hand column. white bg */ .colctrl-2uneq.rc_bgfff .colctrl-2uneq-c1{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.15);padding:0 8px;width:216px} /* floated column, white bg */ .colctrl-1rt.col_outline{background:#fff;border:1px #ccc;padding:8px;width:224px} .colctrl-1lf.col_outline{background:#fff;border:1px #ccc;padding:8px;width:224px} /* first, for all col_outlines, reduce the left margin and get rid of the right margin (prevents breakage and gives us some leeway with the math) */ .column_group.col_outline {margin-left:10px;margin-right:0;} /* then, outline all the columns. why? because that's what's awesome. */ .col_outline .parsys_column {border:2px solid #ccc;padding:4px 8px;} /*now for the fun stuff. this changes specific columns - making them both NARROWER and closer together. NOTE THAT IN SOME CASES, THIS WILL MEAN THAT STANDARD COMPONENTS WILL NOT FIT AND MAY NEED TO BE UPDATED TO FIT IN THIS NEW WIDTH. Unfortunately, that's just math - we're adding padding and borders, and we can't take away enough from the margins to compensate. columns are generally 12px narrower */ .col_outline .colctrl-ful-1-2-c0{width:335px} .col_outline .colctrl-ful-1-2-c1 {margin-left:10px;width:604px;} .col_outline.colctrl-ful-3 .parsys_column {margin-right:9px;width:304px;} .col_outline.colctrl-ful-3 .parsys_column.colctrl-ful-3-c2{margin-right:0} .col_outline .certificateSearchFilterBar input.keyword, .col_outline .ncSearchFilterBar input.keyword {width:240px;} .col_outline.colctrl-3 .colctrl-3-c1, .col_outline .colctrl-1then3-c2 {margin: 0 8px;} .col_outline.colctrl-3 .parsys_column, .col_outline .colctrl-1then3-c1, .col_outline .colctrl-1then3-c2, .col_outline .colctrl-1then3-c3 {width: 212px;} .col_outline.colctrl-2eq .parsys_column {width: 332px;} .col_outline .colctrl-2eq-c1 {margin-left: 10px;} .col_outline .colctrl-2uneq-c0{width:464px} .col_outline .colctrl-2uneq-c1{width:220px;margin-left:10px} /* 2-column : 33% 66% */ .col_outline .colctrl-2flip-c0{width:220px} .col_outline .colctrl-2flip-c1{width:464px;margin-left:10px} /* commonly used component-specific items */ .textimage{padding:4px 0} .text p,.textimage p{margin:8px 0} .text ul{margin:8px 0 8px 12px;padding:0 0 0 4px;} .textimage .image{float:left;margin:8px 10px 4px 0} .textimage.float_right .image{float:right;margin:8px 0 8px 16px} .image SMALL{display:block;padding:2px 4px} .image.section IMG{border:0} /* This line was in admissions, got removed and then created a bug, so I'm putting it back in, but it may cause other problems */ div.textimage div.image{padding: 8px 10px 4px 0;} .table{border:2px solid #e5e7dc;background:#fff;padding:5px;font-family: Helvetica, Arial, sans-serif;font-size:-1px;border-collapse:collapse;margin:15px;display:table;table-layout:fixed;} .table table{background: #fff;} .table tr:first-child{background:#32004b;color:#FFF} .table td{border-right:2px solid #CDCDCD;padding:5px 5px;width:2%;display: table-cell;} .table tr td:first-child{border-right:2px solid #f4f4f4} .table tr td:last-child{border-right:none} .table tr:first-child td{border:none;border-bottom:5px solid #FFF} .table p {margin: 0;} .table.credits_summary{border:2px;padding:5px;font-family: Helvetica, Arial, sans-serif;font-size:-1px;border-collapse:collapse;margin:15px;display:table;table-layout:fixed;} .table.credits_summary tr:first-child{background:#fff;color:#e5e7dc} .table.credits_summary tr td:first-child{border-right:2px; } .table.credits_summary td:nth-child(odd) {width:360px;} .table.credits_summary td:nth-child(even) {width:80px;} .table.credits_summary TABLE {width:440px;} .table.credits_summary th {border-bottom:1px solid #c1c4b5;background:#fff;} .table.credits_summary{background:#fff;padding:5px;font-family: Helvetica, Arial, sans-serif;font-size:-1px;border-collapse:collapse;margin:15px;display:table;table-layout:fixed;} .table.credits_summary table{background: #fff;} .table.credits_summary tr:first-child{color:black} .table.credits_summary td{border-right:2px solid #CDCDCD;padding:5px 5px;width:2%;display: table-cell;} .table.credits_summary tr td:first-child{border-right:2px solid #f4f4f4} .table.credits_summary tr td:last-child{border-right:none} .table.credits_summary tr:first-child td{border:none;border-bottom:5px solid #FFF} .table.credits_summary p {margin: 0;} .tab_panel .table{border:1px solid #c1c4b5;font-size:12px} .tab_panel .table th{background:#dadad7} .tab_panel .table tr:nth-child(even){background:#fff} .tab_panel .table tr:nth-child(odd){background:#f2f3ef} .bg_even{background:#f3f3ef} /* image overlays */ .col2 .section.image_with_overlay,.c_container_1 .section.image_with_overlay{margin:0} .section.reference .section.image_with_overlay{margin:0} .image_with_overlay{position:relative} .image_with_overlay .overlay{position:absolute;color:#fff;bottom:0;width:100%;font-size:14px;z-index:1001} .image_with_overlay .overlay_content{padding:15px 40px 16px;background:url('./images/marquee_fade_bg.png') repeat-x center top} .component_carousel .image_with_overlay .overlay_content{padding-bottom:32px} .image_with_overlay .overlay_content p{margin:0} .image_with_overlay.oRight .overlay{top:30%;right:10%;width:40%} .image_with_overlay.oLeft .overlay{top:30%;left:10%;width:40%} .image_with_overlay.oRight .overlay_content,.image_with_overlay.oLeft .overlay_content{padding:14px 32px 18px} .image_with_overlay.oTop .overlay{top:0} .image_with_overlay .overlay h2{color:#fff;margin:0 0 4px;line-height:1.1em} .image_with_overlay .overlay h3{color:#fff;margin:0 0 4px} .image_with_overlay .overlay .readmore{display:block;text-align:right;font-weight:bold;font-size:11px;position:relative;top:4px} .image_with_overlay a,.image_with_overlay a.vlink,.image_with_overlay a:visited{color:#fff} .image_with_overlay a:hover{color:#dfd6f1} .image_with_overlay .overlay_text{color:#dfd6f1} .image_with_overlay.below_image .overlay{position:relative;height:220px;background:url('./images/marquee_fade_bg.png') repeat-x center top} .image_with_overlay.below_image .overlay_content{background:none} .image_with_overlay.below_image .image{clear:both} .image_with_overlay.no_overlay .overlay{display:none} /* fixes a problem where the read more may be unclickable */ .component_carousel .image_with_overlay.oBottom .overlay{padding-bottom:6px} /* events */ .event_block{font-size:12px} .event_block ul{list-style:none;padding:0;margin:0} .event_block li{border-bottom:1px dotted #999;padding:8px 0} .event_block li:last-child{border-bottom:0} .evDate{float:left;background:#9b93a8 url('./images/grayfade_bg.png') repeat-x top;color:#fff;margin:0 10px 0 0;width:60px;text-align:center} .evDate a{display:block;padding:6px;color:#fff} .event_block SPAN{font-size:1.4em;display:block} .event_block .evContent{height:72px;overflow:hidden} .event_block .evContent h4{font-size:12px;margin:0 0 3px} /* social media links */ .footer ul.socialClub{margin-top:4px} .socialClub li{font-weight:normal;font-size:11px;padding:4px 12px 4px 24px;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} .facebookLink{background:url('./images/socialmedia_sprite.png') no-repeat;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} .linkedinLink{background:url('./images/socialmedia_sprite.png') no-repeat 0 -36px;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} .youtubeLink{background:url('./images/socialmedia_sprite.png') no-repeat 0 -72px;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} li.twitterLink{background:url('./images/socialmedia_sprite.png') no-repeat 0 -106px;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} .wordpressLink{background:url('./images/socialmedia_sprite.png') no-repeat 0 -143px;font-weight:normal;font-size:11px;padding:4px 12px 4px 24px} .twitterLink a:hover, .youtubeLink a:hover, .facebookLink a:hover{text-decoration: none;} /* utility classes */ .br{clear:both} .hoz_rule{padding:0;margin:0 0 9px;height:1px} .hoz_rule hr{margin:0 1px;height:1px;border:0;color:#9e9e9e;background:#9e9e9e} .styled_link{clear:both;font-family: Helvetica, Arial, sans-serif;letter-spacing: 0.1px;text-align:right;font-weight:bold;font-size:15px;padding:5px 13px 5px 0;background:right url('/etc/designs/scps2/images/purple-arrow.png') no-repeat;overflow:hidden} .styled_link.link_left{text-align:left;padding:7px 0 8px 14px;background-position:2px 12px} .styled_link.single_arrow.link_left{background-position:2px -52px} .styled_link.copper{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif} .styled_link.listlink{font-size:13px;padding-left:0;margin-left:0;display:inline;background-position:right 6px} .styled_link.listlink._link_right{text-align:left} .text.grayHighlight{padding:8px;background:#edefe4;color:#333;line-height:1.1em;font-size:.95em;margin-bottom:4px} .text.grayHighlightBorder{padding:8px;background:#edefe4;line-height:1.2em;font-size:.95em;margin-bottom:4px} .text.purpleHighlight{padding:8px;background:#dbe1f2;line-height:1.2em;font-size:.95em;color:#502a9e;margin-bottom:4px} .text.purpleHighlightBorder{padding:8px;background:#dbe1f2;line-height:1.2em;font-size:.95em;color:#502a9e;margin-bottom:4px} .feature{padding:12px 16px;font-size:13px;color:#666} .featureContent{padding:0;margin:0;overflow:hidden;position:relative} .imgWindow{width:195px;height:123px;overflow:hidden;margin:0 0 10px} .feature h3{margin:0 0 12px;font-size:15px} .feature h4{margin:0 0 6px;font-size:13px} .feature_link{display:block;position:relative;padding:4px 2px;text-align:right;font-size:12px;color:#666;font-weight:bold} .feature IMG{border:0} .feature_blurb{line-height:1.4em;margin:0;height:auto;overflow:hidden} .feature_designer{border:2px solid #0AA} .colctrl-2eq .feature{padding:12px 33px} .colctrl-2eq .imgWindow{width:311px;height:196px} .colctrl-3 .feature,.colctrl-1then3-c1 .feature,.colctrl-2uneq-c1 .feature,.colctrl-1rt .feature{padding:12px 28px} .colctrl-1lf .feature{padding:12px 22px;margin-right:12px;display:block} /* the rule is that in the event there are three columns with features, they are all the same height. In this case, it is a 3-col or a 1 then 3-col, and we enforece height. otherwise, we do not */ .colctrl-3 .featureContent,.colctrl-1then3-c1 .featureContent,.colctrl-1then3-c2 .featureContent,.colctrl-1then3-c2 .featureContent{height:298px} .colctrl-3 .feature_blurb,.colctrl-1then3-c1 .feature_blurb,.colctrl-1then3-c2 .feature_blurb,.colctrl-1then3-c3 .feature_blurb{height:128px} /*specific for left hand features */ .colctrl-2flip-c0 .feature{padding-left:24px;margin-left:6px} .colctrl-2flip-c0 .featureContent{width:195px} /* specific versions of the feature */ .f_overlay .feature_desc{position:absolute;bottom:10px;left:10%;width:80%;padding:4px 8px;background:url('./images/x_trans_g50.png') repeat;color:#fff} .f_banner .feature_desc{margin:6px 0;padding:1px 8px;background:#999} .f_banner .imgWindow{height:100px} .f_short .featureContent{height:112px} .f_short .imgWindow{display:none} .f_fullwidth{background:#dce2f4} .f_fullwidth .imgWindow{float:left;margin-right:12px} .f_fullwidth .featureContent{height:166px} .f_fullwidth .feature_blurb{max-height:123px} .feature.f_listitem{padding:12px 2px;margin:0 14px;border-top:1px solid #9e9e9e} .column_group .f_listitem .featureContent, .f_listitem .featureContent{height:78px;width:100%} .column_group .feature.f_listitem{margin:0} .f_listitem .feature_desc{overflow:hidden} .f_listitem .feature_blurb{height:auto} .f_listitem .imgWindow{height:60px;width:76px;float:left;margin:0 10px 0 0} .f_listitem h4{margin-bottom:0} .f_listitem .feature_blurb{line-height:1.2em} .feature.f_listitem h3{display:none} .f_listitem .feature_link{margin-right:6px} .feature.f_listitem:first-child{border-top:0} .feature.graybg{background:#edefe3} .feature.purplebg{background:#dce2f4} /* button styles */ .btn{text-transform:uppercase;display:block;font-weight:bold;background:#e5e5e5;color:#5d379c;padding:7px 5px 6px 11px;margin:6px 0} .btn.plain{background:#e1e1d6} .btn:hover{background:#c8c8c3} .btn.selected,.btn.selected:hover{background:#876fae;color:#FFF} .btn.small{background:#FFF} .btn.small:hover{background:#522e91;color:#FFF} /* callout nav box */ .callout_nav_box{background:#edefe3;padding:4px 8px 8px} .callout_nav_box h3{margin:3px 0} .callout_nav_box a{display:block;padding:4px 8px;background:#f0f0ea;color:#5d379c;float:left;margin:4px} .faq_link{background:url(./images/FAQ_icon.png) no-repeat 0 4px;padding:4px 4px 4px 24px} .faq_link a{background:url(/etc/designs/scps2/images/linkarrow_sprite.png) no-repeat right -144px;padding:0 14px 0 0;font-weight:bold;font-size:.95em} /* link lists */ .column_group .sidebar_list,.column_group .list_of_jump_links{border:1px solid #cecece;margin:9px 0 10px 0;padding:4px 11px 7px} .sidebar_list h3,.list_of_jump_links h3{font-size:1em;margin:6px 0} .sidebar_list ul,.list_of_jump_links ul{list-style:none;margin:0;padding:0} .sidebar_list li,.list_of_jump_links li{margin:2px 0;padding:4px 0 2px 12px;background:url(./images/arrow_sprite.png) no-repeat -7px -184px} .c_container_2_1 .col1 .list_of_jump_links{margin:9px 12px} /* .more_left_col_content .list_of_jump_links {position:fixed;top:400px;left:60px;} */ /* multi-link box as appearing in apply and info */ .multi_link_box.section,.reference .multi_link_box{margin-bottom:8px} .multi_link_box{border:2px solid #8c73ba;height:75px;font-size:.95em;position:relative;line-height:1.1em} .multi_link_box h3{text-transform:uppercase;color:#717171;border-bottom:1px solid #717171;padding:0 0 4px;margin:0 0 8px} .multi_link_box .borderbox{padding:2px 4px 0 70px;display:block} .col2 .colctrl-2eq .multi_link_box .borderbox.noImage{padding-left:8px;padding-right:8px} .multi_link_box ul{list-style:disc outside;color:#666;margin:0;padding:0} .multi_link_box li{padding:0;margin:0 0 0 1em;font-size:.9em} .multi_link_box li a{color:#999} .lbox_image{position:absolute;top:6px;left:2px;height:62px;width:66px;overflow:hidden} .multi_link_box .mlb_subtitle{font-weight:bold;display:inline} /* cells within degree_grid */ .degree_cell{float:left;width:244px;margin:2px 0 2px 6px;height:68px;vertical-align:middle;background:#edefe4;display:table} .degree_cell_content{position:relative;font-weight:bold;display:table-cell;vertical-align:middle} .degreeDetail .online{background:url(/etc/designs/scps2/images/online_mouse.gif) no-repeat;width:20px;text-indent:-9999px;display:block;float:right} .online_course{background:url(/etc/designs/scps2/images/online_mouse.gif) no-repeat;width:20px;text-indent:-9999px;display:block;float:left} div.concentrations_list{font-weight:bold;height:auto} .concentrations_list a{color:#FFF;background: url('/etc/designs/scps2/images/white-arrow.png') right 3px no-repeat;padding: 0 12px 0 0;} .concentrations_list ul{font-size:.95em;padding:0;margin:10px 0 0 0;list-style-type:none;} .concentrations_list li{margin: 7px 2px;text-indent: 0\9;text-indent: -12px} .concentrations_list h3{margin:0 0 12px;color:#FFF;} .colctrl-1rt .concentrations_list.section{margin-top:8px} .sitemap.section{margin-top:4px} .sitemap .linkcontainer .link{padding:4px 0 0} /* Dynamic Program Streams */ .dynamicProgramAreaList ul {padding-left: 0;} .dynamicProgramAreaList li {list-style: none;} .dynamicProgramAreaList a {font-size: 15px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1px; background: transparent url(/etc/designs/scps2/images/purple-arrow.png) no-repeat right; padding-right: 12px; font-weight: bold; line-height: 24px;} /* forms - not ideal in DAY, likely going to be doing something with these*/ FORM .text.parbase.section{margin-bottom:12px} .form_row{clear:both;padding:8px} .form_leftcol{float:left;width:100px;margin:4px 0} .form_rightcol{float:left;width:340px;margin:4px 0} .form_leftcollabel,.form_leftcolmark,.form_rightcollabel,.form_rightcolmark{display:inline} .dropdown{padding:4px 0} .form_leftcolmark,.form_rightcolmark{color:#440E62} /* these next 2 are related - the button is positioned right at the right edge */ .form_row .button-right{text-align:right;margin:0 0 0 430px} .form_element{width:480px} /* map component - always floats left for now */ .section.map{clear:none;float:left} .colctrl-2eq .styled_link{margin:0 26px 12px 24px} .colctrl-2eq .styled_link.link_left{margin:0; background-position: right 9px;} .colctrl-3 .styled_link,.colctrl-1then3 .styled_link{margin:0 14px 8px 0;} .colctrl-2uneq-c0 .styled_link{margin-right:14px} .section.video{margin-right:20px;margin-bottom:20px;clear:none;float:left} .gallery{border:1px solid #ccc;padding:0} .gallery h2{color:#333;background:#eee;padding:9px;margin:0} .gallery ul{list-style:none;padding:0;margin:5px 0} .gallery li{height:125px;width:125px;border:2px solid #f2f2f2;float:left;margin:14px;padding:0;overflow:hidden;text-align:center} .gallery a{border:0} .gallery_scroll{height:240px} .parbase.alert{background-color:#f10;color:#fff;font-weight:bold;padding:4px 8px;position:relative;top:-6px;font-size:12px} .parbase.alert a{background-color:#f10;color:#fff;font-weight:bold;padding:4px 8px;position:relative;top:-6px;font-size:12px} /* homepage specific items */ .mainHome .header{background:url(/etc/designs/scps2/images/gray_80trans.png) repeat} /* convenience classes for new items */ .emptyComponent{border:2px solid #A56;background-color:#FEE;padding:4px} /*specific image classes for the homepage banners */ .mainHome .c_container_1 .image.section{margin:0;line-height:10px} .homePage .c_container_1 .image.section{margin:0;line-height:10px} /* these are IE7 fixes for the homepage and when applied to all other browsers, have no effect */ .mainHome #topNav{z-index:100} .mainHome #mainContent{position:relative} .mainHome .cq-dd-image{position:relative} .mainHome .footer{position:relative} .feature.short{height:300px;border:1px solid red} /* BEGIN new phase2.css code */ .hoz_rule hr{background:rgb(245,246,241);height:3px} .degree_cell{padding-bottom:12px} .c_container_1_2{background:transparent url('/etc/designs/scps2/images/leftcol-bg.png') top left repeat-y} .c_container_2_1{background:transparent url('/etc/designs/scps2/images/leftcol-bg.png') top right repeat-y} .c_container_1_2 .col2{overflow:hidden;border:0;background:transparent} .c_container_2_1 .col2{background:transparent} .col2 .parsys{background:transparent} /* This bit of code is the bane of my existence right now. .col2 .section, .c_container_1 .section { margin: 0 15px 12px 15px;}*/ .c_container_1 a{color:#440e62} /* Column Control styles moved to column-cleanup.css */ ul#audience li.sep{display:none} ul#audience li{display:block;float:left;margin:0 5px} ul#audience li a{display:block;height:20px;width:20px} #audience li# {/*width:144px;*/padding-right:20px;font-size:12px;border-right:1px solid #ccc;margin-top:6px} #audience li#loginStrip a{width:100%;height:14px} #cartStrip{position:absolute;top:68px;right:200px;width:60px;height:20px;font-family: Helvetica,Arial,sans-serif; letter-spacing: 0.1px; font-weight: bold; font-size: 14px;color:#440e62;background:url('/etc/designs/scps2/images/sprite-sheet.png') right -178px no-repeat;padding:4px 27px 0 0;text-align:right} #cartStrip.hasItems{background-position:right -221px;font-weight:bold} #cartStrip a{position:absolute;display:block;height:20px;width:30px;right:0;top:0} li.twitterLink,li.facebookLink,li.youtubeLink,li.linkedinLink{background:url('/etc/designs/scps2/images/social_sprite.png') 0 0 no-repeat} li.twitterLink{background-position:0 1px} li.facebookLink{background-position:2px -32px} li.youtubeLink{background-position:0 -70px} li.linkedinLink{background-position:0 -218px;position:relative;top:1px} #topNav{height:30px;background:#464646;position:relative;width:1015px} #topNav > ul > li{backgound:none;font-size:14px;text-align:middle;padding:7px 0;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif} #topNav li:first-child a{border-left:0;/*margin-left:9px;*/} #topNav > ul > li:first-child{margin-left:12px} #topNav > ul > li > a{display:block;padding:1px 10px;border-left:1px solid #999;} #topNav > ul > li:hover,#topNav > ul > li.selected{background-color:transparent} #topNav a:hover{color:#ffe199; text-decoration: none;} #topNav > ul > li.push_right{position:absolute;right:0;background:#440e62 url('/etc/designs/scps2/images/sprite-sheet.png') -230px 0 no-repeat;height:30px;padding:0 12px 0 27px} #topNav > ul > li.push_right a{border:none;padding:8px 9px 4px} #topNavCorner{background:url('/etc/designs/scps2/images/sprite-sheet.png') 0 -64px no-repeat;height:6px;width:7px;position:absolute;right:0;bottom:-6px} #topNavLeftCorner{background:url('/etc/designs/scps2/images/sprite-sheet.png') -200px -64px no-repeat;height:6px;width:7px;position:absolute;left:0;bottom:-6px;display:none} .ppl_bg #topNav{left:-7px;width:1022px;background:#32004b;}/*seems like it should be #440e62, but acc. to JL #157 it's yet another purple */ .ppl_bg #topNavLeftCorner{display:block} .ppl_bg #topNav li.push_right{background:none} /* footer */ .footer_not_admit{position:relative;height:auto;border-bottom:1px solid #fff;margin:0;background:#edefe4} .footer_not_admit a{color:#440e62} .footer_not_admit > ul{position:relative;width:1018px;left:-10px;list-style:none;background:#fff;height:25px;vertical-align:baseline;padding:0;margin:2px 0 0;overflow:show;border:1px solid #d1d3c9;box-shadow:1px 1px 3px rgba(0,0,0,0.20)} #footer_divot{position:absolute;left:-8px;top:26px;width:8px;height:7px;background:url('/etc/designs/scps2/images/sprite-sheet.png') -16px -271px no-repeat} .footer_not_admit > ul > li{float:left;padding:4px 0;font-size:14px;font-weight:bold;font-family:"Centrale-Sans", "Helvetica Neue", Helvetica, Arial,sans-serif; letter-spacing: 0.1px;} .footer_not_admit ul ul{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif} .footer_not_admit ul.footerLink{margin:10px 0;padding:0;font-size:14px} .footer_not_admit li.twitterLink{background-position:0 -106px} .footer_not_admit li.facebookLink{background-position:0 -146px} .footer_not_admit li.youtubeLink{background-position:0 -181px} .footer_not_admit li.linkedinLink{background-position:0 -256px} #quicklinks{width:235px;margin:0 15px 0 20px} #middlelinks{width:460px} #ontheweb{top:0;width:245px} li.twitterLink,.facebookLink,.youtubeLink,.linkedinLink,.socialClub li{font-size:14px} .footer_foot{border:0;font-size:12px} .footer_foot .copyright{background:url("./images/footerlogo_sprite_spcs.png") no-repeat scroll 15px -102px transparent;padding:3px 0 0 175px} #nyufootLogo{right:15px} /*breadcrumbs */ #breadcrumb{background:#252525;color:#fff;padding:5px 14px;font-size:9px;margin-top:0;box-shadow:0 2px 2px rgba(0, 0, 0, 0.25) inset} #breadcrumb.lighterG {background:#636363;} #breadcrumb a,#backLink{color:#ccc} #backLink SPAN{color:#fff} #bcrumb_itself {float: right} #bcrumb_itself > SPAN{padding:0 6px;margin:0 0 0 4px;background:url('/etc/designs/scps2/images/sprite-sheet.png') -103px -73px no-repeat;display:inline-block;height:9px} #bcrumb_itself > SPAN > SPAN{display:none} #bcrumb_itself > SPAN.lastlink{background-position:-103px -73px} /* text stuff */ .text.darkGray,.text.purple,.text.transBorder{padding:1px 8px 8px;} .text.darkGray{background:#333;color:#fff} .text.purple {color:#fff;} .main_content .darkGray a,.darkGray a,.purple a{color:#fff} .text.purple{background:#440E62} .text.rightpadding100{margin-right:100px} .title_txt_p{font-family: 'Helvetica Neue', Helvetica, Arial, sans; letter-spacing: 0.1px;} /* paragraph_toggle component: */ /* from original static.css */ .paragraph_toggle.section,.section.reference .paragraph_toggle{margin:12px 0 4px 2px} a.close_all_pars{background:url(/etc/designs/scps2/images/expandcollapse.png) no-repeat 0 -30px;margin:0 0 0 8px} .paragraph_toggle.closed_by_default + div{display:none} .paragraph_toggle.closed_by_default + .colctrl.section + div{display:none} /* m phase2.css */ .paragraph_toggle.section,.paragraph_toggle.section.reference{margin:10px 12px 0;background:#fff;border:2px solid #eee;border:2px solid rgba(0,0,0,0.05)} .paragraph_toggle.open_by_default,.paragraph_toggle.openered{border-bottom:0;padding-bottom:2px} .paragraph_toggle.closered,.paragraph_toggle.open_by_default.closered{border:2px solid #eee;border:2px solid rgba(0,0,0,0.05)} .paragraph_toggle a{margin:5px;font-size:16px;font-weight:bold;padding:5px 24px;color:#333;font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1px; display:block;background:#eee url(/etc/designs/scps2/images/arrow_sprite2.png) no-repeat 4px -40px} .paragraph_toggle a.closed{background:#eee url(/etc/designs/scps2/images/arrow_sprite2.png) no-repeat 4px 10px;color:#333} .paragraph_toggle a:hover{text-decoration:none} .paragraph_toggle.open_by_default + div.colctrl.section{display:none} .paragraph_toggle.open_by_default + div.column_group.section{display:block} .column_group.p_toggle{border:2px solid #eee;border:2px solid rgba(0,0,0,0.05);border-top:0;background:0;padding:1px 8px 6px;margin:-2px 12px 0;background:#fff} /* the space between columns, and in some cases the columns themselves, have been resized inside of the paragraph toggle spaces. Where possible, the columns are the same size and the space between is smaller by a few px to account for the borders and padding */ .p_toggle .colctrl-2eq-c1{margin-left:8px} .p_toggle .colctrl-2uneq-c0{width:467px} .p_toggle.colctrl-3 .colctrl-3-c1,.p_toggle.colctrl-1then3-c2{margin:0 8px} .toggle_all{clear:both;text-align:right;position:relative;top:10px;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;font-size:12px;font-weight:bold;} .toggle_all a{background:url('/etc/designs/scps2/images/sprite-sheet.png') right -74px no-repeat;padding:4px 24px 4px 4px;color:#440e62;cursor:pointer} .toggle_all .close_all_pars{display:none} /* Search Box */ #searchMain{height:24px;background:none;position:absolute;right:0;bottom:28px;z-index:1002} #searchForm{position:relative;/*z-index: 1000;*/ border:3px solid #e6e6e6;border-radius:15px;-moz-border-radius:15px;height:24px;width:175px;background:#fff} #mainSearchField{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;position:relative;/*z-index:1001;*/ color:#333;font-size:11pt;padding:5px 15px 0 11px;border:none;background:none;width:155px;color:#ccc} #mainSearchField.active{color:#333} a#main_go_button,a:hover#main_go_button{background:url(/etc/designs/scps2/images/sprite-sheet.png) -4px -202px no-repeat;height:20px;width:20px;top:3px;left:153px;text-decoration: none;} #searchDrop{position:absolute;top:0;left:-3px;width:165px;padding:27px 5px 12px;z-index:-1;background-color:#222;background:rgba(0,0,0,0.85);border:3px solid #ebebeb;border:3px solid rgba(256,256,256,0.8);border-radius:13px;color:#fff;font-size:.9em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif} #searchDrop b{color:#959595;letter-spacing:.1em} .courseSection{background:none} /* Search Results & New Course Component (originally in search.css) */ /*search*/ .certificateSearch.section, .eventSearch.section, .creditCourseSearch.section, .siteSearch.section, .degreeSearch.section {margin:12px 0;} .resultCount {background:#666;color:#fff;position:relative;padding:12px 8px;} .searchBar {margin:12px;} .searchBar SELECT {width:200px;} .creditCourseSearch .searchBar SELECT {width:120px;} .filterTxt {font-size:1.2em;font-weight:bold;margin-right:12px;} div.filterTxt {float:left;width:220px;} #resultSet {margin:12px 0;} .filterResults {background:#999;color:#000;padding:12px 22px;} .filterResults a {color:#c9c9c9;padding:0 3px; cursor:pointer;} .filterResults a.on {color:#fff;text-decoration:underline;cursor:pointer;} .numResultsPerPage a {padding:0 4px;text-decoration:underline;} .numResultsPerPage a.sel {padding:0 4px;text-decoration:none;font-weight:bold;cursor:pointer;} .filterFilters {overflow:hidden;} .resultHeader {background:#f2f3ef;position:relative;height:30px;color:#333;padding-left:12px;} .currentResults {padding:5px 15px 0 0;float:left;font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px;} .numResultsPerPage {/*margin:8px;*/float:left;} .pagerBlock {height:30px;background:#440e62;float:right;color: #fff;} .pagerBlock a, .pagerBlock .curPage {color:#fff; padding:0 5px 0 5px;margin: 7px 3px;font-size:0.95em; float: left;text-decoration:none;} .pagerBlock a:hover,.pagerBlock a.cp,.pagerBlock .curPage {background: #fff; color: #440E62; text-decoration: none;} .c_container_1 .main_content .pagerBlock a{color: #fff;} .c_container_1 .main_content .pagerBlock a:hover,.c_container_1 .main_content .pagerBlock a.cp{color: #440E62;} .pagerBlock a.cp, {cursor:text;} .pageNavs {padding: 0;} .pagerBlock a.next, .pagerBlock a.prev {height: 30px; width: 30px; padding:0; margin:0; background: transparent url(/etc/designs/scps2/images/paginator-sprite.png) no-repeat 0 -42px;} .pagerBlock a.prev {background: url(/etc/designs/scps2/images/paginator-sprite.png) no-repeat 0 -130px;} .pagerBlock a.next:hover {background: url(/etc/designs/scps2/images/paginator-sprite.png) no-repeat 0 0;} .pagerBlock a.prev:hover {background: url(/etc/designs/scps2/images/paginator-sprite.png) no-repeat 0 -85px;} #resultSet TABLE {margin:12px;} #resultSet TH {background:#333;font-weight:bold;padding:8px;border-bottom:1px solid #ccc;color:#ccc;} #resultSet TH a {color:#ccc;} #resultSet TD {padding:8px;font-size:0.9em;} #resultSet tr:nth-child(odd) {background:#fff;} #resultSet tr:nth-child(even) {background:#f2f3ef;} .fac {font-weight:bold;font-size:1.1em;} .calFloat {float:left;width:200px;border:1px solid #ccc;} /* #resultSet ul {padding:0;margin:10px 20px;} #resultSet li {list-style:none;clear:both;display:block;} #resultSet li.odd {background:#f2f3ef;}*/ #searchRes ul {padding:0;margin:10px 20px;} #searchRes li {list-style:none;clear:both;display:block;} #searchingDiv {display:none;background:url(/etc/designs/scps2/images/ajax-loader.gif) no-repeat center center;text-indent: -9999px;} a.filterButton {display:block;width:49px;height:27px;background:url(/etc/designs/scps2/images/buttons_go.png) no-repeat 0 -100px;float:right;} a.filterButton:hover {background-position:0 0;} .eventSearch a#go_button {float:none;display:inline;padding:10px 24px;position:relative;top:4px;left:10px;} .eventListing li {margin-bottom: 20px; list-style: none;} .evDate {margin-right:20px; font-family: Copperplate, 'Copperplate Light', 'Copperplate Gothic Light', 'Trebuchet MT', serif; font-size: 12px; background: #666; border: 2px solid #e1e1e1;} .evDate SPAN {font-family: Helvetica, Arial, sans-serif; font-size:24px; font-weight: bold; display:block; text-transform:uppercase; } .c_container_1 .evDate a {color: #fff; padding-top: 3px;} .eventDetail {overflow:hidden;margin:0 10px;} .c_container_1 .eventDetail a {color: #959595; font-style: italic;} .c_container_1 .eventDetail h3 a {color: #440E62; font-style: normal;} .filterRow1 {float:left;margin:2px 0 4px 10px; clear: both;} .filterRow2 {margin:4px 0 4px 227px;clear:both;} .ncCourseSearch .filterRow2 {margin-left:366px;} .filterRow2 a#go_button {position:relative;top:-14px;} .creditCourseSearch a#go_button {right:200px;} .eventDetail h3 {margin:0 0 4px 0;} .callout_nav_button {margin:20px 12px;} #searchingDiv {padding:100px;text-align:center;} #message {padding:100px;text-align:center;letter-spacing: 0.1px;} #resultSet .iR1 TD {padding:8px 6px 2px 6px;} #resultSet .online_course {display:inline;float:none;position:relative;top:-3px;margin-left:12px;} /* course search */ .cInfo {font-style:italic;font-size:0.9em;} .cTitle {font-weight:bold;font-size:1.05em;color:#502a9d;} .cs {color:#999;font-size:0.9em;text-align:right;} #resultSet .courseTable tr:nth-child(odd) {background:#fff;} #resultSet .courseTable tr:nth-child(even) {background:#fff;} #resultSet .courseTable tr.oddrow {background:#f2f3ef} .groupResults h3 {margin:0 2px;} #resultSet .groupResults ul {padding:0;list-style:none;} .calPicker {background: url('/etc/designs/scps2/images/sprite-sheet.png') -143px -262px no-repeat; padding: 0px 0px 0px 12px;} FIELDSET {border:0;float:left;display:block;width:210px;margin:0;} FIELDSET.nd {width:478px;} FIELDSET.nd SELECT {width:120px;} FIELDSET .dateField {width:100px} .filterTxt.short {width:220px;margin-top:4px;} .orText {float:left;width:18px;font-weight:bold;margin:8px 0;} .searchlink {display:block;font-size:0.9em;} .sortResults {font-size:0.9em;} .sortResults a SPAN {font-size:0.8em;} ul#sorter {display:inline;margin:0;padding:0;list-style:none;} #sorter li {display:inline;padding:0 4px;border-right:1px solid #333;} #sorter li:last-child() {border-right:0;} #durationField {width:80px;} #noResults {margin: 10px;} #noResults h2 {color: #000; margin: 10px 0;} #noResults FORM {} #noResults .noBox {background: #333; width: 212px; height: 105px; color: #fff; padding: 10px; float: left; border: 1px solid #e5e7dc; margin-right: 10px;} #noResults h4, #noResults h5, #noResults h6 {color: #fff; margin:0 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal;} #noResults h4 {font-size: 75px; line-height: 12px; margin: 22px 0 0 0;} #noResults h5 {font-size: 40px; line-height: 12px;} #noResults h6 {font-size: 20px; margin-top: 10px;} #noResults .symbol {font-size: 25px; line-height: 10px;} #noResults .ex {width: 100%; text-align: right; margin-top: 20px;} #noResults h2.second{padding-top: 150px;} #gb {background:#d8dad0; padding: 0 0 20px 0; border-radius: 20px;} #gb .search {margin-bottom: 20px;} #gb .search .cap{float: left; height:42px; width:40px; background: url('/etc/designs/scps2/images/sprite-sheet.png') 0px -376px no-repeat;} #gb .search .keyword{height: 34px; width:587px; border: 3px solid #c2c4bb; border-left: none; border-right: none; background: #fff; font-size: 20px; padding-left: 10px; float: left;} #gb .search .keyGo{height: 42px; width: 98px; background: url('/etc/designs/scps2/images/sprite-sheet.png') -66px -376px no-repeat; color: #fff; border: none; margin: 0; float: left;} #gb p {float: left; width: 60%; padding-left: 20px;} #gb .choices {float: right; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;letter-spacing: 0.1px;} #gb .choices input {margin: 0 8px 5px 0;} #clearkeyword a {color:#fff;font-weight:bold;padding:1px 3px;margin:0 0 0 8px;border:1px solid #fff;font-size:0.5em;position:relative;top:-2px;} #message {display:none;text-align:left;padding:20px;} .sorticon {padding:1px 6px;background:url(/etc/designs/scps2/images/sortarrow.png) no-repeat 0 6px;margin-left:4px;} .sorttable_sorted .sorticon {background:url(/etc/designs/scps2/images/sortarrow.png) no-repeat 0 -15px;} .sorttable_sorted_reverse .sorticon {background:url(/etc/designs/scps2/images/sortarrow.png) no-repeat 0 -34px;} /* arrows used by all of the new searches */ a.floatyArrow {position:absolute;display:block;width:24px;height:65px; overflow:hidden;background:#fff url('/etc/designs/scps2/images/search_indicator.png') right -136px no-repeat; text-indent:-9999px;right:2px; } a.floatyArrow:hover {background-position:right 2px;} .certificateSearch a.floatyArrow {top:0;} #resultSet li.facultyItem {padding:12px 0;} .facultySearch ul#result {list-style:none;padding:0px;} .facultyItem .facImg {width:72px;height:102px;overflow:hidden;float:left;margin-right:15px;} .facultyItem .facImg IMG {width:72px;} .facultyItem .facName {padding:2px 0 2px;font-family: Helvetica, Arial, sans-serif;font-weight:bold;font-size:22px;overflow:hidden;} .facultyItem .facName a {color:#333;} li.facultyItem:hover .facInfo {background-position:831px 2px;} .facultyItem .facTitle{clear:left;float:left; width:180px;padding:4px;height:100%;} .facultyItem .facDept {float:left;width:180px;padding:4px;height:100%} .facultyItem .facStatus {float:left;width:120px;padding:4px;height:100%;} .facultyItem .facCourses {float:left;width:280px;padding:4px;height:100%;} #resultSet .facCourses ul {padding:0;margin:0;list-style:disc outside none;} .facultyItem .facCourses li {margin:1px;padding:0;} .facInfo.highlighted, .facTitle.highlighted, .facDept.highlighted, .facStatus.highlighted, .facCourses.highlighted {background:#ccc;} .faculty_profiles .facultyItem .facName {padding:2px 0 0;} .faculty_profiles .facultyItem .facTitle {float:none;display:block;width:auto;font-size:12px;padding:0 2px;} .faculty_profiles .facultyItem .facInfo {height:60px;padding:0;} .faculty_profiles .facultyItem .facCourses, .faculty_profiles .facultyItem .facDept {line-height:1.2em;} .faculty_profiles .facultyItem .facCourses {width:380px;} .faculty_profiles .floatyArrow {height:58px;} .deptFilter {float:left;/*width:450px;*/} .deptFilter select {width: 500px;} .timeFilter {float:left; padding-top: 2px; /*width:440px;*/} .nameFilter {float:left;margin:15px 0 0 0;/*width:270px;*/} .facultySearch a#go_button {background:#440e62 none;border:1px solid #fff;color:#fff;font-size:9px;padding:4px;height:auto;width:60px;text-align:center;text-transform:uppercase;} .facultySearch .searchBar, .ncCourseSearch .searchBar, .certificateSearch .searchBar, .faculty_profiles .searchBar, .ncCourseIndex .searchBar {background:#440e62;padding:12px;font-size:12px;margin-bottom:0;} .facultySearch .filterTxt, .ncCourseSearch .filterTxt {display:block;float:none;background:#fff;width:auto;padding:4px 0 4px 8px;margin:0;font-family: Helvetica, Arial, sans-serif;} .facultySearch .filterTxt h3, .ncCourseSearch .filterTxt h3 {margin:0;font-size: 18px;color:#333;} .facultySearch .filterFilters, .ncCourseSearch .filterFilters {background:#e1e1e1;} .facultySearch #resultSet {padding:0;border:0;margin:0 12px;} .facultySearch .filterResults,.ncCourseSearch .filterResults, .certificateSearch .filterResults {background:transparent;float:left;margin: 0;width:650px;padding:0;} .facultySearch .filterResults a,.certificateSearch .filterResults a, .ncCourseSearch .filterResults a,a.setPageSize {padding:4px 5px; font-weight:bold; line-height:24px; margin:0; font-size:14px; text-decoration: none;} .facultySearch .filterResults a.on,.certificateSearch .filterResults a.on, .ncCourseSearch .filterResults a.on {color: #440E62;} .facultySearch .filterResults a.on:hover,.certificateSearch .filterResults a.on:hover, .ncCourseSearch .filterResults a.on:hover,.numResultsPerPage a.setPageSize.sel,.numResultsPerPage a.setPageSize:hover {background:#440e62;color:#fff;border-radius:3px;padding:4px 5px;} a.setPageSize {text-decoration: none;cursor:pointer;} .certificateSearch a.setPageSize {color:#8560a8} .facultySearch hr, .ncCourseSearch hr {clear:both;color:#fff;background-color:#fff;height:1px;border-color:#fff;border:none;margin:0 10px;} .resultHead {background:#fff; padding: 6px;font-weight: bold; font-size: 14px;} .resultHead .currentResults {} .resultHead .numResultsPerPage {} .resultHead .numResultsPerPage a.sel {background:#440e62;color:#fff;} .resultHead .numResultsPerPage a {color:#440e62;} .resultHead .numResultsPerPage SPAN {color:#999;} #resultSorter {padding: 0 24px 0 0;overflow:hidden;text-align:right;} #columnSort {background:#440e62;padding:0 12px 12px;position:relative;height:16px;font-size:12px;} #columnSort a {padding:0 20px 0 0;background:url('/etc/designs/scps2/images/sort-star.png') top right no-repeat;color:#fff;} #columnSort a.sorted {background-position: right -70px;} #sortTitle {float:left;width:188px;margin:0 0 0 114px;} #sortDepartment {float:left;width:180px;margin:0;} #sortStatus {float:left;width:140px;margin:0;} #sortCourses {float:left;width:200px;margin:0;} .facultySearch #pageNavPosition1 {display:none;} .facultySearch #pageNavPosition1 a {display:none;} .facultyIndex label {font-weight:bold;} .facultyIndex .filterResults {background:#666;} .facultyIndex .deptFilter {float:none;color:#fff;background:#666;} .facultyIndex .alphalist {margin:4px 0;} .facultyIndex.section {margin:0;} .facultyIndex #resultSet {margin:12px;} .facultyIndex ul#result {margin:0;padding:0 4px;list-style:none;} .facultyIndex ul li {padding:4px;margin:1px 0;} .facultyIndex ul li:nth-child(odd) {background-color:#fff;} .facultyIndex #pageNavPosition1 {display:none;} /* edits for noncredit search bar */ .textComp .searchWrap {float: left; margin: 3px 0 25px 0; padding-left: 40px; text-align: left; background: url('/etc/designs/scps2/images/sprite-sheet.png') 0 -376px no-repeat; width: 412px;} .textComp input.keyword {width: 300px; background: #fff; border: none; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; padding-left: 8px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-size: 15px; color: #666; margin: 0; float: left; padding: 8px 0 8px 8px; height: 20px;} .textComp input.keyGo {border: none; height: 42px; width: 97px; color: #fff; font-size: 15px; font-family: Copperplate, 'Copperplate Light', 'Copperplate Gothic Light', 'Trebuchet MT', serif; margin: 0; padding: 0; background: url('/etc/designs/scps2/images/sprite-sheet.png') -66px -376px no-repeat; float: left; cursor: pointer;} .textComp form {margin: 0; padding: 0;} .textComp .styled_link {margin-right: 40px;} .textComp .styled_link a {font-size: 13px;} .certificateSearchFilterBar, .ncSearchFilterBar {clear:both;} .certificateSearchFilterBar .searchWrap, .ncSearchFilterBar .searchWrap {margin:6px 0 0 0;background-position: -180px -296px;padding-left:16px;} .certificateSearchFilterBar input.keyword, .ncSearchFilterBar input.keyword {width:250px;height:28px;font-size:12px;position:relative;padding: 2px 0 0 8px;} .certificateSearchFilterBar input.keyGo, .ncSearchFilterBar input.keyGo {height:38px;width:35px;background-position:-215px -296px;text-indent:-99999px;} .certificateSearchFilterBar .styled_link, .ncSearchFilterBar .styled_link {font-size:12px;} /* New for Global Search Results */ #resultSet {margin-top: -12px;} .groupResults > ul > li.selected {margin: 0; color:#440e62;border-bottom: 1px solid #777;background:transparent url('/etc/designs/scps2/images/nav-divot.png') right bottom no-repeat;} /*.groupResults ul li a {padding: 0 0 4px 0;}*/ .groupResults li a, .groupResults h2 {border-bottom: 1px solid #777; padding: 0 0 2px 0;} .groupResults li {border: none;} .groupResults h2, .groupResults li { font-family: Copperplate, 'Copperplate Light', 'Copperplate Gothic Light', 'Trebuchet MT', serif; font-size: 12px; font-weight: bold; color: #666; border-bottom: ;} .resultHeader {background: #666; color: #fff; font-size: 14px;} ul#searchRes {margin-left: 0;} #searchRes li {padding: 8px 0 8px;} #searchRes h3 {margin: 0;} /* Style Updates for All Sections */ .certificateSearch.section, .ncCourseSearch.section, .facultySearch.section {margin: 0;} .ncCourseSearch #resultSet {margin-top: 0;} .facultySearch .searchBar, .ncCourseSearch .searchBar, .certificateSearch .searchBar {margin: 0; padding-bottom: 1px;} .facultySearch .searchBar {padding-bottom: 8px;} .facultySearch .filterRow1, .ncCourseSearch .filterRow1,.certificateSearch .filterRow1, .ncCourseSearch .grey {background: #e3e3e3; margin: 0; font-weight: bold;} .certificateSearch .filterRow1, .facultySearch .filterRow1, .ncCourseSearch .filterRow1 {padding: 5px 5px 5px 8px; border-bottom: 2px solid #e7e7e7; width: 971px;} .certificateSearch .resultHeader.filterRow1{background: #32004b;} .ncCourseSearch .resultHead {font-weight: bold; font-size: 13px;} .ncCourseSearch .currentResults {font-family:"Helvetica Neue", Helvetica, Arial, sans; font-size: 13px;} .ncCourseSearch fieldset {padding: 1px 0 0 16px; width: 200px;} .ncCourseSearch fieldset.nd {width:440px;} .ncCourseSearch .orText {margin: 0; padding: 4px 12px 0 0;} .ncCourseSearch #message{background:#440e62;padding:12px 40px;color:#fff;font:bold 16px Helvetica,arial,sans;-moz-font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;text-align:center;} .ncCourseSearch .searchBar.no-results {background:#666;padding-bottom:15px;} #emptySearchButton {display:none;text-align:center;} #emptySearchButton .css_button {width:232px;margin:0 auto;} .ncCourseSearch #defaultResult {margin:15px 0 15px 15px;} ul#result {padding: 0 20px 0 20px;} li.ncC {clear:both;padding:8px 0; border-bottom:1px solid #fff; list-style: none;} li.dynNewCourse{border: 2px solid #AAA; margin-bottom: 10px; padding-left: 10px; height: 115px; background: #fff no-repeat;} li.ncC:last-child{border-bottom: 2px solid #AAAAAA} li.ncC .cBar, .certificateSearch .cBar, .facultyItem .facInfo {overflow:hidden;background:#fff; border:2px solid #e5e7dc;font-size:11px;height:60px;padding: 3px 5px 2px 0; position: relative;} .facultyItem .facInfo {font-size:11px;height:65px;} li.ncC .cBar:hover, .certificateSearch .cBar:hover, .facultyItem .facInfo:hover {border: #aaa 2px solid;} li.ncC .cBar:hover a, .certificateSearch .cBar:hover a, .facultyItem .facInfo:hover a {color: #222;} .cBar DIV {float:left;height:100%; border-right: 2px solid #f1f3e8; height: 60px; padding: 0 5px 0 5px;} .cTopics {width:170px; display: none;} .cDept {width:170px;} .cCert {width:170px;} .cDates {width:100px;} .cTimes {width:140px;} .cButton {float:right;display:block;} .cBar .cLoc {width:120px; border-right: none;} .cBar DIV.highlighted {background:#ccc;} #sortTopics {float:left;width:180px; padding-left: 18px;} #sortDepts {float:left;width:180px;} #sortCert {float:left;width:210px;} #sortDates {float:left;width:115px;} #sortTimes {float:left;width:150px;} #sortLoc {float:left;width:150px;} .ncC .cTitle a, .certificateSearch .cTitle a {color: #440E62; font-size: 21px;} .cInfo {font-style: normal; font-size: 11px; font-weight: bold; padding-bottom: 3px;padding-top: 0.2em;} .cInfo .courseNo {font-size: 12px;} .cInfo a {color: #440E62;} .cDesc {padding: 10px 20px 0 0; width: 550px;} .ncTimeframe {font-size: 20px; font-weight: bold;} .ncTimeframe a {padding-left: 10px; float: right;} .courseSelect {float: left; padding-top: 2px;} .classOpen a.{background: #39b54a;} .nameFilter input {width: 215px;} .nameFilter a.searchWithin {background: #440e62; text-transform: uppercase; padding: 3px 7px 3px 7px; color: #fff;} .nameFilter a.searchWithin:hover {background: #444;} .filterRow1 .drop {padding-right: 20px; float: left;} .filterRow1 .byDept {float: left; padding-right: 25px;} .certificateSearch .filterRow1 {border: none;} .certificateSearch .resultHead {padding: 10px;} .certificateSearch .numResultsPerPage {margin-top: 4px;} .certificateSearch #result, .certificateSearch #result li {padding: 20px 10px 0 10px; list-style: none;} .certificateSearch .cBar {padding: 10px; height: 20px;} .certificateSearch a.floatyArrow {background:#fff url('/etc/designs/scps2/images/search_indicator.png') right -264px no-repeat; width: 20px; height: 36px;} .certificateSearch a.floatyArrow:hover {background:#fff url('/etc/designs/scps2/images/search_indicator.png') right -219px no-repeat;} .searchBar .heading {color: #fff; padding: 8px;} .keyFilter {padding: 10px 0 20px 100px;} .keyFilter input {height: 42px; width: 670px; border-radius: 26px; font-size: 18px; border: 2px solid #444; padding-left: 10px; margin-left: 50px;} .keyFilter a {display: block; width: 27px; height: 28px; background: url('/etc/designs/scps2/images/sprite-sheet.png') -218px -349px no-repeat; position: absolute; margin-top: -38px; margin-left: 690px;} .resultHeader .note {font-size: 10px; float: left; padding: 6px;} .note .star {background: url(/etc/designs/scps2/images/sort-star.png) 0px -70px no-repeat; padding: 3px 7px 0 7px;} .onlineIcon {width: 25px; height: 25px; padding: 2px 9px 0 9px; margin-left: 10px;background: transparent url('/etc/designs/scps2/images/sprite-sheet.png') -88px -140px no-repeat;} /* .css_button styles from phase2.css; we should swap .cButton for .css_button once I figure out how */ .cButton {text-align: center;} .cButton a {color: #fff; display: block; font-family: Helvetica, Arial, sans-serif; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); border-radius: 3px; border: 1px solid #fff; background: #ccc; font-size: 18px; height: 16px; font-weight: bold; padding: 6px 10px 6px 10px; margin: 10px 0 0 0; line-height: 1em; text-shadow: 0px 1px 2px rgba(0,0,0,0.25);} /* colors */ .classOpen a {background: #39b54a;} .classOpen a:hover {text-decoration: none; background: #267932 -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#267932)); background: -moz-linear-gradient(top, #39b54a, #267932); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#267932'); } .classAlmost a{background: #f7941d;} .classAlmost a:hover {text-decoration: none; background: #a66313 -webkit-gradient(linear, left top, left bottom, from(#f7941d), to(#a66313)); background: -moz-linear-gradient(top, #f7941d, #a66313); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7941d', endColorstr='#a66313'); } .classFull a {background: #9e0b0f;} .classFull a:hover {text-decoration: none; background: #6b070a -webkit-gradient(linear, left top, left bottom, from(#9e0b0f), to(#6b070a)); background: -moz-linear-gradient(top, #9e0b0f, #6b070a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0b0f', endColorstr='#6b070a'); } #defaultResult {display:none;} .ncCourseIndex .searchBar {margin:0;} .ncCourseIndex .tableHead {color:#fff;} .ncCourseIndex #semestersOffered {float:right;} .ncCourseIndex ul {list-style:none;padding:0; margin:15px 0 0 0;} .ncCourseIndex li {list-style:none;padding:4px;margin:0;} .ncCourseIndex li SPAN {float:right;} .ncCourseIndex li:nth-child(odd) {background:#cecece;} /* barker */ /* all barkers */ .barker,.concentrations_list{background:transparent;color:#777;font-size:16px;padding:10px;position:relative;height:65px;border:2px solid #e5e7dc;font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1px;} .parbase.barker{border:2px solid #e5e7dc} .short_barker{height:75px;} .barker{font-weight:bold} /* end */ /*.barker a{text-decoration:none}*/ .barker_title,.concentrations_list h3 {border-bottom:1px solid #dcded3;text-transform:uppercase;margin:0;padding:0 0 4px;font-size:14px;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;} .barker ul{padding:0;margin:0;position:absolute;height:auto;bottom:10px;list-style:none;width:auto} .barker li{margin:8px 0 2px;background:transparent url('/etc/designs/scps2/images/purple-white-bullets.png') 0 8px no-repeat;padding:0 30px;float:left;text-indent: 0\9;text-indent:-12px} .barker li SPAN{font-size:12px} .dark_barker li{background-position:0 -75px} .column_group .barker{height:125px} .column_group .barker ul{bottom:10px} .column_group .barker li,.concentrations_list li{float:none;display:block;width:auto;padding:0 0 0 30px} .barker.tall_barker{height:160px} .barker.arrowed li{background:none} .barker.arrowed li a{background:url('/etc/designs/scps2/images/white-arrow.png') right bottom no-repeat;padding:0 12px 0 0} .column_group .barker.arrowed li,.concentrations_list li{padding:0 0 0 10px} /* large barkers */ .large_barker, .parbase.large_barker{padding:10px;position:relative;border:2px solid #E5E7DC;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;height:340px} .large_barker h2,.large_barker h3{margin:0;line-height:1.1em} .large_barker h2{font-size:2.2em;letter-spacing:-1px} .large_barker h3{font-size:1.4em;color:#777} .large_barker_content{margin:5px 0;height:225px;overflow:hidden} .short_lg_barker{height:245px} .short_lg_barker .large_barker_content{height:125px} .lb_readmore_link{background:url("/etc/designs/scps2/images/linkarrow_sprite.png") no-repeat scroll right -234px transparent;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;font-size:1.4em;padding:0 15px;display:block;position:absolute;text-align:right;bottom:8px;right:4px} /* dark barker styles for all! */ .dark_barker .lb_readmore_link{background:url('/etc/designs/scps2/images/white-arrow.png') right center no-repeat} .dark_barker, .concentrations_list, .column_group .dark_barker{background-color:#333;color:#fff;margin-top:10px} .dark_barker a{color:#fff} .dark_barker h2{color:#FFF} .dark_barker h3{color:#FFF} .colctrl-2uneq-c1 .dark_barker li {width: 180px;} /*Features/Spotlights - restyled to maintain some degree of backwards compatibility with the old stuff */ /* first, general feature styles */ .feature{padding:10px 7px;color:#333;font-size:11px;box-shadow:0 1px 4px rgba(0,0,0,0.15);background:#fff;} .imgWindow{height:118px;width:214px;overflow:hidden;border:2px solid #f2f2f2;margin:2px 0} .feature h3{font-size:14px;margin:-2px 0 0 2px;padding:0;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;color:#333} .featureContent,.column_group .featureContent{height:198px;overflow:hidden} a.feature_link{float:right;font-size:10px;padding:0 12px 1px 4px;margin:0;position:absolute;bottom:-3px;right:0;text-transform:uppercase;color:#440e62;background:url('/etc/designs/scps2/images/linkarrow_sprite.png') right -237px no-repeat;font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif} .feature_desc h4{margin:0} .feature .imgWindow{margin-top:0} /* now add component intelligence: know where we are and change accordingly */ .column_group .feature{padding:10px 7px;margin-bottom:10px;} .column_group .feature_desc{height:46px;line-height:1.25em;overflow:hidden} /* 2-column wide */ .colctrl-1-1-2-c2 .feature .imgWindow,.colctrl-2uneq-c0 .feature .imgWindow,.colctrl-2-1-1-c0 .feature .imgWindow{width:462px} /* banner image - taller image, no text */ .feature.f_banner .imgWindow{height:160px} .feature.f_banner .feature_desc{margin:0;padding:0;border:0;background:transparent} .feature.f_banner .feature_desc h4{display:none} .feature.f_banner .feature_blurb{display:none} .feature.transparent_bg,.feature.graybg{background:transparent;border:3px solid #e5e7dc;box-shadow:0;border-radius:3px} /* news styles */ .news_list ul{list-style:none;padding-left:1em} .feature_news_item .featureContent{height:auto} .feature_news_item.feature{border-bottom:2px solid #FFF;background:#EDEFE4;box-shadow:0 0 0;font-size:1em;padding:10px 0} .feature_news_item .dateline_or_something{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:.9em;color:#777;display:inline} .feature_news_item .imgWindow{float:left;margin-right:10px;border:2px solid #e5e7dc;width:86px;height:86px} .feature_news_item .feature_desc{margin:5px 0} .feature_news_item .feature_desc h4{font-family:Centrale-Sans,Helvetica,Arial,sans-serif;font-size:1.3em} .feature_news_item .feature_blurb{display:inline;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1em} .feature_news_item a.feature_link{position:relative;float:none;display:inline;background:url(/etc/designs/scps2/images/linkarrow_sprite.png) no-repeat scroll right -234px transparent;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1em;text-transform:none} /* degree Lists */ .dynamicDepartmentList ul,.dynamicDegreeList ul,.dynamic_course_block ul{list-style:none;padding:0;margin:0} .dynamicDepartmentList li,.dynamicDegreeList li,.dynamic_course_block li{padding:4px 0} .dynamicDepartmentList a,.dynamicDegreeList a,.dynamic_course_block a{font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1px; font-weight: bold; font-size: 13px;padding-right:13px;background:right url('/etc/designs/scps2/images/purple-arrow.png') no-repeat} .dynamicNcCourseList #result li{font-size: 14px; border-bottom: 2px solid #999;} /* pretty purple boxes */ /* while there are many sections that use ppb, over-riding the default component name class isn't actually working. So this list gets long */ .pretty_purple_boxes.section,.dynamicDepartmentList.pretty_purple_boxes.section,.dynamic_course_block.pretty_purple_boxes.section{margin:0 9px 10px 13px} .pretty_purple_boxes ul,.dynamicDepartmentList.pretty_purple_boxes ul,.dynamic_course_block.pretty_purple_boxes ul{list-style:none;margin:0;padding:0} .pretty_purple_boxes li,.dynamicDepartmentList.pretty_purple_boxes li,.dynamic_course_block.pretty_purple_boxes li{float:left;width:236px;margin:2px 5px 3px 2px;height:84px;position:relative;background:#440e62} .pretty_purple_boxes a,.dynamicDepartmentList.pretty_purple_boxes a,dynamic_course_block.pretty_purple_boxes a{position:absolute;padding:8px 12px;bottom:0;color:#fff;background:none;} /* sidebars */ .sidebar_list{background:#f3f3f3;border:3px solid #e7e7e7;padding:5px 5px 5px 10px;width:auto} .sidebar_list ul,.list_of_jump_links ul{font-size:90%} .sidebar_list a,.sidebar_list h3{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;color:#333;font-weight:bold} .sidebar_list h3{border-bottom:1px solid #e7e7e7;margin-top:0} .sidebar_list a:hover{text-decoration:underline} .sidebar_list li{padding:4px 0;background:none} .sidebar_list li a{background:url(/etc/designs/scps2/images/black-square.gif) no-repeat center left;padding:0 0 0 12px} .more_left_col_content .parbase{margin:0} .more_left_col_content{margin:10px 2px 0 15px} .more_left_col_content .more_left_col_content{margin:0} .list_of_jump_links a{font-weight:bold} .list_of_jump_links h3{font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;border-bottom:1px solid #ddd;margin-top:0;padding-bottom:4px} .list_of_jump_links li{margin:0 0 8px 10px} .logo_randomizer ul{list-style:none;margin:4px 0;padding:0} .logo_randomizer li{list-style:none;padding:0;margin:0 0 4px} .degreeDetail.section{clear:both;margin-bottom:8px;font-size:.9em} .degreeDetail .credits{text-align:centered;padding-right:12px} .programText { width: 80%;} .degreeDetail .courseNo{width:25%} .degreeDetail .courseTitle{width:75%} .courseGroup .degreeDetail .courseNo{width:20%;} .courseGroup .degreeDetail .certDescTable{width:90%;} .courseGroup .degreeDetail .courseTitle{width:60%;} /*.courseGroup .degreeDetail{background: fuchsia;}*/ .degreeDetail TH{color:#777;border-bottom:1px solid #999;padding:7px 0 5px} .degreeDetail .online{background:url("/etc/designs/scps2/images/online_mouse.gif") no-repeat scroll 0 50% transparent;display:block;float:right;text-indent:-9999px;width:15px} .degreeDetail TD{vertical-align:top} /* flex event promo */ .flex_event_promo1 {border:2px solid #e5e8dc;padding:8px;background:transparent;text-align:center;} .flex_event_promo1 h3, .flex_event_promo1 h4, .flex_event_promo1 h5 {font-family:'Copperplate','Copperplate Gothic','Copperplate Light','Copperplate Gothic Light','Trebuchet MT', serif;color:#666;margin:1px 0;text-align:center;} .flex_event_promo1 h2 {color:#333; font-size: 32px; line-height: 1em;} /* CSS Styled Buttons */ .css_button {text-align: center;} .css_button a.button {color: #fff; display: block; font-family:'CentraleSans-Bold', Helvetica, Arial, sans-serif; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); border-radius: 3px; border: 1px solid #fff; background: #ccc; font-size: 18px; height: 16px; font-weight: bold; padding: 3px 10px 6px 10px; margin: 10px 0 0 0; line-height: 1em; text-shadow: 0px 1px 2px rgba(0,0,0,0.25); cursor:pointer} .css_button a:hover.button {text-decoration: none; background: #8a8a8a -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#8a8a8a)); background: -moz-linear-gradient(top, #ccc, #8a8a8a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#8a8a8a');} /* colors */ .css_button.cssb_green a.button{background:#39b54a} .css_button.cssb_green a:hover.button{background-color:#267932; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#39b54a), to(#267932)); background-image: -webkit-linear-gradient(top, #39b54a, #267932); background-image: -moz-linear-gradient(top, #39b54a, #267932); background-image: -ms-linear-gradient(top, #39b54a, #267932); background-image: -o-linear-gradient(top, #39b54a,#267932); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#267932')} .css_button.cssb_purple a.button{background:#4a355e} .css_button.cssb_purple a:hover.button{background-color:#322440; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a355e), to(#322440)); background-image: -webkit-linear-gradient(top, #4a355e, #322440); background-image: -moz-linear-gradient(top, #4a355e, #322440); background-image: -ms-linear-gradient(top, #4a355e, #322440); background-image: -o-linear-gradient(top, #4a355e, #322440); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a355e', endColorstr='#322440'); } .css_button.cssb_orange a.button{background:#f7941d} .css_button.cssb_orange a:hover.button{text-decoration:none;background-color:#a66313; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7941d), to(#a66313)); background-image: -webkit-linear-gradient(top, #f7941d, #a66313); background-image: -moz-linear-gradient(top, #f7941d, #a66313); background-image: -ms-linear-gradient(top, #f7941d, #a66313); background-image: -o-linear-gradient(top, #f7941d, #a66313); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7941d', endColorstr='#a66313')} .css_button.cssb_red a.button{background:#9e0b0f} .css_button.cssb_red a:hover.button{background:#6b070a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e0b0f), to(#6b070a)); background-image: -webkit-linear-gradient(top, #9e0b0f, #6b070a); background-image: -moz-linear-gradient(top, #9e0b0f, #6b070a); background-image: -ms-linear-gradient(top, #9e0b0f, #6b070a); background-image: -o-linear-gradient(top, #9e0b0f, #6b070a); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0b0f', endColorstr='#6b070a')} /* heights .css_button.medium_cssb {} .css_button.large_cssb {} .css_button.extralarge_cssb {}*/ .css_button.medium_cssb a.button{padding:11px 10px;font-size:20px;height:auto} .css_button.large_cssb a.button{padding:12px 10px;font-size:30px;height:auto} .css_button.extralarge_cssb a.button{padding:14px 10px;font-size:38px;height:auto} /* alerts */ #alertHolder,#alertHolderBrowser,.enrollmentSystemAlertHolder{width:1006px;height:28px;border:2px solid #fff;border-top:0;box-shadow:0 2px 2px rgba(0,0,0,0.25);background:#440e62;border-radius:0 0 6px 6px;color:#fff;font-family: Helvetica,Arial,sans-serif; letter-spacing: 0.1px; position:absolute;right:-8px;top:0;display:none} /* Just for the very long messages */ #alertHolder,#alertHolderBrowser,.enrollmentSystemAlertHolder{height: 43px;} #alertHolderBrowser{height:50px;} #alertTitle{position:absolute;top:7px;width:50px;font-weight:bold;left:11px} a#alertClose{position:absolute;top:8px;width:16px;height:16px;background:#000;border-radius:4px;font-size:13px;text-align:center;line-height:16px;right:8px;color:#fff;text-decoration:none;vertical-align:middle} #alertScroller{position:absolute;width:890px;left:68px;top:11px;padding:2px 0;background:transparent} #alertScroller a{color:#fff;} .parbase.alert{background:transparent;width:auto;display:inline;position:absolute} .parbase.alert a{background:transparent;font-weight:bold;top:1px;font-size:12px} MARQUEE{padding:0 6px;margin:0;position:relative;top:-6px} @font-face{font-family: 'Centrale';src:url('/etc/designs/scps2/fonts/1B2DB6_0_0.eot');src:url('/etc/designs/scps2/fonts/1B2DB6_0_0.eot?#iefix') format('embedded-opentype'),url('/etc/designs/scps2/fonts/1B2DB6_0_0.woff') format('woff'),url('/etc/designs/scps2/fonts/1B2DB6_0_0.ttf') format('truetype');font-weight:normal;font-style:normal} /* faculty profiles */ .faculty_profiles {clear:both;padding:6px 0;} .faculty_profiles ul {list-style:none;padding:0;margin:0;} .faculty_profiles ul#result {padding:0} .faculty_profiles li {list-style:none;padding:6px 0;margin:0;clear:both} .faculty_profile {clear:both;padding:6px 0} .item_toggle {display:inline;margin:0 10px;padding:6px 14px;cursor:pointer;background:url(/etc/designs/scps2/images/openclosefac_p.png) no-repeat 0 6px;} .item_toggle.open {display:inline;margin:0 10px;padding:6px 14px;cursor:pointer;background:url(/etc/designs/scps2/images/openclosefac_p.png) no-repeat 0 -29px;} .faculty_img {float:left;width:75px;margin:0 20px 0 0;} .faculty_content h3 {display:inline;padding:0 0 4px 0;} .profile_content {padding:4px 0 0 0;} .faculty_content .profile_more {display:block;margin-top:4px;} .faculty_profiles .pager {margin:10px auto;text-align:center;} .faculty_profiles .pager a {padding:0px 1px;cursor:text;color:#999;} .faculty_profiles .pager a:hover {text-decoration:none;} .faculty_profiles .pager a.on {color:#333;cursor:pointer;text-decoration:underline;} .faculty_profiles .pager a.on:hover {text-decoration:underline;color:#502a9d;} .faculty_profiles .pager SPAN {font-weight:bold;color:#333;padding:0 16px;} .faculty_content {float:left;} /* several specific cases. in the case of small profiles, do not show the .profile_more, email, or phone in the case of the main or default profile, do not show email/phone in the case of contact_card, do not show the profile_more */ .faculty_small .item_toggle, .contact_card .item_toggle, .one_column .item_toggle {display:none;} .faculty_email, .faculty_phone {display:none;font-size:0.9em;} .profile_pos {font-size:0.9em} .contact_card .profile_more {display:none;} .contact_card .faculty_email, .contact_card .faculty_phone {display:block;} .one_column .profile_more {display:none;} .one_column .faculty_email, .one_column .faculty_phone {display:block;} .faculty_phone {display:block;} .faculty_email {display:block;color:#440E62;text-decoration: underline;} .faculty_email {color:#440E62; font-size:0.9em;} /* Also need to make the faculty_content width differential for different columns. */ .colctrl-2eq .faculty_content {width:248px;} .colctrl-3 .faculty_content, .colctrl-1then3 .faculty_content {width:143px;} .colctrl-3 .faculty_img, .colctrl-1then3 .faculty_img {margin:0 10px 0 0;} /* phase 2 styles. some of these will overwrite styles above */ .faculty_profiles a {color:#440e62;} .faculty_profiles .course_list {margin:2px 0;} .faculty_profiles .course_list ul {list-style:none;margin:0;padding:0;font-weight:normal;} .faculty_profiles .course_list li {border:none;padding:1px 0;} .faculty_profiles .pagerBlock {font-weight:bold;} .faculty_profiles .pagerBlock .on {font-weight:normal;} .faculty_profiles li {border: none;} #result li {font-size: 11px;} .faculty_img {margin-right: 10px;} .faculty_img img {border: 1px solid #e5e7dc;} .faculty_head h3 {font-size: 20px; display: block; margin: 0;} .faculty_head strong {font-weight: normal; font-size: 11px;} .faculty_head .item_toggle {display: none;} .faculty_content {width:630px;} .contact_card .faculty_content , .contact_card .faculty_img {width:auto;} .one_column .faculty_content , .one_column .faculty_img {width:auto;} .faculty_profile.contact_card .faculty_content {width: 154px;} .faculty_profile.one_column .faculty_content {width: 530px;} .one_column.faculty_profile {clear:both;padding:12px 0;border-bottom:1px solid #999;} .one_column.faculty_content {float:left;width:530px;} .one_column.faculty_content h3 {display:inline;padding:0 0 4px 0;} .one_column.profile_content {padding:4px 0 0 0;} .one_column profile.profile_content_pos {font-size:1.1em} .faculty_content .profile_content {width: 170px; font-size: 12px; background: #fff; border: 2px solid #e5e7dc;} .contact_card .faculty_content .profile_content {background:transparent;border:none;} .faculty_dept, .faculty_courses {width: 299px;float: left; padding: 8px;} .faculty_content .profile_content {background:transparent;border:none;} .one_column .faculty_content .profile_content {background:transparent;border:none;width: 530px;font-size:1.1em;line-height:20px;} .faculty_courses {} .profile_content ul {padding-left: 15px;} .profile_content li {list-style: disc; border: none; padding: 0;} .profile_content li a {} .profile_content h5 {margin: 0; font-size: 12px;} .faculty_content .profile_more {} .carrerNet{border:2px solid #e5e7dc;font-size:11px;padding: 0px 0px 7px 9px;} *{-moz-font-feature-settings: "liga" 0;} *{font-feature-settings: "liga" 0;} /* Begin CQ components */ .blog{ padding-top:10px; padding-bottom:5px; } div.blog.main { min-width:410px; min-height:400px; padding-left:10px; } div.temp { padding-left:50px; } div.blog.main1 { min-width:420px; min-height:400px; padding-left:60px; } div.navigation { margin-bottom:10px; } div.entry { margin-top:3px; } div.entry div.comments-count { font-size:1.2em; } .sidebar.parsys { } #sidebar .tagcloud { margin-bottom:14px; } div.section { margin: 20px 0; } div.section.entrytitle { margin-bottom:0; } div.section.entrytext { margin-top:0; padding-left:5px; } .signin .form_row { clear:both; } .signin .form_leftcol { float:left; width:110px; } .signin-submit { height:0; width:0; position:absolute; top:-100px; /* hack for IE to hide submit button and still enable sign in by hitting enter */ } div.comments-count { font-size:1.5em; font-weight:bold; padding-left:5px; } div.comments-count.replies { font-size:1em; } div.comment { margin-top:14px; } div.comment-header { font-size:0.75em; height:30px; line-height:30px; background-color:#efefef; border-top:solid 1px #bcbcbc; } div.comment-header a { color:#000; text-decoration:none; } div.comment-header-avatar { float:left; } div.comment-header-avatar img { width:24px; height:24px; margin:2px; } div.comment-header-meta { } div.comment-header-time { } div.comment-header cite { float:left; margin:0 10px 0 10px; } div.comment-header cite a { font-weight:bold; } div.comment-body { clear:left; margin-top:5px; } div.comment-replies { } div.comment-replies.tree { padding-left:20px; } form.comment { text-align:left; margin: 0 0 20px; padding-left:5px; } div.comment-error { font-weight:bold; color:#f60; } div.comment-info{ width: 190px; margin-bottom:10px; } div.comment-block-author { display: block; } div.comment-block-publish { display: block; } div.submit-block input[type="submit"] { margin-top: 10px; } label.comment-text-label { font-weight: bold; } div.comment-signed-in-text{ font-weight: bold; display: block; } span.comment-signed-in-user{ font-weight: bold; padding-left: 5px } input.comment-text{ margin: 0 10px 7px 0; padding: 2px; font-size: 95%; color: #333; display: block; } textarea.comment-text { margin: 0; padding: 0; color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 99%; height: 100px; } div.break { margin:0; padding:0; } .cq-blog-placeholder { } .cq-blog-placeholder-off { display:none; } /* End CQ components */