/* Generic ********************************/ .errorBold {color:#f00;} .informational {color:Green;} .blockPad10 {padding:0 10px;} .blockPad20 {padding:0 20px;} a {cursor:pointer; color: #3e5788;} .hrDashed{ height:1px; margin:7px 0 12px 0; overflow:hidden; border-bottom:1px dashed #cfd5e2; clear:both;} .hrSolid {height:1px; margin:5px 0 5px 0; overflow:hidden; border-bottom:1px solid #B8CFDD; clear:both;} .db1 {border:1px dashed green;} .OpenRestricted {font-weight:bold; color:Green;} .m5t {margin-top:5px;} .m10t {margin-top:10px;} .e1 {width:1em;} .e2 {width:2em;} .e3 {width:3em;} .e4 {width:4em;} .e5 {width:5em;} .e6 {width:6em;} .e7 {width:7em;} .e8 {width:8em;} .e9 {width:9em;} .e10 {width:10em;} .e11 {width:11em;} .e12 {width:12em;} .e13 {width:13em;} .e14 {width:14em;} .e15 {width:15em;} .e16 {width:16em;} .e17 {width:17em;} .e18 {width:18em;} .e19 {width:19em;} .e20 {width:20em;} .fl {display:inline; float:left;} .fr {display:inline; float:right; margin-top: 2px;} /* titles */ .title1 {font-weight:bold; color:#f0b310; font-size:123.1%;} /* yellow page title*/ .title2 {font-weight:bold; color:#3e5788; font-size:123.1%;} /* blue section title*/ .title3 {font-weight:bold; color:#3e5788; font-size:108%;} /* blue title?*/ .title4 {font-weight:bold; color:#3e5788;} /* blue subtitle? */ .title5 {font-weight:bold; font-size:108%;} .title6 {font-weight:bold; color:#3e5788; font-size:138.5%;} .title7 {font-weight:bold; color:Green; font-size:108%;} /* green title (PTE)*/ /* 3d Buttons */ .button3dContainer {position:relative;} .button3dContainer .button3d .button3dInner a {color:#fff; font-weight:bold; text-decoration:none;} .button3dContainer .button3d {position:relative; background:#839ebe; padding:0 1px; width:auto; text-align:center;} .button3dContainer .button3d .button3dInner {position:relative; background:#adbfd4 url('/_layouts/unex/includes/images/bg3dButton.gif') repeat-x 0 100%;} .button3dContainer .button3d .button3dInner .top, .button3dContainer .button3d .button3dInner .bottom{display:block; height:3px; position:relative; font-size:1px; left:-1px; padding:0 0 0 3px;} .button3dContainer .button3d .button3dInner .top{background:url('/_layouts/unex/includes/images/bg3dButtonCornersLeft.gif') no-repeat 0 0;} .button3dContainer .button3d .button3dInner .bottom{background:url('/_layouts/unex/includes/images/bg3dButtonCornersLeft.gif') no-repeat 0 100%;} .button3dContainer .button3d .button3dInner .right{display:block; height:3px; position:relative; right:-2px;} .button3dContainer .button3d .button3dInner .top .right{background: url('/_layouts/unex/includes/images/bg3dButtonCornersRight.gif') no-repeat 100% 0;} .button3dContainer .button3d .button3dInner .bottom .right {background:url('/_layouts/unex/includes/images/bg3dButtonCornersRight.gif') no-repeat 100% 100%;} .button3dContainer .button3d a {display:block;padding:2px 0;} .button3dContainer .button3d a span {background:url('/_layouts/unex/includes/images/bgCart.gif') no-repeat 0 50%; padding-left:20px} a.button1 {height:24px; line-height:24px; background:url('/_layouts/unex/includes/images/bgBlueButtonLeft.gif') no-repeat 0 0; padding-left:5px; display:block; color:#fff; font-size: 93%; font-weight:bold; text-decoration:none; width: auto;} a.button1 .inner {height:24px; line-height:24px; background:url('/_layouts/unex/includes/images/bgBlueButton.gif') no-repeat 100% 0; display:block;padding-right:5px; text-align:center} a.button1:hover {background-position:0 100%;} a.button1:hover .inner {background-position:100% 100%;} a.button1 .next {background:url('/_layouts/Unex/includes/css/../images/arrowNext.gif') no-repeat 100% 50%; padding-right:20px} a.button1:hover .next {background-image:url('/_layouts/Unex/includes/css/../images/arrowNextHighlight.gif');} a.button1 .prev {background:url('/_layouts/Unex/includes/css/../images/arrowPrev.gif') no-repeat 0 50%; padding-left:20px} a.button1:hover .prev {background-image:url('/_layouts/Unex/includes/css/../images/arrowPrevHighlight.gif');} a.button2 {margin-top: 4px; height:23px; line-height:23px; background:url('/_layouts/unex/includes/images/bgBlueButton2Left.gif') no-repeat 0 0; padding-left:5px; display:block; font-size: 93%;font-weight:bold; text-decoration:none; color:#5a7ea8} a.button2 .inner {height:23px; line-height:23px; background:url('/_layouts/unex/includes/images/bgBlueButton2.gif') no-repeat 100% 0; display:block;padding-right:5px; text-align:center} a.button2:hover, a.button2Active {background-position:0 100%; color:#fff;} a.button2:hover .inner, a.button2Active .inner {background-position:100% 100%;} a.button3 {height:32px; line-height:32px; background:url('/_layouts/unex/includes/images/bgBlueButton3Left.gif') no-repeat 0 0; padding-left:5px; display:block; color:#fff; font-size: 108%; font-weight:bold; text-decoration:none } a.button3 .inner {height:32px; line-height:32px; background:url('/_layouts/unex/includes/images/bgBlueButton3.gif') no-repeat 100% 0; display:block;padding-right:5px; text-align:center} a.button3:hover {background-position:0 100%;} a.button3:hover .inner {background-position:100% 100%;} a.button3 .checkout {background:url('/_layouts/Unex/includes/css/../images/bgCheckout.gif') no-repeat 0 50%; padding-left:26px} a.button3:hover .checkout {background-image:url('/_layouts/Unex/includes/css/../images/bgCheckoutHighlight.gif');} /* "More" links */ /* 9/12/2011 RR TTS 53074 a.more {text-decoration:none; white-space:nowrap;} */ a.more {text-decoration:none; font-size: 13px; font-weight: bold;} a.more:hover {text-decoration:underline;} a.more:after { content:url(/_layouts/unex/includes/images/arrow_blue_trans_right.gif); margin-left:5px;} a.more .moreImg {display:inline-block; width:7px; margin-left:5px; background:url('/_layouts/unex/includes/images/arrow_blue_trans_right.gif') no-repeat 50% 50%;} /* Rounded Corners (with border) */ .roundedCorners {position:relative;} .roundedCorners p.corner {position:absolute; background-repeat:no-repeat; font-size:1px;margin: 0;} .roundedCorners p.tl {top:-1px; left:-1px; background-position:0 0;} .roundedCorners p.tr {top:-1px; right:-1px; background-position:100% 0;} .roundedCorners p.bl {bottom:-1px; left:-1px; background-position:0 100%;} .roundedCorners p.br {bottom:-1px; right:-1px; background-position:100% 100%;} /* tabs */ .ui-tabs-hide {display: none;} /* Block Positioning *******************************/ .mainHome .homeModules {padding: 0;} .mainHome .homeLinks {margin:0 2%;} .main1Col .content .contentMain {padding-left:29px;} .main1Col .content .secondarySidebar {} .main2Cols {background:url('/_layouts/unex/includes/images/bgContentShadow.gif') repeat-x 0 0;} .main2Cols .content {padding-top:15px; overflow:hidden;} .main2Cols .content .contentMain {/*margin:0 0 0 4px;*/ /*overflow:hidden; Safari does not like this on browse courses*/} .main2Cols .content .content3Cols, .main2Cols .content .content3Cols .contentMain {overflow:hidden; display:inline-block;} .main2Cols .content .content3Cols .secondarySidebar {display:inline-block; float:right; /*width:190px;*/} /* Block Colors/borders *******************************/ body {color:#6a737b;} .wrapper {border: 1px solid #d6dee3; border-top: 0;} /* Cart *******************************/ #cartSocialHolder { position: relative; } #cart { background: #cecece; height: 27px; margin: 0; padding: 8px 11px 9px; position: absolute; right: 0; top: 0; z-index: 5000; } #cart .items, #cart strong { background: #5A7EA8; border-radius: 2px; display: inline; float: left; font-size: small; height: 28px; line-height: 28px; padding: 0 3px; text-align: center; text-transform: uppercase; font-size: 89%; font-weight: bold; } #cart .items { margin-left: 5px; padding: 0 10px; } #cart strong { background: url("/_layouts/unex/includes/images/bgTopNavbarCart.gif") no-repeat scroll 2px center #5A7EA8; padding: 0; text-indent: -4999px; width: 26px; } #cart a { color: #FFFFFF; font-weight: bold; text-decoration: none; display: block; overflow: hidden } #cartSocialHolder ul.socialLinks { margin-right: 170px; } /* Modules *******************************/ /* main heading */ #header h1 a, #header .logo a {width:190px; height:56px; display:block;} /* global nav */ #navUserBar .valign-table {height: 44px;} .navContainerGlobal {text-align: right;} .navContainerGlobal ul {font-size:85%; overflow:hidden;} .navContainerGlobal ul li{display: inline; margin-right:2px; padding-right:7px; border-right:1px solid #607CA3; line-height: 1.6em;} .navContainerGlobal ul li.last, .navContainerGlobal ul li.first{border-right:none; padding-right:0;} /* main nav */ .navContainerMain {position: relative; background: url("/_layouts/unex/includes/images/bgNavbar.gif") repeat scroll 0 0 #ECECEC;} .navContainerMain ul.navMain {font-size:93%;display:inline; float:left; margin: 0 0 0 28px;} .navContainerMain ul.navMain li{display:inline; float:left;} .navContainerMain ul.navMain li a {display:block; float:left; height:42px; padding:8px 0 0; /*color:#3e5788;*/ text-decoration:none; font-weight:bold;} .navContainerMain ul.navMain li a:hover, .navContainerMain ul.navMain li a.active {background:url('/_layouts/unex/includes/images/bgNavbarHover.gif') repeat-x 0 0;} .navContainerMain ul.navMain li a strong {border-right:1px solid #c6cdd9; padding: 3px 6px 0; display:inline; float:left; height:75%; line-height:14px; margin-top: 2px;} .navContainerMain ul.navMain li a .singleLineName span {display: block; margin-top: 0.5em;} .navContainerMain ul.navMain li.first a strong, .navContainerMain ul.navMain li.last a strong{border-right:none;} .navContainerMain ul.navMain li.home a {} /* JDS 7/21/2011 TTS 52483 */ .navContainerMain ul.navMain li.home a strong {margin:3px 0px 0px 10px; padding:0; width:27px; background:url('/_layouts/unex/includes/images/bgNavbarHome.gif') no-repeat 0 0; text-indent:-4999px; overflow:hidden; border-right:1px solid #C6CDD9; padding-right:10px;} /* JDS 7/21/2011 TTS 52483 */ .navContainerMain ul.navMain li.home a:hover strong, .navContainerMain ul.navMain li.home a.active strong {} /* {background-image:url('/_layouts/unex/includes/images/bgNavbarHomeHover.gif');}*/ .navContainerMain ul.navMain li.cart a span.items {padding:5px 10px 0 0;display:inline; float:left; height:75%;} .navContainerMain ul.navMain li.cart a strong {margin:0 10px; padding:0; width:26px; background:url('/_layouts/unex/includes/images/bgNavbarCart.gif') no-repeat 0 0; text-indent:-4999px; overflow:hidden} .navContainerMain ul.navMain li.cart a:hover strong, .navContainerMain ul.navMain li.cart a.active strong {background-image:url('/_layouts/unex/includes/images/bgNavbarCartHover.gif');} /* search / enroll */ div.navSearchForm { display: inline; float: right; margin: 11px 1%; position: relative; width: 24%; } div.navSearchForm input.watermark, div.navSearchForm input.text { border: 1px solid #5A7EA8; border-radius: 2px; padding: 4px 12% 4px 2%; width: 82%; color: #333; } div.navSearchForm input.watermark { color:#8a97b0; border:1px solid #5a7ea8; } div.navSearchForm input.image { position: absolute; right: -1px; top: 0; } div.navSearchForm .focus input.text, div.navSearchForm .focus input.watermark {border-color:#f0b310;} /* Homepage: Hero *****************/ .mainHome .heroContainer {background:#f0b310 url('/_layouts/unex/includes/images/bgHero.gif') repeat-y 0 0; border-bottom:none; height:184px} .mainHome .heroContainer .heroChooser {background:url('/_layouts/unex/includes/images/bgHeroShadow.gif') repeat-x 0 0; width:260px; position:absolute; z-index:10; padding-left:25px; padding-right:0; padding-top:13px; padding-bottom:10px} .mainHome .heroContainer .heroChooser p {display:block; height:3.5em; height:57px; line-height:57px;} .mainHome .heroContainer .heroChooser p a {display:block; font-weight:bold; font-size:19px; text-decoration:none; color:#5a7ea8; background:url('/_layouts/unex/includes/images/bgHeroChooser2.png') no-repeat right top;} .mainHome .heroContainer .heroChooser p.active a {background-position: right center;} .mainHome .heroContainer .heroChooser p.active a, .mainHome .heroContainer .heroChooser p a:hover {font-size:26px; color:#fff;} .mainHome .heroContainer .heroChooser p a span {padding-left:15px;} .mainHome .heroContainer .heroChooser p.active a span, .mainHome .heroContainer .heroChooser p a:hover span {background:url('/_layouts/unex/includes/images/arrowHero.gif') no-repeat 0 50%;} .mainHome .heroContainer .heroContentContainer{display:inline; float:right; width:700px;background:#f8f8f8 url('/_layouts/unex/includes/images/bgHeroContent.gif') repeat-x 0 0; z-index:9 } .mainHome .heroContainer .heroContentContainer .heroContent {display:none;} .mainHome .heroContainer .heroContentContainer .heroContentActive {display:inline; float:left;} .mainHome .homeWidgetStart {position:relative;} .mainHome .homeWidgetStart .subtitle {position:absolute; top:60px; left:67px; width:603px; color:#fff; font-weight:bold; font-size:131%;} .mainHome .homeWidgetStart a {position:absolute; bottom:25px; right:30px; display:block; width:155px; height:47px; background:url('/_layouts/Unex/includes/css/../images/starthere24.png') no-repeat 0 0;} .mainHome .homeWidgetStart a:hover {background-position:0 100%} .mainHome .homeWidget {width:663px; height:184px; background:#d1dbe7 url('/_layouts/Unex/includes/css/../images/bgHomeWidget.gif') repeat-x 0 0; padding-left:37px; position:relative} .mainHome .homeWidget .links {position:absolute; bottom:0; width:663px;} .mainHome .homeWidget .links a {display:inline; margin:3px 10px; font-size:85%; font-weight:bold; text-decoration:none; color:#5a7ea8; padding:2px 18px;} .mainHome .homeWidget .links a:hover {text-decoration:underline;} .mainHome .homeWidget .links a.prev {float:left; background:url('/_layouts/Unex/includes/css/../images/arrowPrevBlue.gif') no-repeat 0 50%;} .mainHome .homeWidget .links a.next {float:right;background:url('/_layouts/Unex/includes/css/../images/arrowNextBlue.gif') no-repeat 100% 50%;} .mainHome .homeWidget .options {} .mainHome .homeWidget .options h3.title2 {padding:15px 0 5px 30px;} .mainHome .homeWidget .options .option {display:inline; float:left; width:181px; margin-left:30px;} .mainHome .homeWidget .options .option p {} .mainHome .homeWidget .options .option p a {display:block; font-size:85%; font-weight:bold; text-decoration:none;} .mainHome .homeWidget .options .option p a:hover {} .mainHome .homeWidget .options .option p a span { } .mainHome .homeWidget .options .option p a span.optionTop {display:block; background:url('/_layouts/Unex/includes/css/../images/bgWidgetOptionTop.gif') no-repeat 0 0; display:block; width:181px; height:6px; font-size:1px; line-height:1px} .mainHome .homeWidget .options .option p a span.optionContent {display:block; background:url('/_layouts/Unex/includes/css/../images/bgWidgetOption.gif') repeat-y 0 0; display:block; padding-left:9px; padding-right:4px; padding-top:2px; padding-bottom:0 } .mainHome .homeWidget .options .option p a span.optionBottom {display:block; background:url('/_layouts/Unex/includes/css/../images/bgWidgetOptionBottom.gif') no-repeat 0 0; display:block; width:181px; height:22px; font-size:1px; line-height:1px} .mainHome .homeWidget .options .option p a:hover span {} .mainHome .homeWidget .options .option p a:hover span.optionTop {background-position:0 100%;} .mainHome .homeWidget .options .option p a:hover span.optionContent {background-position:100% 0;} .mainHome .homeWidget .options .option p a:hover span.optionBottom {background-position:0 100%;} .mainHome .homeWidget .options .option p a img {width:163px; height:85px;} .mainHome .homeWidget .options .option a .text {display:block; padding:2px 0;} .mainHome .homeWidget .options .option a .text:after { content:url(/_layouts/unex/includes/images/arrow_blue_trans_right.gif); margin-left:5px;} .mainHome .homeWidget .radioOptions .headerContainer {padding-top:15px;} .mainHome .homeWidget .radioOptions .headerContainer h3 {display:inline; float:left; padding:0 0 5px 30px;} .mainHome .homeWidget .radioOptions .headerContainer span {display:inline; float:left; font-weight:bold; font-size:93%; margin-left:5px; padding-top:3px;} .mainHome .homeWidget .radioOptions .radios {display:inline; float:left; margin-left:35px; width:633px;} .mainHome .homeWidget .radioOptions .radios p {display:inline; float:left; width:290px; margin-bottom:8px; margin-right:20px; font-size:93%;} .mainHome .homeWidget .radioOptions .radios p a {text-decoration:none; background:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_right.gif') no-repeat 0 50%; padding-left:10px} .mainHome .homeWidget .radioOptions .radios p a:hover {text-decoration:underline;} .mainHome .homeWidget .boxes {} .mainHome .homeWidget .boxes .selectionBox{display:inline; float:left; position:relative;} .mainHome .homeWidget .boxes .fieldOfStudyContainer{width:310px; padding:20px 0 20px 20px;} .mainHome .homeWidget .boxes .fieldOfStudyContainer h4 {color:#fff;} .mainHome .homeWidget .boxes .categoryContainer{width:289px; padding:20px; background:url('/_layouts/Unex/includes/css/../images/bgArrowBrowse2.gif') no-repeat 0 50%; left:-1px} .mainHome .homeWidget .boxes .selectionBox .selectionBoxTop, .mainHome .homeWidget .boxes .selectionBox .selectionBoxBottom {display:inline; float:left; width:100%; height:6px; font-size:1px;position:relative; background-repeat:no-repeat;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxTop {background-position:0 0;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxBottom {background-position:0 100%;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxContent {display:inline; float:left;} .mainHome .homeWidget .boxes .categoryContainer .selectionBoxContent {width:100%;} .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxContent{width:308px;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxTop .right, .mainHome .homeWidget .boxes .selectionBox .selectionBoxBottom .right {display:inline; float:right; width:5px; height:6px; background-repeat:no-repeat;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxTop .right {background-position:100% 0;} .mainHome .homeWidget .boxes .selectionBox .selectionBoxBottom .right {background-position:100% 100%;} .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxTop, .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxBottom {background-image:url('/_layouts/Unex/includes/css/../images/bgDarkBlueRounded2Left.gif');} .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxContent {background:#85a0be; border-left:1px solid #abbdd3;border-right:1px solid #abbdd3;} .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxTop .right, .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxBottom .right {background-image:url('/_layouts/Unex/includes/css/../images/bgDarkBlueRounded2Right.gif');} .mainHome .homeWidget .boxes .fieldOfStudyContainer .selectionBoxContentInner {padding:0 10px 10px;} .mainHome .homeWidget .boxes .categoryContainer .selectionBoxContentInner {padding:0 0 10px 0;} .mainHome .homeWidget .boxes .selectionBox h4 {margin-bottom:5px;} .mainHome .homeWidget .boxes .selectionBox ul {border:1px solid #b1c5d6; height:80px; overflow-y:auto; overflow-x:hidden; background:#fff;} .mainHome .homeWidget .boxes .selectionBox ul li {font-size:85%; border-bottom:1px solid #cee2f0;} .mainHome .homeWidget .boxes .selectionBox ul li a {display:block; padding:2px 5px 2px 20px; color:#000; text-decoration:none; font-weight:bold;} .mainHome .homeWidget .boxes .selectionBox ul li a:hover, .mainHome .homeWidget .boxes .selectionBox ul li a:active, .mainHome .homeWidget .boxes .selectionBox ul li a.active {color:#fff; background:#5a7ea7;} /* Home Modules ************/ /* .mainHome .homeModules {background:url('/_layouts/unex/includes/images/bgHomeModules.gif') repeat-x 0 0;} */ .mainHome .homeModule {margin: 0 3%; /* border-top: 1px solid #fff; */ overflow: hidden; padding: 10px 0; /* width:204px; */} /* .mainHome .homeModules .homeModule {display:inline; float:left;} */ /* .mainHome .lastHomeModule {margin-right:0;} */ .mainHome .eventsHomeModule {margin: 0 25px; padding:9px 45px;} .mainHome .homeModuleTop {margin-bottom:20px;} .mainHome .homeModule h2 {font-size:138.5%; color:#3e5788;font-weight:bold; margin-bottom:10px;} .mainHome .homeModule img {max-width: 100%; height: auto;} /* Home Module: Class Updates */ .mainHome .classUpdatesHomeModule ul { font-size:85%;} .mainHome .classUpdatesHomeModule ul li { margin:0.25em 0;} .mainHome .classUpdatesHomeModule ul li a {text-decoration:none; color: #6a737b;} .mainHome .classUpdatesHomeModule ul li a:after { content:url(/_layouts/unex/includes/images/arrow_blue_trans_right.gif); margin-left:5px;} .mainHome .classUpdatesHomeModule ul li a .moreImg {display:inline-block; width:7px; margin-left:5px; background:url('/_layouts/unex/includes/images/arrow_blue_trans_right.gif') no-repeat 50% 50%;} .mainHome .classUpdatesHomeModule ul li a:hover {text-decoration:underline;} /* Home Module: News */ .mainHome .newsHomeModule p { font-size:85%;} .mainHome .newsHomeModule p.intro {color:#5c6f7c; margin-bottom:10px; font-size:100%;} /* Home Module: Spotlight */ .mainHome .spotlightHomeModule h2 {padding-left:26px; background:url('/_layouts/unex/includes/images/icon_Heading_Spotlight.gif') no-repeat 0 50%;} .mainHome .spotlightHomeModule p {font-size:100%; margin-bottom:3px; margin-top:5px;} .mainHome .spotlightHomeModule img {border:1px solid #d6dee3;} /* Home Module: Events */ .mainHome .eventsHomeModule {background:#F7F8FC; border:1px solid #cfd9e6; position: relative;} .mainHome .eventsHomeModule p.corner {width:3px; height:3px; background-image:url('/_layouts/unex/includes/images/bgEventsCorners.gif');} .mainHome .eventsHomeModule .eventsContainer {/* width:318px; */ position:relative; overflow:hidden ;} .mainHome .eventsHomeModule .eventsContainer .eventsContainerInner {width:15000px; display:block; position:relative;} .mainHome .eventsHomeModule .eventsContainer .eventsContainerInner .event {display:inline; float:left; width: 150px; margin: 0 18px 10px 0; font-size:85%;} .mainHome .eventsHomeModule .eventsContainer .eventsContainerInner .event img {width:150px; height:107px; border:1px solid #d6dee3;margin-bottom:5px;} .mainHome .eventsHomeModule a.ScrollLink {position:absolute; top:100px; display:block; width:21px; height:22px; background-repeat:no-repeat; background-position:0 0;} .mainHome .eventsHomeModule a.ScrollLinkPrev {left:5px; background-image:url('/_layouts/unex/includes/images/icon_ScrollArrowLeft.gif')} .mainHome .eventsHomeModule a.ScrollLinkNext {right:5px; background-image:url('/_layouts/unex/includes/images/icon_ScrollArrowRight.gif')} .mainHome .eventsHomeModule a.ScrollLinkPrev:hover { background-image:url('/_layouts/unex/includes/images/icon_ScrollArrowLeftHover.gif')} .mainHome .eventsHomeModule a.ScrollLinkNext:hover { background-image:url('/_layouts/unex/includes/images/icon_ScrollArrowRightHover.gif')} .mainHome .eventsHomeModule .eventsProgressBar {text-align:center; white-space: nowrap;} .mainHome .eventsHomeModule .eventsProgressBar a img{margin:0 5px;width:9px; height:10px; background-image:url('/_layouts/unex/includes/images/icon_progressBar.gif'); background-repeat:no-repeat; background-position: 0 0;} .mainHome .eventsHomeModule .eventsProgressBar a.active img{background-position: 0 100%;} /* Home Links ************/ .mainHome .homeLinks { background:#f7f8fb; border:1px solid #cfd9e6; font-size:93%;} .mainHome .homeLinks p.corner {width:10px; height:12px; background-image:url('/_layouts/unex/includes/images/bgLinksCorners.gif');} .mainHome .homeLinks ul {/* display:inline; float:left; width:890px; */ padding:5px 1px 3px 4.5%; margin: 0 } .mainHome .homeLinks ul li {display:inline; float:left; width:165px; margin: 0} .mainHome .homeLinks ul li a {display:block; padding:5px 10px 0; width:196px; text-decoration:none; font-weight:bold; white-space: nowrap;} .mainHome .homeLinks ul li a img {vertical-align:middle; background:url('/_layouts/unex/includes/images/bgLinksImages.gif') no-repeat 0 100%; padding: 0 2px 13px 0;} /************* Content *****************/ /* shadowed box */ .blockShadowedContainer {width:100%; display:inline; float:left; background:#fff url('/_layouts/unex/includes/images/bgShadowedInnerGradient2.gif') repeat-x 0 100%;} .blockShadowedContainer .blockShadowed {width:100%; display:inline; float:left; position:relative; background-image:url('/_layouts/unex/includes/images/bgShadowedLeft2.gif'); background-repeat:repeat-y ; background-position: 0 0;} .blockShadowedContainer .blockShadowed .blockShadowedInner {width:100%; display:inline; float:right; background:url('/_layouts/unex/includes/images/bgShadowedRight2.gif') repeat-y 100% 0; padding:0} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop {width:100%; height:20px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/unex/includes/images/bgShadowedTopBottom2.gif') repeat-x 0 0;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom {width:100%; height:27px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/unex/includes/images/bgShadowedTopBottom2.gif') repeat-x 0 100%;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent {width:100%; display:inline; float:left; position:relative; top:-10px;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop .right {display:inline; float:right; position:relative; height:20px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners2.gif'); background-position: 100% 0;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom .right {display:inline; float:right; position:relative; height:27px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners2.gif'); background-position: 100% 100%;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner {margin:0 24px 0 20px;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .blockShadowedIntro {font-size:85%; margin:5px 0;} /*OM - rolled back*/ .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .blockShadowedIntroDoubleSize {font-size:130%; margin:5px 0;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .shadowedErrorsContainer {font-size:93%; margin:5px 0;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .note {background: #f7f7f7; border:1px solid #bdcfdd; margin:10px 0;padding:5px 20px;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .note h4{font-size:108%; color:#3e5788;font-weight:bold; margin-bottom:5px;} .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner .note p{font-size:85%;} .errorBgColor {background: #f3fef2 url('/_layouts/Unex/includes/css/../images/bgShadowedInnerGradientError.gif') repeat-x 0 100%;} .errorBgColor h3 {padding:0 15px;} .errorBgColor p {font-size:85%; padding:0.5em 15px;} /* blockInner (goes inside the shadowed box) */ .blockItem {width:100%; display:inline; float:left; position:relative; margin-bottom:10px; background:#fff;} .blockItem .blockItemTop {width:100%; height:3px; display:inline; float:left; position:relative; background:url('/_layouts/Unex/includes/css/../images/bgRoundedLeft.gif') repeat-x 0 0; font-size:1px} .blockItemIcon .blockItemTop { background-image:url('/_layouts/Unex/includes/css/../images/bgRoundedLeftIcon.gif');} .blockItem .blockItemTop .right {width:3px; height:3px; display:inline; float:right; position:relative; background:url('/_layouts/Unex/includes/css/../images/bgRoundedRight.gif') repeat-x 0 0;} .blockItem .blockItemContent {border:1px solid #dfe8ed; border-top:none; height:1%;} .blockItem .blockItemContent .blockItemContentInner {} /* fake container */ .buttonContainerOuter {display:inline; float:right; width:100%;} .buttonContainerOuter .buttonContainerInner {padding-right:25px;} /* Secondary Nav (Sidebar) */ .navContainerSidebar h2 {background:#f0b310 url('/_layouts/unex/includes/images/bgHeroShadow.gif') repeat-x 0 0; color:#fff; font-size:138.5%; font-weight:bold; border-bottom:2px solid #fff; padding-left:25px; padding-right:10px; padding-top:20px; padding-bottom:20px} .navContainerSidebar h2 span {display:block; background:url('/_layouts/unex/includes/images/arrowSidebarHeaderDown.gif') no-repeat 0 5px; padding-left:15px} .arrowDown { display: block; background: url('/_layouts/unex/includes/images/arrowSidebarHeaderDown.png') no-repeat 115px 4px; } .navSidebar li {display:inline-block;} /* hack to fix vertical spacing in IE6/7 */ .navSidebar li {display:block;} /* end IE6/7 hack */ .navSidebar li.first {background:#fadfa9; border-bottom:2px solid #fff;} .navSidebar li.second {background:#d6dfe9; border-bottom:2px solid #fff;} .navSidebar li.third {background:#eff2f6; border-bottom:2px solid #fff;} .navSidebar ul {padding:0 10px 0 30px;} .navSidebar ul li {padding:5px 0 5px 10px;} .navSidebar ul li.deep {padding:0 0 0 10px;} .navSidebar ul li.deep ul {padding:0 10px 0 5px;} .navSidebar ul li.deep ul li {padding:0 0 5px 10px;} .navSidebar a {font-size:93%; font-weight:bold; text-decoration:none;} .navSidebar a:hover {text-decoration:underline;} /* JDS: 8/4/2011 - This section is for the Student Resources page */ .navSidebar .first {background:#fadfa9; border-bottom:2px solid #fff;} .navSidebar .second {background:#d6dfe9; border-bottom:2px solid #fff;} .navSidebar .third {background:#eff2f6; border-bottom:2px solid #fff;} /*.navSidebar .menu {padding:5px 10px 5px 40px;}*/ .navSidebar .menu {padding:0px 0px 0px 25px;} .navSidebar .selected {position: relative;} .navSidebar .first .selected {background:#ec9d0c;} .navSidebar .second .selected {background:#3f5688;} .navSidebar .third .selected {background:#4d6ba9;} .navSidebar .selected a {color:#fff;} .navSidebar .arrow {height:25px; position:absolute; right: -18px; top: 0; width: 18px;} .navSidebar .first .arrow {background: url('/_layouts/unex/includes/images/firstArrow.gif'); z-index:1;} .navSidebar .second .arrow {background: url('/_layouts/unex/includes/images/secondArrow.gif'); z-index:1;} .navSidebar .third .arrow {background: url('/_layouts/unex/includes/images/thirdArrow.gif'); z-index:1;} .navSidebar .menu .deep {padding-right: 10px; padding-left:15px;} .navSidebar .menulink {padding:5px 1px; min-height: 15px;} /* Main Content Area*/ .main2Cols .content .content3Cols {padding-top:10px; width:100%;} /* breadcrumbs */ .main2Cols .content .breadcrumbs { margin:0 12px 16px 11px; background:#eff2f6; border:1px solid #eaeff4; border-top-color:#e6ecf2;} .main2Cols .content .breadcrumbs p.corner {width:6px; height:7px; background-image:url('/_layouts/unex/includes/images/bgBreadCrumbsCorners.gif');} .main2Cols .content .breadcrumbs a {text-decoration:none; display:inline; float:left; font-size:85%; font-weight:bold;} .main2Cols .content .breadcrumbs a span {padding:3px 20px 3px 5px; display:block;} .main2Cols .content .breadcrumbs a.first {background:#fff url('/_layouts/unex/includes/images/bgBreadcrumbsFirst.gif') repeat-x 0 100%; padding-left:5px} .main2Cols .content .breadcrumbs a.first span {background:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator1.gif') no-repeat 100% 50%;} .main2Cols .content .breadcrumbs .breadCrumbs2Items a.first span {background-image:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator2.gif');} .main2Cols .content .breadcrumbs a.second {background:#d9e1eb;} .main2Cols .content .breadcrumbs a.second span {background:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator3.gif') no-repeat 100% 50%;} .main2Cols .content .breadcrumbs .breadCrumbs3Items a.second span {background-image:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator2.gif');} .main2Cols .content .breadcrumbs a.middle {background:#d9e1eb;} .main2Cols .content .breadcrumbs a.middle span {background:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator3.gif') no-repeat 100% 50%;} .main2Cols .content .breadcrumbs a.beforeLast {background:#d9e1eb;} .main2Cols .content .breadcrumbs a.beforeLast span {background:url('/_layouts/unex/includes/images/bgBreadcrumbsSeparator2.gif') no-repeat 100% 50%;} /* Project Details*/ .projectDtls {padding-left:11px; display:inline; float:left;} .projectDtls .projectDtlsError{margin:0 13px 0 9px;} .projectDtls .projectDtlsModule {float:left; display:inline; width:100%;} .projectDtls .projectDtlsHeader {padding-top:8px;} .projectDtls .projectDtlsHeader h1 {display:inline; float:left; background:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif') no-repeat 0 4px; padding-left:15px; padding-right:10px; padding-top:0; padding-bottom:8px} .projectDtls .projectDtlsInfo {border:0;} /* This was the border just under the discipline/units - border:1px solid #bdcfdd; border-top:4px solid #5a7ea8; */ .projectDtls .projectDtlsInfo table {width:100%; border-left:1px solid #bdcfdd; border-right:1px solid #bdcfdd;} .projectDtls .projectDtlsInfo table thead tr {background:#F2F2F2; font-size:77%; color:#5a7ea8;} .projectDtls .projectDtlsInfo table thead td {background:#fff; height:5px;} .projectDtls .projectDtlsInfo table thead tr th {text-align:center; border-right:1px solid #BDCFDD; padding:0 1px 2px;} .projectDtls .projectDtlsInfo table thead tr th.nopad {text-align:center; padding:0;} .projectDtls .projectDtlsInfo table thead tr th.last {border-right:none;} .projectDtls .projectDtlsInfo table thead tr th .blueline {background:#BDCFDD; height:5px; border:0;} .projectDtls .projectDtlsInfo .spacer {height:5px;} .projectDtls .projectDtlsInfo table tr {background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .projectDtls .projectDtlsInfo table td {border-bottom:1px solid #bdcfdd; border-right:1px solid #bdcfdd; font-size:85%; padding:5px;} .projectDtls .projectDtlsInfo table td.first {text-align:center;} .projectDtls .projectDtlsInfo table td.last {border-right:none; font-size:100%;} .projectDtls .projectDtlsInfo table td.last a.closed {font-size:85%; margin-left:5px;} .projectDtls .projectDtlsInfo table td.action {text-align:center;} .projectDtls .projectDtlsInfo table td.reg, .projectDtls .projectDtlsInfo table td.reg a, .projectDtls .projectDtlsInfo table td.dates, .projectDtls .projectDtlsInfo table td.dates a, .projectDtls .projectDtlsInfo table td.location, .projectDtls .projectDtlsInfo table td.location a, .projectDtls .projectDtlsInfo table td.fees, .projectDtls .projectDtlsInfo table td.fees a {color:#6a737b; text-decoration:none; text-align:center;} .projectDtls .projectDtlsInfo table td.statusClosed span, .projectDtls .projectDtlsInfo table td.statusOpen span {background-position:0 50%; background-repeat:no-repeat; padding-left:15px;} .projectDtls .projectDtlsInfo table td.statusClosed span{background-image:url('/_layouts/unex/includes/images/bgClosed.gif');} .projectDtls .projectDtlsInfo table td.statusOpen span{background-image:url('/_layouts/unex/includes/images/bgOpen.gif');} .projectDtls .projectDtlsText {padding-top:10px;} .projectDtls .projectDtlsText img.courseHero {width:478px; margin-bottom:10px;} .projectDtls .projectDtlsText .projectDtlsTextItem {padding:0 0 10px; font-size:93%;} .projectDtls .projectDtlsText .projectDtlsTextItem p, .projectDtls .projectDtlsText .projectDtlsTextItem ul {margin:0.5em 0;} .projectDtls .projectDtlsText .projectDtlsTextItem ul li {list-style-type:disc; list-style-position:inside;margin-bottom:0.5em;} /* Course Details*/ .courseDtls {/*padding-left:11px; width: 522px; display:inline-block; float:left; */} .courseDtls .courseDtlsError{margin:0 13px 0 9px; width:100%;} .courseDtls .courseDtlsModule {float:left; display:inline; width:100%;} .courseDtls .courseDtlsHeader {padding-top:8px;} .courseDtls .courseDtlsHeader h1 {display:inline; float:left; background:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif') no-repeat 0 4px; padding-left:15px; padding-right:10px; padding-top:0; padding-bottom:8px} .courseDtls .courseDtlsHeader .ratingContainer {display:none; float:right; padding:0 10px; width:auto; margin:auto;} .courseDtls .courseDtlsHeader .ratingContainer .ratingLabel {display:inline; float:left; font-size:93%; padding-bottom:3px;} .courseDtls .courseDtlsHeader .ratingContainer .rating {display:inline; float:right; width:70px; height:14px; background: url('/_layouts/unex/includes/images/iconRatingEmpty.gif') repeat-x 0 50%;} /*Shrinkwrap fix in IE stylesheet */ .courseDtls .courseDtlsHeader .ratingContainer .rating05, .courseDtls .courseDtlsHeader .ratingContainer .rating10, .courseDtls .courseDtlsHeader .ratingContainer .rating15, .courseDtls .courseDtlsHeader .ratingContainer .rating20, .courseDtls .courseDtlsHeader .ratingContainer .rating25, .courseDtls .courseDtlsHeader .ratingContainer .rating30, .courseDtls .courseDtlsHeader .ratingContainer .rating35, .courseDtls .courseDtlsHeader .ratingContainer .rating40, .courseDtls .courseDtlsHeader .ratingContainer .rating45, .courseDtls .courseDtlsHeader .ratingContainer .rating50 {display:inline; float:left; height:14px; background: url('/_layouts/unex/includes/images/iconRatingFull.gif') repeat-x 0 50%;} /*Shrinkwrap fix in IE stylesheet */ .courseDtls .courseDtlsHeader .ratingContainer .rating05 {width:7px;} .courseDtls .courseDtlsHeader .ratingContainer .rating10 {width:14px;} .courseDtls .courseDtlsHeader .ratingContainer .rating15 {width:21px;} .courseDtls .courseDtlsHeader .ratingContainer .rating20 {width:28px;} .courseDtls .courseDtlsHeader .ratingContainer .rating25 {width:35px;} .courseDtls .courseDtlsHeader .ratingContainer .rating30 {width:42px;} .courseDtls .courseDtlsHeader .ratingContainer .rating35 {width:49px;} .courseDtls .courseDtlsHeader .ratingContainer .rating40 {width:56px;} .courseDtls .courseDtlsHeader .ratingContainer .rating45 {width:63px;} .courseDtls .courseDtlsHeader .ratingContainer .rating50 {width:70px;} .courseDtls .courseDtlsSummary {background:#f7f7f7; border:1px solid #bdcfdd; padding:5px 0;} .courseDtls .courseDtlsSummary p {display:inline; float:left; padding:0 5px; border-right:2px solid #85a0bf; font-size:85%;} .courseDtls .courseDtlsSummary p.first {padding-left:15px; font-size:93%;} .courseDtls .courseDtlsSummary p.last {border-right:none;} .courseDtls .courseDtlsSummary p a {text-decoration:none;} .courseDtls .courseDtlsSummary p a:hover {text-decoration:underline;} .courseDtls .courseDtlsInfo {border:0;} /* This was the border just under the discipline/units - border:1px solid #bdcfdd; border-top:4px solid #5a7ea8; */ .courseDtls .courseDtlsInfo table {width:100%; border-left:1px solid #bdcfdd; border-right:1px solid #bdcfdd; border-bottom:1px solid #bdcfdd;} .courseDtls .courseDtlsInfo table thead tr {background:#F2F2F2; font-size:77%; color:#5a7ea8;} .courseDtls .courseDtlsInfo table thead td {background:#fff; height:5px;} .courseDtls .courseDtlsInfo table thead tr th {text-align:center; border-right:1px solid #BDCFDD; padding:0 1px 2px;} .courseDtls .courseDtlsInfo table thead tr th.nopad {text-align:center; padding:0;} .courseDtls .courseDtlsInfo table thead tr th.last {border-right:none;} .courseDtls .courseDtlsInfo table thead tr th .blueline {background:#BDCFDD; height:5px; border:0;} .courseDtls .courseDtlsInfo .spacer {height:20px;} /* These styles can be changed to affect the display for early bird */ .courseDtls .courseDtlsInfo .earlybird {font-weight:bolder; color:#6A737A;} .courseDtls .courseDtlsInfo .price {font-weight:bolder; color:#6A737A;} .courseDtls .courseDtlsInfo .priceInactive {font-weight:normal; color:#90959B;} .courseDtls .courseDtlsInfo .priceHeaderInactive {color:#A7B8CC;} .courseDtls .courseDtlsInfo table tr {background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .courseDtls .courseDtlsInfo table td {border-bottom:1px solid #bdcfdd; border-right:1px solid #bdcfdd; font-size:85%; padding:5px;} .courseDtls .courseDtlsInfo table td.first {padding-left:15px;} .courseDtls .courseDtlsInfo table td.last {border-right:none; font-size:100%;} .courseDtls .courseDtlsInfo table td.last a.closed {font-size:85%; margin-left:5px;} .courseDtls .courseDtlsInfo table td.action {text-align:center;} .courseDtls .courseDtlsInfo table td.dates a, .courseDtls .courseDtlsInfo table td.location a, .courseDtls .courseDtlsInfo table td.fees a {color:#6a737b; text-decoration:none; cursor:help; border-bottom:1px dashed #6a737b; text-align:center;} .courseDtls .courseDtlsInfo table td.fees {text-align:center;} .courseDtls .courseDtlsInfo table td.statusClosed span, .courseDtls .courseDtlsInfo table td.statusOpen span {background-position:0 50%; background-repeat:no-repeat; padding-left:15px;} .courseDtls .courseDtlsInfo table td.statusClosed span{background-image:url('/_layouts/unex/includes/images/bgClosed.gif');} .courseDtls .courseDtlsInfo table td.statusOpen span{background-image:url('/_layouts/unex/includes/images/bgOpen.gif');} .courseDtls .courseDtlsText {padding-top:10px;} .courseDtls .courseDtlsText img.courseHero {width:478px; margin-bottom:10px;} .courseDtls .courseDtlsText .courseDtlsTextItem {padding:0 0 10px; font-size:93%;} .courseDtls .courseDtlsText .courseDtlsTextItem p, .courseDtls .courseDtlsText .courseDtlsTextItem ul {margin:0.5em 0;} .courseDtls .courseDtlsText .courseDtlsTextItem ul li {list-style-type:disc; list-style-position:inside;margin-bottom:0.5em;} .courseDtls ul.courseDtlsSyllabus {display:inline; float:left; width:100%; font-size:93%;} .courseDtls ul.courseDtlsSyllabus li {display:inline; float:left; width:100%; padding:5px 0;} .courseDtls ul.courseDtlsSyllabus li a {} .courseDtls .textbooks {background:#f7f8fc url('/_layouts/unex/includes/images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; /*width:460px;*/ width: 96%; padding:10px; /*margin-left:19px; margin-right:23px; margin-top:0; margin-bottom:0*/} .courseDtls .textbooks h2 {padding-bottom:5px;} .courseDtls .textbooks h3 {padding:10px 0 0;} .courseDtls .textbooks p{font-size:93%;} .courseDtls .textbooks p.buy{font-size:100%;} .courseDtls .fields {display:inline; float:left; width:100%; margin:0 0 5px; padding:5px 0;} .courseDtls .fields .fieldsInner{padding:0 0 0 10px;} .courseDtls .fields .fieldsInner p{display:inline; float:left; width:100%; margin:5px 0;} .courseDtls .fields .fieldsInner p label{position:relative;display:inline; float:left; width:95px; border:1px solid #fff; padding:1px 0; font-size: 85%; color:#6a747c;} .courseDtls .fields .fieldsInner p label .required{color:#f00; position:absolute; top:2px; left:-8px; z-index:10;} .courseDtls .fields .fieldsInner p input, .courseDtls .fields .fieldsInner p textarea{display:inline; float:left; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .courseDtls .fields .fieldsInner p input {width:150px;} .courseDtls .fields .fieldsInner p textarea {width:220px;} .courseDtls .fields .fieldsInner p img {display:inline; float:left; margin-left:97px;} .courseDtls .fields .fieldsInner p .error {display:inline; float:left; max-width:205px; font-size:85%;} .courseDtls .fields .fieldsInner .buttonGo {padding:5px 20px 0 97px;} .courseDtls .fields .fieldsInner .buttonCancel {padding:8px 0 0;} .courseDtlsSidebar .share a {font-weight:bold; font-size:93%; display:block; padding-left:28px; line-height:25px; background:url('/_layouts/unex/includes/images/iconEmail.gif') no-repeat 0 0;} .courseDtlsSidebar .instructor {background:#f7f8fc; border-top:1px solid #cbd1df; border-bottom:1px solid #cbd1df; padding-bottom:10px;} .courseDtlsSidebar .instructor h2, .courseDtlsSidebar .instructor h3 {clear:both; margin:0 5px; padding:5px 0;} /* .courseDtlsSidebar .instructor img {border:1px solid #819cbc; width:75px; height:75px; float:left; display:inline; margin:0 0 5px 5px;} JDS: 8/1/2011 */ .courseDtlsSidebar .instructor img {border:1px solid #819cbc; width:65px; float:left; display:inline; margin:5px 0 0 5px;} .courseDtlsSidebar .instructor ul {float:left; display:inline; font-size:85%; margin-left:5px;} .courseDtlsSidebar .instructor ul li {margin:0 0 5px; list-style-position:outside;} .courseDtlsSidebar .instructor p {font-size:85%; margin:0.25em 5px;} .courseDtlsSidebar .instructor p.ask {font-size:100%; margin:1em 15px 0.25em;} /* JDS: 8/1/2011 */ /*.courseDtlsSidebar .instructor .pic {float:left; position:inherit;}*/ .courseDtlsSidebar .instructor .data {float:left; position:inherit; width:120px;} .courseDtlsSidebar .sidebarModule {border-bottom:1px dotted #cfd5e2;padding:10px 5px;} .courseDtlsSidebar .sidebarModule p, .courseDtlsSidebar .sidebarModule ul{ font-size:85%; margin:0.25em 0;} .courseDtlsSidebar .sidebarModule ul li {padding:0 0 1em;} .courseDtlsSidebar .sidebarModule ul li.last {padding:0;} .courseDtlsSidebar .sidebarModule ul li a{text-decoration:none;} .courseDtlsSidebar .sidebarModule ul li a:hover {text-decoration:underline;} /* login*/ .main1Col .content .contentTop {background:#f0b310 url(/_layouts/unex/includes/images/bgHeroShadow.gif) repeat-x scroll 0 0; display:inline; float:left; width:948px; border-bottom:1px solid #f0b310; margin:0 0 10px 0;} .main1Col .content .contentTop h1 {color:#fff; font-size:138.5%; font-weight:bold; padding:10px 10px 10px 40px; display:inline; float:left;} .main1Col .content .contentTop h1 .cart {padding-left:32px; background:url(/_layouts/unex/includes/images/iconCartTop.gif) no-repeat 0 50%;} .main1Col .content .contentTop p {color:#3e5788; font-size:93%; margin:15px 0 10px 10px; padding-left:10px; border-left:1px solid #3e5788; display:inline; float:left;} .loginFormContainer {float:left; display:inline; margin:10px 20px; /* width:683px; */} .loginFormContainer .loginForm p.intro {margin:10px 20px 10px 0; font-size:93%;} .loginFormContainer .loginForm .inputs {display:inline; float:left; width:100%;} .loginFormContainer .loginForm .inputs p {display:inline; float:left; margin:0.5em 0 0 0; width: 300px;} .loginFormContainer .loginForm .inputs p label, .loginFormContainer .loginForm .inputs p .label {display:inline; float:left; margin-right:10px; margin-bottom:20px; text-align:left; line-height:1em; font-size:93%;} .loginFormContainer .loginForm .inputs p input {border:1px solid #3e5788; width:230px; height:1.5em; clear:both;} .loginFormContainer .loginForm .inputs p .error {padding-right:10px; font-size:85%;} .loginFormContainer .loginForm .inputs p.errorContainer {} .loginFormContainer .loginForm .inputs .captcha {float:left; margin:20px 0 0 40px;} .loginFormContainer .loginForm .buttonContainer, .loginFormContainer .loginForm .buttonContainer2, .loginFormContainer .loginForm .buttonContainer3{display:inline; float:left;} .loginFormContainer .loginForm .buttonContainer {padding:20px 0;} .loginFormContainer .loginForm .buttonContainer2 {margin-right:10px;} .loginFormContainer .loginForm .buttonContainer3 {padding-top:5px;} .loginFormContainer .loginForm .links {display:inline; float:left; width:100%;} .loginFormContainer .loginForm .links p {margin:0 0 0.5em 0; font-size:85%;} .loginFormContainer .loginForm .links2 p {margin:0 0 0.5em 0;} .loginFormContainer .loginForm .links p a {margin-right:2em;} .loginFormContainer .loginForm .links h2 {margin:0 0 0.5em 0; font-weight:bold; color:#676767;} .loginFormContainer .loginForm .links h3 {margin:0 0 0.5em 0; font-weight:bold; color:#467FAC; font-style:italic;} .whatsthis {text-decoration:none; font-size:70%;} .whatsthis:hover {text-decoration:underline;} .loginFormContainer2 {float:left; display:inline; width:683px; margin:10px 20px;} .loginFormContainer2 .loginForm h1 {margin:0 0 10px;} .loginFormContainer2 .loginForm p.intro {margin:0 0 10px; font-size:93%;} .loginFormContainer2 .loginForm .inputs {display:inline; float:left; width:100%;} .loginFormContainer2 .loginForm .inputs p {margin:.5em 0; display:inline; float:left;} .loginFormContainer2 .loginForm .inputs label{display:inline; float:left; width:140px; line-height:20px; border:1px solid #fff; margin-top:1px;} .loginFormContainer2 .loginForm .inputs .error {font-size:93%;} .loginFormContainer2 .loginForm .inputs input.text {border:1px solid #3e5788; width:200px; height:20px; display:inline; float:left; margin:1px 10px 0 0;} /* login troubleshooting */ .loginFormContainer .troubleshoot p {margin:15px 0 10px 10px;} .loginFormContainer .troubleshoot .bold {font-weight:bold;} .loginFormContainer .troubleshoot .italic {font-style:italic;} .loginFormContainer .troubleshoot ul {margin-left:10px;} .loginFormContainer .troubleshoot ul li {list-style:disc inside;} /* login instructions */ .loginFormContainer .instructions p {margin:15px 0 10px 10px;} .loginFormContainer .instructions .bold {font-weight:bold;} .loginFormContainer .instructions .italic {font-style:italic;} .loginFormContainer .instructions .underline {text-decoration: underline;} .loginFormContainer .instructions .center {text-align: center;} .loginFormContainer .instructions ol {margin-left:40px;} .loginFormContainer .instructions ol li {list-style-type: decimal;} /*cart/checkout pages*/ .cart h2 {padding-left:20px;} .cart .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .cart .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .cart .blockItem h3 {padding:5px 20px;} .cart .blockItem .intro {border-bottom:1px solid #d6dfe9; border-top:1px solid #d6dfe9; padding:5px 20px; font-size:85%; color:#3e5788; background:#f7f7f7} .cart .blockItem .courseDetails {display:inline; float:left; width:100%; background:#f7f7f7; border-top:1px solid #bdcfdd; border-bottom:1px solid #bdcfdd;} .cart .blockItem .courseDetails ul {display:inline; float:left; font-size:85%; color:#5a7ea8; padding:5px 20px;} .cart .blockItem .courseDetails ul li {display:inline; float:left; padding-right:5px; margin-right:5px; border-right:1px solid #5a7ea8;} .cart .blockItem .courseDetails ul li.last {border-right:none; margin-right:0;} .cart .blockItem .courseDetails .fee {display:inline; float:right; font-size:85%; color:#6a737b; font-weight:bold; background: url('/_layouts/unex/includes/images/iconMoney.gif') no-repeat 0 2px; padding-left:22px; padding-right:10px; padding-top:5px; padding-bottom:5px } .cart .blockItem .permissionMessage {font-size:85%; color:#f00; display:inline; float:left; margin:5px 20px;} .cart .blockItem .parkingMessage {font-size:85%; color:#f00; display:inline; float:left; margin:5px 20px;} .cart .blockItem .action {width:100%; position:relative; display:inline; float:left; border-bottom:4px solid #5a7ea8; background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .cart .blockItem .action .actionInner {width:100%;} .cart .blockItem .action .actionInner .buttonHolderL {float:left; display:inline; padding:5px 0 5px 20px;} .cart .blockItem .action .actionInner .buttonHolderR {float:right; display:inline; padding:5px 10px 5px 0;} .cart .blockItem .action .actionInner .parkingBox {float:left; display:inline; padding:0 0 5px 20px;} .cart .blockItem .action .actionInner .actionDetails {float:left; display:inline; padding:5px 20px;} .cart .blockItem .action .actionInner .actionDetails p {font-size:85%; padding-top:5px;} .cart .blockItem .action .actionInner .status {float:right; display:inline; padding:5px 10px; position:relative;} .cart .blockItem .action .actionInner .status .statusInner {padding-top:5px;} .cart .blockItem .action .actionInner select {margin:0 10px; font-size:93%;} .cart .blockItem .action .actionInner select.discount {width:350px;} .cart .blockItem .action .actionInner label {font-size:85%; color:#3e5788;} .cart .blockItem .action .actionInner .status .fee {font-size:85%; color:#6a737b; font-weight:bold; background: url('/_layouts/unex/includes/images/iconMoney.gif') no-repeat 0 2px; padding-left:22px; padding-right:0; padding-top:5px; padding-bottom:5px } .cart .message p{margin:.5em 0;font-size:93%;} .cart .fields .fieldsInner .buttons {padding: 10px 20px 5px 0;} .checkout h2 {padding-left:20px;} .checkout .blockShadowedIntro {padding:0 0 10px 20px;} .checkout h3 {padding: 10px 0 3px 20px; clear:both;} .checkout h3 .submitDate {font-size:78.7%; font-weight:normal;} .checkout .progressBar {padding:8px 0 3px 20px;} .checkout .processingMessage {text-align:right;color:#f00; padding:2px 0 5px; line-height:16px;} .checkout .processingMessageHidden {display:none;} .checkout .processingMessageTop {} .checkout .processingMessageBottom {padding-top:5px;} .checkout .processingMessage img {vertical-align:middle;} .checkout .fields {display:inline; float:left; width:100%; background:#f7f7f7; margin:0 0 5px; padding:5px 0;} .checkout .buttonContainer {text-align:right; padding-left: 10px;} .checkout .buttonContainerTop {padding-bottom:0;} .checkout .buttonContainerBottom {padding-top:10px;} .checkout .fields .fieldsInner {padding:0 20px 0 70px;} .checkout .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} .checkout .fields .fieldsInner .info {display:inline; float:left; width:80%; margin:5px 0 5px 50px; font-size:85%; color:#8f979d;} .checkout .fields .fieldsInner .info p{display:block; float:none; margin:0;} .checkout .fields .fieldsInner .info a { color:#00aeef;} .checkout .fields .fieldsInner p label {display:inline; float:left; width:95px; border:1px solid #f7f7f7; padding:1px 0; font-size: 85%; color:#6a747c;} .checkout .fields .fieldsInner p .required {color:#f00;} .checkout .fields .fieldsInner p .syntax{display:inline; float:left; font-size:85%;} .checkout .fields .fieldsInner p label.zip { width:30px;} .checkout .fields .fieldsInner p label.payment { width:auto;} .checkout .fields .fieldsInner p label.payment img {vertical-align:top; margin-left:10px;} .checkout .fields .fieldsInner p input.text {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .checkout .fields .fieldsInner p input.radio, .checkout .fields .fieldsInner p span.radio {display:inline; float:left; margin-right:10px; width:15px;} .checkout .fields .fieldsInner p input.zip, .checkout .fields .fieldsInner p input.cvn { width:50px;} .checkout .fields .fieldsInner p select {display:inline; float:left; font-size:93%; margin-right:10px;} .checkout .fields .fieldsInner h4 {padding:10px 0 5px; clear:both;} .checkout .fields .fieldsInner p .error {display:inline; float:left; max-width:250px; font-size:85%;} /*.checkout .fields .fieldsInner p .errorBold {display:inline; float:left; max-width:250px; font-size:100%; font-weight:bold;}*/ .checkout .fields .fieldsInner .line {padding:0 20px 0 95px;} .checkout .fields .fieldsInner .line p {width:auto;} .checkout .fields .fieldsInner .line p label {display:block; float:none; width:auto;} .checkout .fields .fieldsInner .line p.errorsContainer {display:block; float:none; width:auto; clear:both;} .checkout .fields .fieldsInner .line p .error {display:block; float:none; width:auto; margin-bottom:5px;} .checkout .fields .fieldsInner .line p .errorBold {display:block; float:none; width:auto; margin-bottom:5px; font-size:100%; font-weight:bold;} .checkout .customerInfo {display:inline; float:left; width:100%; background:#f7f7f7; margin:0 0 5px; padding:5px 0; font-size:100%; font-weight:bold;} .checkout .customerInfo h4 {padding:5px 0 5px 70px;} .checkout .customerInfo .line {display:inline; float:left; width:50%;} .checkout .customerInfo .line .block {padding:2px 0 0;} .checkout .customerInfo .line .block p {margin-left:70px; font-size:85%;} .checkout .customerInfo .lineCompany .block p {margin-left:10px;} .checkout .courses {display:inline; float:left; width:100%; background:#f7f7f7;} .checkout .courses h4 {display:inline; float:left; width:100%; padding:5px 0;} .checkout .courses h4 span {margin-left:20px;} .checkout .courseDetails {display:inline; float:left; width:100%; background:#f7f7f7; border-top:1px solid #bdcfdd; border-bottom:4px solid #5a7ea8;} .checkout .courseDetails ul {display:inline; float:left; font-size:85%; color:#5a7ea8; padding:5px 20px;} .checkout .courseDetails ul li {display:inline; float:left; padding-right:5px; margin-right:5px; border-right:1px solid #5a7ea8;} .checkout .courseDetails ul li.last {border-right:none; margin-right:0;} .checkout .courseDetails .fee {display:inline; float:right; font-size:85%; color:#6a737b; font-weight:bold; background: url('/_layouts/unex/includes/images/iconMoney.gif') no-repeat 0 2px; padding-left:22px; padding-right:10px; padding-top:5px; padding-bottom:5px } .checkout .total {display:inline; float:left; width:100%;} .checkout .total p {display:inline; float:right; padding:10px 10px;font-size:85%; color:#6a737b; font-weight:bold;} .checkout .total p .label {color:#000; margin-right:5px;} .checkout .additionalFees {display:inline; float:left; width:100%; border-bottom:1px solid #bdcfdd; border-top:1px solid #bdcfdd;background:#f7f7f7;} .checkout .additionalFees p {display:inline; float:left; width:100%; font-size:85%; padding:5px 0;} .checkout .additionalFees p .label {display:inline; float:left; color:#3e5788; padding-left:70px;} .checkout .additionalFees p .amount {display:inline; float:right; color:#6a737b; padding-right:10px; font-weight:bold;} .checkout .cardInfo {display:inline; float:left; width:100%; background:#f7f7f7;} .checkout .cardInfo p {margin:5px 10px 5px 70px; font-size:85%; color:#3e5788;} .checkout .cardInfo input {margin-right:5px;} .checkout .cardInfo .terms {text-align:right;} .checkout .cardInfo .terms a {color:#00aeef;} .cartSidebar .blockShadowedContainer .blockItem {margin-bottom:0;} .cartSidebar .blockShadowedContainer .cartSummary {border:1px solid #b1c5d6; height:1%;} .cartSidebar .blockShadowedContainer .cartSummary p, .cartSidebar .blockShadowedContainer .cartSummary div.total {border-bottom:1px solid #b1c5d6; width:100%; float:left;} .cartSidebar .blockShadowedContainer .cartSummary div.last {border-bottom:none;padding-bottom:5px;} .cartSidebar .blockShadowedContainer .checkout {margin-top:10px;} .cartSidebar .blockShadowedContainer .cartSummary .item {background:#f7f7f7;} .cartSidebar .blockShadowedContainer .cartSummary .name {float:left; display:inline; font-size:85%; color:#3e5788; padding:5px;} .cartSidebar .blockShadowedContainer .cartSummary .price {float:right; display:inline; font-size:85%; color:#6a737b; padding:5px; text-align:right;} .cartSidebar .blockShadowedContainer .cartSummary h3 {padding:5px;} .cartSidebar .blockShadowedContainer .cartSummary div.total h3 {display:inline; float:left;} .cartSidebar .sidebarModule {clear:both; border-top:1px dotted #cfd5e2; border-bottom:1px dotted #cfd5e2; padding:10px 5px; margin:0 13px 0 9px;} .cartSidebar .sidebarModule h4 {padding-bottom:3px;} .cartSidebar .sidebarModule ul {} .cartSidebar .sidebarModule ul{ font-size:85%;} .cartSidebar .sidebarModule ul li {padding:5px 0;} .cartSidebar .sidebarModule ul li.last {padding:0;} .cartSidebar .blockItem .login h3 {font-size:108%; color:#3e5788; font-weight:bold; background:url('/_layouts/Unex/includes/css/../images/iconLogin.gif') no-repeat 0 50%; border-bottom:1px solid #bdcfdd; padding-left:29px; padding-right:5px; padding-top:2px; padding-bottom:2px} .cartSidebar .blockItem .login p {padding:5px;font-size:85%} .cartSidebar .blockItem .login p label, .cartSidebar .blockItem .login p input, .cartSidebar .blockItem .login p a {display:block;width:95%;} .cartSidebar .blockItem .login p label {color:#3e5788;} .cartSidebar .blockItem .login p input {font-size:110%; border:1px solid #7d8aa0;padding:2px 2px; color:#000;} .cartSidebar .blockItem .login p a {text-align:right;} .cartSidebar .buttonContainer {text-align:right; padding:5px;} /* Browse courses page */ .browse .browseContainer {} .browse .browseContainer .browseSelection {display:inline; float:left; width:100%; padding-top:5px;} .browse .browseContainer .browseSelection .selectionBoxes{display:inline; float:left; width:100%; background:#f7f8fc;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBoxesTop {display:inline; float:left; width:100%; height:3px; font-size:1px;position:relative; background:url('/_layouts/Unex/includes/css/../images/bgLightGrayRoundedLeft.gif') no-repeat 0 0;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBoxesBottom {display:inline; float:left; width:100%; height:3px; font-size:1px;position:relative; background:url('/_layouts/Unex/includes/css/../images/bgLightGrayRoundedLeft.gif') no-repeat 0 100%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBoxesContent{display:inline; float:left; width:100%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBoxesTop .right {display:inline; float:right; width:4px; height:3px; background:url('/_layouts/Unex/includes/css/../images/bgLightGrayRoundedRight.gif') no-repeat 100% 0;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBoxesBottom .right {display:inline; float:right; width:4px; height:3px; background:url('/_layouts/Unex/includes/css/../images/bgLightGrayRoundedRight.gif') no-repeat 100% 100%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox{display:inline; float:left;} .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer{width:310px; padding:20px 0 20px 20px;} .browse .browseContainer .browseSelection .selectionBoxes .categoryContainer{width:289px; padding:20px; background:url('/_layouts/Unex/includes/css/../images/bgArrowBrowse.gif') no-repeat 0 50%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxTop, .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxBottom {display:inline; float:left; width:100%; height:7px; font-size:1px;position:relative; background-repeat:no-repeat;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxTop {background-position:0 0;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxBottom {background-position:0 100%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxContent {display:inline; float:left; width:100%;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxTop .right, .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxBottom .right {display:inline; float:right; width:5px; height:7px; background-repeat:no-repeat;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxTop .right {background-position:100% 0;} .browse .browseContainer .browseSelection .selectionBoxes .selectionBox .selectionBoxBottom .right {background-position:100% 100%;} .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer .selectionBoxTop, .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer .selectionBoxBottom {background-image:url('/_layouts/Unex/includes/css/../images/bgDarkBlueRoundedLeft.gif');} .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer .selectionBoxContent {background:#d4dde9;} .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer .selectionBoxTop .right, .browse .browseContainer .browseSelection .selectionBoxes .fieldOfStudyContainer .selectionBoxBottom .right {background-image:url('/_layouts/Unex/includes/css/../images/bgDarkBlueRoundedRight.gif');} .browse .browseContainer .browseSelection .fieldOfStudyContainer .selectionBoxContentInner {padding:10px 20px 20px;} .browse .browseContainer .browseSelection .categoryContainer .selectionBoxContentInner {padding:10px 0 20px 0;} .browse .browseContainer .browseSelection .selectionBox h3 {margin-bottom:10px;} /* 1/24/2011 RR .browse .browseContainer .browseSelection .selectionBox ul {border:1px solid #b1c5d6; height:150px; overflow-y:scroll; overflow-x:hidden; background:#fff;} */ .browse .browseContainer .browseSelection .selectionBox ul {border:1px solid #b1c5d6; height:20px; overflow-y:scroll; overflow-x:hidden; background:#fff;} .browse .browseContainer .browseSelection .selectionBox ul li {font-size:85%; border-bottom:1px solid #cee2f0;} .browse .browseContainer .browseSelection .selectionBox ul li a {display:block; padding:2px 5px 2px 20px; color:#000; text-decoration:none; font-weight:bold;} .browse .browseContainer .browseSelection .selectionBox ul li a:hover, .browse .browseContainer .browseSelection .selectionBox ul li a:active, .browse .browseContainer .browseSelection .selectionBox ul li a.active {color:#fff; background:#5a7ea7;} .browse .browseContainer .browseSelection .selectionDetails {margin:0 20px 10px; padding:10px 20px;} .browse .browseContainer .browseSelection .selectionDetails h4 {padding-bottom:10px;} .browse .browseContainer .browseSelection .selectionDetails p {font-size:85%; padding-left:20px;} .browse .browseContainer .browseSelection .selectionDetails img {width:120px; height:85px;} .browse .browseContainer .browseSelection .selectionDetails .textAndImage .image {display:inline; float:left; width:130px;} .browse .browseContainer .browseSelection .selectionDetails .textAndImage .text {display:inline; float:right; width:449px;} .browse .browseContainer .browseSelection .selectionFilters {background:#fbfbfb; display:inline; float:left; width:100%;} .browse .browseContainer .browseSelection .selectionFilters h3{background:#f7f7f7; border:1px solid #bdcfdd;} .browse .browseContainer .browseSelection .selectionFilters h3 a {display:block; background:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif') no-repeat 20px 50%; text-decoration:none; padding-left:35px; padding-right:0; padding-top:5px; padding-bottom:5px } .browse .browseContainer .browseSelection .selectionFilters h3 a.collapsed {background-image:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_right_big.gif')} .browse .browseContainer .browseSelection .selectionFilters h3 a span {font-size:86.1%; font-weight:normal; margin-left:5px; text-decoration:underline;} .browse .browseContainer .browseSelection .selectionFilters .filters {width:100%; clear:both;} .browse .browseContainer .browseSelection .selectionFilters .filtersCollapsed {display:none;} /*.browse .browseContainer .browseSelection .selectionFilters .filters fieldset {display:inline; float:left; width:145px; margin-left:15px;} Had to make it so each one can have its own width */ /*.browse .browseContainer .browseSelection .selectionFilters .filters fieldset .chkbox {border:1px solid black; line-height:0px;}*/ .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkFormat {display:inline; float:left; /*width:80px; margin-left:13px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkLocation {display:inline; float:left; /*width:105px; margin-left:13px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkDay {display:inline; float:left; /*width:80px; margin-left:13px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkTime {display:inline; float:left; /*width:80px; margin-left:13px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkLength {display:inline; float:left; /*width:125px; margin-left:13px; margin-bottom:25px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset.chkCredit {display:inline; float:left; /*width:90px; margin-left:13px;*/} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset h4 {font-size:93%; font-weight:bold; margin:10px 0 5px;} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset p {margin:0 0 5px;} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset label {font-size:85%; margin-left:5px;} .browse .browseContainer .browseSelection .selectionFilters .filters fieldset select {font-size:93%;} /* 4/20/2011 RR .browse .browseContainer .browseSelection .selectionFilters .filters .buttonContainer {text-align:right; padding:10px 20px 20px} */ /*.browse .browseContainer .browseSelection .selectionFilters .filters .buttonContainer {text-align:right; padding:10px 15px}*/ .browse .browseContainer .browseSelection .selectionFilters .filters .buttonContainer {text-align:right; padding:10px 15px; float:right;} .browse .browseContainer .coursesList {margin-top:10px;} .browse .browseContainer .coursesList .coursesListControls {display:inline; float:left; width:100%; background:#fdfdfd; padding:5px 0;} .browse .browseContainer .coursesList .coursesListControls h2 {display:inline; float:left; margin:0 20px;} .browse .browseContainer .coursesList .coursesListControls .pages {display:inline; float:left; padding-top:3px;} .browse .browseContainer .coursesList .coursesListControls .pages a{font-size:85%; color:#5a7ea8; margin:0 3px;} .browse .browseContainer .coursesList .coursesListControls .pages .current {font-size:85%; font-weight:bold;margin:0 3px;} .browse .browseContainer .coursesList .coursesListControls .pages a.util {margin:0 5px;} .browse .browseContainer .coursesList .coursesListControls .pages a.all {margin:0 5px 0 0;} .browse .browseContainer .coursesList .coursesListControls .sortOptions {display:inline; float:right; margin:0 20px;} .browse .browseContainer .coursesList .coursesListControls .sortOptions label {font-size:85%; color:#5a7ea8;} .browse .browseContainer .coursesList .coursesListControls .sortOptions select {font-size:93%;} .browse .browseContainer .coursesList .coursesListFooter {margin-top:10px; background:none;} .browse .browseContainer .coursesList .courses {display:inline; float:left; width:100%;} .browse .browseContainer .coursesList .courses .courseShort {display:inline; float:left; width:100%;padding-top:10px; margin-bottom:5px;} /*.browse .browseContainer .coursesList .courses .courseShort .newCourseTag {float:left; display:inline; font-size:85%; font-weight:bold; color:#ffffff; background:#ec9d0c; height:15px; margin:0 5px 0 20px; padding:0 3px 0 3px;}*/ .browse .browseContainer .coursesList .courses .courseShort .newCourseTag {background: none repeat scroll 0 0 #EC9D0C; color: #FFFFFF; display: inline; float: left; font-size: 85%; font-weight: bold; height: 15px; line-height: 15px; margin: 0 5px 0 20px; padding: 0 3px;} .browse .browseContainer .coursesList .courses .courseShort .arrow {float:left; height:15px; width:8px; position:relative; left:-5px; background: url('/_layouts/unex/includes/images/NewCourse-Arrow-Right.gif'); z-index:1;} .browse .browseContainer .coursesList .courses .courseShort h3 {padding:0 20px 5px;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary {display:inline; float:left; width:100%; background:#fdfdfd; padding:5px 0;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary p.first {padding-left:20px;font-size:93%;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary p.last {border-right:none;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary p a {text-decoration:none;} .browse .browseContainer .coursesList .courses .courseShort .courseSummary p a:hover {text-decoration:underline;} .browse .browseContainer .coursesList .courses .courseShort .courseDescription {display:inline; float:left; width:100%; font-size:85%; border-bottom:solid 1px #B8CFDD;} .browse .browseContainer .coursesList .courses .courseShort .courseDescription p {padding:0.5em 20px 0.5em 20px;} /* 6/14/2011 RR - The following 6 classes added per TTS 52317*/ .browse .blockShadowedContainer .blockShadowed {width:100%; display:inline; float:left; position:relative; background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedLeft3.gif'); background-repeat:repeat-y ; background-position: 0 0;} .browse .blockShadowedContainer .blockShadowed .blockShadowedInner {width:100%; display:inline; float:right; background:url('/_layouts/Unex/includes/css/../images/bgShadowedRight3.gif') repeat-y 100% 0; padding:0} .browse .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop {width:100%; height:20px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif') repeat-x 0 0;} .browse .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom {width:100%; height:27px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif') repeat-x 0 100%;} .browse .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop .right {display:inline; float:right; position:relative; height:20px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif'); background-position: 100% 0;} .browse .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom .right {display:inline; float:right; position:relative; height:27px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif'); background-position: 100% 100%;} .verification .required {color:#f00;} .verification .verificationText h3 {margin:10px 0 5px;} .verification .buttonLinkContainer {font-size:85%; margin:5px 0;} .verification .buttonLinkContainer a {padding:0 5px; border-right:1px solid #a9b3bb;} .verification .buttonLinkContainer a.last {padding:0 0 0 5px; border-right:none;} .verification .progressBar {} .verification .selector h2 {border:1px solid #bdcfdd; background:#f7f7f7; padding:3px 20px; margin:10px 0 0;} .verification .selector p {padding:10px 0 25px 70px; font-size:93%;} /*.verification .selector select {max-width:400px;}*/ .verification .course {margin:10px 0;} .verification .course h3 {padding: 5px 20px 3px; clear:both;} .verification .course .courseSummary {background:#f7f7f7; border:1px solid #bdcfdd; padding:5px 0;} .verification .course .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .verification .course .courseSummary p.first {padding-left:20px;font-size:93%;} .verification .course .courseSummary p.last {border-right:none;} .verification .course .courseSummary p.totalHours {display:none;} .verification .course .courseSummary p a {text-decoration:none;} .verification .course .courseSummary p a:hover {text-decoration:underline;} .verification .course .courseInfo {border:1px solid #bdcfdd; border-top:none;} .verification .course .courseInfo table {width:100%; border-top:4px solid #5a7ea8;} .verification .course .courseInfo table thead tr {background:#bdcfdd; font-size:77%; color:#5a7ea8;} .verification .course .courseInfo table thead tr th{text-align:center; border-right:1px solid #fff; padding:0 1px 2px;} .verification .course .courseInfo table thead tr th.last {border-right:none;} .verification .course .courseInfo table tr {background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .verification .course .courseInfo table td {border-right:1px solid #bdcfdd; font-size:85%; padding:5px; text-align:center;} .verification .course .courseInfo table td.first {padding-left:20px;} .verification .course .courseInfo table td.noBorder{border-right:none;} .verification .course .courseInfo table td.grade {text-align:center;} .verification .course .courseInfo table td.last {border-right:none; font-size:100%;} .verification .course .courseInfo table td.dates a, .verification .course .courseInfo table td.location a, .verification .course .courseInfo table td.fees a {color:#6a737b; text-decoration:none; cursor:help; border-bottom:1px dashed #6a737b;} .verification .course .courseInfo table td.fees span {background:url('/_layouts/Unex/includes/css/../images/iconMoney.gif') no-repeat 0 50%; padding-left:20px; display:block; height:17px; line-height:17px} .verification .verificationResult {padding:10px;} .verification .verificationResult p {font-size:93%; margin:0.5em 0;} .verification .checkbox label {margin:0 10px;} .verification .fields {padding:0 20px 0 70px;} .verification .fields p {display:inline; float:left; width:100%; margin:5px 0;} .verification .fields p label {display:inline; float:left; width:95px; border:1px solid #fff; padding:1px 0; font-size: 85%; color:#6a747c; position:relative;} .verification .fields p label .required {position:absolute; left:-0.65em;} .verification .fields p input.text, .verification .fields p textarea {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .verification .fields p textarea {height:8em;} .verification .fields p.checkbox input {display:inline; float:left; margin-left:95px;} .verification .fields p.checkbox label { width:auto;} /*transcript Page*/ .transcript .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .transcript h3 {padding:10px 0 3px 20px; clear:both;} .transcript .fields {display:inline; float:left; width:100%; background:#f7f8fc; margin:0 0 5px; padding:5px 0;} .transcript .fields .fieldsInner {padding:0 20px 0 70px;} .transcript .fields .fieldsInner h4 {padding:5px 0;} .transcript .fields .fieldsInner h5 {padding:10px 0 5px 0; clear:both; font-weight:bold; color:#6a747c; font-size:93%; font-weight:bold;} .transcript .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} .transcript .fields .fieldsInner .info {display:inline; float:left; width:80%; margin:5px 0 5px 50px; font-size:85%; color:#8f979d;} .transcript .fields .fieldsInner .info p{display:block; float:none; margin:0;} .transcript .fields .fieldsInner .info a { color:#00aeef;} .transcript .fields .fieldsInner p label {display:inline; float:left; width:95px; border:1px solid #f7f7f7; padding:1px 0; font-size: 85%; color:#6a747c;} .transcript .fields .fieldsInner p label .required {color:#f00;} .transcript .fields .fieldsInner p.transcriptCopies label {width:auto;} .transcript .fields .fieldsInner p label.zip { width:30px;} .transcript .fields .fieldsInner p label.payment { width:auto;} .transcript .fields .fieldsInner p label.payment img {vertical-align:top; margin-left:10px;} .transcript .fields .fieldsInner p input.text {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .transcript .fields .fieldsInner p input.zip, .transcript .fields .fieldsInner p input.cvn { width:50px;} .transcript .fields .fieldsInner p input.transcriptSendCopies{ width:40px;} .transcript .fields .fieldsInner p select {display:inline; float:left; font-size:93%; margin-right:10px;} .transcript .fields .fieldsInner p .error {display:inline; max-width:250px; font-size:85%;} .transcript .fields .fieldsInner p .label {border:1px solid #f7f7f7; padding:1px 0; font-size: 85%; color:#6a747c;} .transcript .fields .fieldsInner p .labelSpacer{width:100px; display:inline; float:left;} .transcript .fields .fieldsInner .line {padding:0 20px 0 0;} .transcript .fields .fieldsInner .line p {width:auto;} .transcript .fields .fieldsInner .line p label {display:block; float:none; width:auto;} .transcript .fields .fieldsInner .line p label a.cvnLink{padding-left:5px;} .transcript .fields .fieldsInner .line p.errorsContainer {display:block; float:none; width:auto; clear:both;} .transcript .fields .fieldsInner .line p .error {display:block; float:none; width:auto; margin-bottom:5px; max-width:2000px;} .transcript .fields .fieldsInner p textarea {width:224px; height:100px; border:1px solid #7D8AA0;} .transcript .fields .fieldsInner .optionsContainer {display:inline; float:left; width:100%;} .transcript .fields .fieldsInner .optionsContainer .optionsHeader{display:inline; float:left; width:20%;} .transcript .fields .fieldsInner .optionsContainer .options{display:inline; float:left; width:75%;} .transcript .fields .fieldsInner .optionsContainer .options label {float:none; width:auto;} .transcript .fields .fieldsInner .optionsContainer .options select {float:none; width:auto;} .transcript .fields .fieldsInner .optionsContainer .timingOptions{margin-right:5px;} .transcript .fields .fieldsInner .optionsContainer select {margin-right:0;} .transcript .fields .fieldsInner .transcriptContactInfo{font-size:85%;} .transcript .fields .fieldsInner .transcriptMatearialsFeesHeader{font-size:85%;width:150px;} .transcript .fields .fieldsInner .transcriptMatearialsFees {font-size:85% } .transcript .fields .fieldsInner .hrDashed {margin:0;} .transcript .fields .fieldsInner p textarea {width:405px; height:100px; border:1px solid #7D8AA0;} .transcript .transcriptRequiredInfo{width:240px; color:#8f979d; font-size:10px;} .transcript .transcriptRequiredText{width:225px;} .transcript .transcriptRequiredSingle{padding-right:9px; width:5px;color:#ff0000;} .transcript .transcriptRequiredDouble{padding-right:3px; width:10px;color:#ff0000;} .transcript .transcriptPrivacy{width:180px; border:1px solid #c9d7e3; margin-bottom:5px;} .transcript .transcriptPrivacy h4 {text-align:center; background-color:#7595bc; color:#fff; font-size:108%; font-weight:bold; padding:2px 0;} .transcript .trancriptPrivacyContent{font-size:85%; padding:5px 10px;} .transcript .fields .fieldsInner p.transcriptForm2Fields1Row{width:180px;} .transcript .fields .fieldsInner p label.transcriptForm2Fields1RowText{width:53px;} .transcript .fields .fieldsInner p input.transcriptForm2Fields1Row{width:65px;} /*myextension Page*/ .myExtension .myExtensionTopContainer {margin:0 13px 0 9px; /*width:683px;*/} .myExtension h1 {padding-left:20px;} .myExtension .myextensionTop {background-color:#f7f8fc; padding:10px 0 60px; margin:5px 0 0;} .myExtension .myextensionTop .miniProfile{ float:left; width:268px; background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgMiniProfileTop2.gif') no-repeat; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px} .myExtension .myextensionTop .miniProfile h2 { background:url('/_layouts/Unex/includes/css/../images/bgMiniProfileHeader.gif') repeat-y 0 0; text-align:center; color:#fff; font-size:123.1%; font-weight:bold; overflow:hidden; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:2px} .myExtension .myextensionTop .miniProfile .profileHeadRule {width:268px; height:5px; background:url('/_layouts/Unex/includes/css/../images/bgMiniProfileContentHeader.gif') no-repeat 0 0; font-size:1px} .myExtension .myextensionTop .miniProfile .profileBottom {width:268px; height:6px; background:url('/_layouts/Unex/includes/css/../images/bgMiniProfileBottom2.gif') no-repeat 0 0; font-size:1px} .myExtension .myextensionTop .miniProfile .profileContent {min-height:125px; width:268px; background:url('/_layouts/Unex/includes/css/../images/bgMiniProfileContent.gif') repeat-y 0 0; text-align:left} .myExtension .myextensionTop .miniProfile .profileContent .profileContentInner {margin:0 20px; padding:5px 0 4px;} .myExtension .myextensionTop .miniProfile .profileContent .imageHolder {display:inline; float:left; width:85px; text-align:center;} .myExtension .myextensionTop .miniProfile .profileContent .imageHolder img {margin:0 0 5px;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder {display:inline; float:right; width:133px; font-size:85%;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder p.profileContentText {padding:0 0 0.5em 0; overflow:hidden;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder .profileContentInfo{margin-top:5px;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder .profileContentInfo p {display:inline; float:left; width:100%; padding:0;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder .profileContentInfo .label {float:left; display:inline; width:90px;} .myExtension .myextensionTop .miniProfile .profileContent .textHolder .profileContentInfo .text {float:right; display:inline; width:43px;} .myExtension .myextensionTop .spotlight{padding:10px 10px 0 0; /*width:398px;*/} .myExtension .myextensionTop .spotlight h3.spotlightHeader {line-height:19px; padding-left:26px; background:url('/_layouts/Unex/includes/css/../images/icon_Heading_Spotlight.gif') no-repeat 0 0; margin-bottom:5px} .myExtension .myextensionTop .spotlight .spotlightpageLinks{width:189px; margin-right:10px;} .myExtension .myextensionTop .spotlight .spotlightpageLinks img {width:80px; height:65px; margin:0 5px 0 0; display:inline; float:left;} .myExtension .myextensionTop .spotlight .spotlightpageLinks div{display:inline; float:left; width:99px; font-size:85%;} .myExtension .myextensionTop .spotlight .spotlightpageLinks div h4 {font-weight:bold; margin-bottom:3px;} .myExtension .myextensionTop .spotlight .updates h3 {margin-bottom:10px;} .myExtension .myextensionTop .spotlight .updates a.signup {font-size:93%; font-weight:bold; text-decoration:none; background:url('/_layouts/Unex/includes/css/../images/icon_signup.gif') no-repeat 0 0; line-height:14px; padding-left:19px; padding-right:10px; padding-top:0; padding-bottom:0} .myExtension .myextensionTop .spotlight .updates a.signup:hover {text-decoration:underline;} .myExtension .myextensionTop .spotlight .updates p {display:inline; float:left; font-size:85%; margin:3px 0;} .myExtension .myextensionTop .spotlight .updates p .date {display:inline; float:left; width:70px;} .myExtension .myextensionTop .spotlight .updates p .update {display:inline; float:left; width:328px;} .myExtension .myextensionTabbed {display:inline; float:left; width:100%; position:relative; top:-60px;} .myExtension .myextensionTabbed ul.tabs {display:inline; float:left; margin:0 13px 0 19px; z-index:10; position:relative; bottom:-1px;} .myExtension .myextensionTabbed ul.tabs li{display:inline; float:left; margin-right:5px; background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueLeft.gif') no-repeat 0 0; border-bottom:1px solid #ddd} .myExtension .myextensionTabbed ul.tabs li .tabContent {background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueRight.gif') no-repeat 100% 0; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px} .myExtension .myextensionTabbed ul.tabs li.active, .myExtension .myextensionTabbed ul.tabs li.ui-tabs-selected {background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueLeft.gif'); border-bottom-color:#fff} .myExtension .myextensionTabbed ul.tabs li.active .tabContent, .myExtension .myextensionTabbed ul.tabs li.ui-tabs-selected .tabContent{background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueRight.gif')} .myExtension .myextensionTabbed ul.tabs li a {text-decoration:none; font-weight:bold; color:#ffffff;} .myExtension .myextensionTabbed ul.tabs li.active a, .myExtension .myextensionTabbed ul.tabs li.ui-tabs-selected a {color:#3e5788;} .greenPTE {color:Green;} .myExtension .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedContent .blockShadowedContentInner {margin-bottom:60px;} .myExtension .myextensionTabbed a.print {font-size:93%; font-weight:bold; text-decoration:none; padding:0 10px 5px;} .myExtension .myextensionTabbed a.print:hover{text-decoration:underline;} .myExtension .myextensionTabbed .course {border:1px solid #bdcfdd; margin-bottom:20px;} .myExtension .myextensionTabbed .course h3 {border-top:4px solid #5a7ea8; border-bottom:1px solid #bdcfdd; background:#f7f8fc url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_right_big.gif') no-repeat 10px 50%;clear:both; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:3px;} .myExtension .myextensionTabbed .course .courseSummary {background:#f7f7f7; border-bottom:1px solid #bdcfdd; padding:5px 0;} .myExtension .myextensionTabbed .course .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .myExtension .myextensionTabbed .course .courseSummary p.first {padding-left:20px;font-size:93%;} .myExtension .myextensionTabbed .course .courseSummary p.last {border-right:none;} .myExtension .myextensionTabbed .course .courseSummary p a {text-decoration:none;} .myExtension .myextensionTabbed .course .courseSummary p a:hover {text-decoration:underline;} .myExtension .myextensionTabbed .course .courseInfo {border-top:1px solid #5a7ea8;} .myExtension .myextensionTabbed .course .courseInfo table {width:100%; border-top:1px solid #bdcfdd;} .myExtension .myextensionTabbed .course .courseInfo table thead tr {background:#bdcfdd; font-size:77%; color:#5a7ea8;} .myExtension .myextensionTabbed .course .courseInfo table thead tr th{text-align:center; border-right:1px solid #fff; padding:0 1px 2px;} .myExtension .myextensionTabbed .course .courseInfo table thead tr th.last {border-right:none;} .myExtension .myextensionTabbed .course .courseInfo table tr {background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .myExtension .myextensionTabbed .course .courseInfo table td {border-right:1px solid #bdcfdd; font-size:85%; padding:5px;} .myExtension .myextensionTabbed .course .courseInfo table td.first {padding-left:20px;} .myExtension .myextensionTabbed .course .courseInfo table td.noBorder{border-right:none;} .myExtension .myextensionTabbed .course .courseInfo table td.grade {text-align:center;} .myExtension .myextensionTabbed .course .courseInfo table td.last {border-right:none; font-size:100%;} .myExtension .myextensionTabbed .course .courseInfo table td.dates a, .myExtension .myextensionTabbed .course .courseInfo table td.location a, .myExtension .myextensionTabbed .course .courseInfo table td.fees a, .myExtension .myextensionTabbed .course .courseInfo table td.grade a {color:#6a737b; text-decoration:none; cursor:help; border-bottom:1px dotted #6a737b;} .myExtension .myextensionTabbed .course .courseInfo table td.grade a {padding:0 .25em;} .myExtension .myextensionTabbed .course .courseInfo .buttons {position:relative; white-space:nowrap;} .myExtension .myextensionTabbed .course .courseInfo .buttons .moreOptionsButton{margin:0 10px;} .myExtension .myextensionTabbed .course .courseInfo .buttons ul.moreOptions {position:absolute; background:#fff; border:1px solid #ddd; right:10px; top:23px;} .myExtension .myextensionTabbed .course .courseInfo .buttons ul.moreOptions li {font-size:85%;margin:3px 5px;} .myExtension .myextensionTabbed .course .courseInfo .buttons ul.moreOptions li a {text-decoration:none;} .myExtension .myextensionTabbed .course .courseInfo .buttons ul.moreOptions li a:hover {text-decoration:underline;} /* fields of study */ .fos h1 {margin:0 10px 10px;} .fos .heroContainer .heroImg {text-align:center} /* 6/10/2011 RR TTS 52472 - .fos .heroContainer .heroText {padding-left:10px; padding-right:30px}*/ .fos .fosDetails {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; margin:0 3%; padding:20px 0 0; width: 94%;} .fos .fosDetails2{background:#fff; position:static; top:0; padding-top:0;} .fos .fosDetails .fosExploreHeading {padding:0 20px 10px;} .fos .fosDetails .fosLinks {padding:20px 0; background:#fff;} .fos .fosDetails .fosLinks ol {display:inline; float:left; font-size:85%; width:100%; margin:3px 0;} .fos .fosDetails .fosLinks ol li {display:inline; float:left; width:155px; margin:0 0 0 10px;} /* The following "fosLinksColumns" entries are from TTS 58939 */ .fos .fosDetails .fosLinksColumns {padding:20px 0 40px; background:#fff; overflow: hidden;} .fos .fosDetails .fosLinksColumns .mainLayout {overflow:hidden;} .fos .fosDetails .fosLinksColumns .mainLayout .group {width: 200px; float: left;} .fos .fosDetails .fosLinksColumns .mainLayout .group .item {clear: both; width: 100%; font-size:85%; text-align:left;} .fos .fosDetails .fosBoxes, .fos .fosDetails .fosBoxes2 {padding:0 10px 30px 20px;} .fos .fosDetails .fosBoxes .fosBox {display:inline; float:left; width:211px; margin:30px 0 0 0; font-size:85%;} .fos .fosDetails .fosBoxes2 .fosBox{display:inline; float:left; width:47%; margin:20px 10px 0 0; font-size:85%;} .fos .fosDetails .fosBoxes .fosBox img {width:80px; height:65px; float:left; display:inline; margin:0 5px 5px 0;} .fos .fosDetails .fosBoxes2 .fosBox img{width:80px; height:65px; float:left; display:inline; margin:0 5px 5px 0;} .fos .fosDetails .fosBoxes .fosBox p { margin-left:85px;} .fos .fosDetails .programs {margin:30px 10px 10px 20px;} .fos .fosDetails .programs .program{display:inline; float:left; width:191px; margin:0 20px 1em 0;} .fos .fosDetails .programs .spotlight {display:inline; float:left; width:211px;} .fos .fosDetails .programs .program h3 {padding-bottom:5px;} .fos .fosDetails .programs .program .programDetails {font-size:85%; color:#5a7ea8; margin-bottom:5px;} .fos .fosDetails .programs .program .programDetails span {margin-right:5px;} .fos .fosDetails .programs .program .programDetails span.last {margin-right:0;} .fos .fosDetails .programs .program .programDescription {font-size:85%;} .fos .fosDetails .programs .program .programInfo {display:inline; float:left; width:100%; padding-top:5px;} .fos .fosDetails .programs .program .programInfo ul {display:inline; float:left; padding-top:5px;} .fos .fosDetails .programs .program .programInfo ul li{display:inline; float:left; font-size:85%; color:#5a7ea8; padding-right:5px; margin-right:5px; border-right:1px solid #5a7ea8;} .fos .fosDetails .programs .program .programInfo ul li.last {border-right:none;} .fos .fosDetails .programs .program .programInfo .buttonContainer {display:inline; float:right;} .fos .fosDetails .programs .spotlight h3 {line-height:19px; background:url('/_layouts/Unex/includes/css/../images/icon_Heading_Spotlight.gif') no-repeat 0 0; padding-left:26px; padding-right:0; padding-top:0; padding-bottom:5px } .fos .fosDetails .programs .spotlight img {width:80px; height:65px; margin:0 5px 0 0; display:inline; float:left;} .fos .fosDetails .programs .spotlight div {font-size:85%;} .fos .fosDetails .programs .spotlight p {margin-left:85px;} .fos .fosDetails .programs .spotlight spotlightpageLinks div h4 {font-weight:bold;} .fos .fosDetails .courses h2 {background:#fff; padding:20px 20px 0;clear:both;} .fos .fosDetails .courses h3 {background: #fff url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif') no-repeat 5px 25px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:10px} .fos .fosDetails .courses {display:inline; float:left; width:100%; margin-bottom:-30px;} .fos .fosDetails .courses .coursesHeader {background:#fff;} .fos .fosDetails .courses .courseShort {display:inline; float:left; width:100%;margin-bottom:5px;} .fos .fosDetails .courses .courseShort h4 {padding:10px 20px 5px; background:#fff;} .fos .fosDetails .courses .courseShort .courseSummary {display:inline; float:left; width:100%; background:#fdfdfd; padding:5px 0;} .fos .fosDetails .courses .courseShort .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .fos .fosDetails .courses .courseShort .courseSummary p.first {padding-left:20px;font-size:93%;} .fos .fosDetails .courses .courseShort .courseSummary p.last {border-right:none;color:#5a7ea8;} .fos .fosDetails .courses .courseShort .courseSummary p a {text-decoration:none;} .fos .fosDetails .courses .courseShort .courseSummary p a:hover {text-decoration:underline;} .fos .fosDetails .courses .courseShort .courseDescription {display:inline; float:left; width:100%; font-size:85%; background:#f7f8fc;} .fos .fosDetails .courses .courseShort .courseDescription p {padding:0.5em 20px 0.5em 20px;} .fos .fosDetails .courses .browseMoreContainerBottom {clear:both;} .fos .fosDetails .programs p.browseMore {margin:10px 0 0; font-size:85%;} .fos .fosDetails .courses p.browseMore {padding:25px 20px 10px; font-size:85%; background:#fff;text-align:right;} /* simple pages */ .simple h1 {margin:0 10px 10px;} .simple .heroContainer .heroImg {margin-bottom:10px;} .simple .heroContainer .heroImg img {width:661px;} /* 6/10/2011 RR TTS 52472 - .simple .simpleContent p, .simple .simpleContent ul, .simple .simpleContent ol, .simple .simpleContent li {margin:0.5em 0;}*/ .simple .simpleContent p, .simple .simpleContent ul, .simple .simpleContent ol, .simple .simpleContent li { margin: 0.5em 0 0 10px;} /* 7/19/2011 JDS TTS 52583 .simple .simpleContent ul li{list-style-position:inside; list-style-type:disc;}*/ .simple .simpleContent ul li {list-style-position: outside; list-style-type: disc; margin: 0.5em 0 0.5em 1.5em;} /* 7/19/2011 JDS TTS 52583 .simple .simpleContent ol li{list-style-position:inside; list-style-type:decimal;}*/ .simple .simpleContent ol li {list-style-position: outside; list-style-type: decimal; margin: 0.5em 0 0.5em 1.5em;} .simple .simpleContent img {display:inline; float:left; margin:0 10px 10px 0;} /* faq */ .faq h1 {margin:0 10px 10px;} .faq .heroContainer .heroImg img {width:661px;} .faq .heroContainer .heroText {padding-left:120px;} .faq .faqHeader {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; width:89%; margin: 0 4%; padding: 16px 1% 8px; } .faq .faqHeader h2 {padding:0 20px 10px;} .faq .faqHeader ul li {display:inline; margin:0 10px 0 0; font-size:85%;} .faq .faqItems{clear:both; margin: 0 23px 0 19px;} .faq .faqItems .faqItem {background:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_right_big.gif') no-repeat 70px 11px;} .faq .faqItems .faqItemOpen{background-image:url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif')} .faq .faqItems .faqItem h4 {background:url('/_layouts/Unex/includes/css/../images/iconFAQq.gif') no-repeat 95px 10px; color:#3e5788;font-size:93%; font-weight:bold; cursor:pointer; line-height:14px; padding-left:120px; padding-right:10px; padding-top:10px; padding-bottom:10px} .faq .faqItems .faqItem .answer {font-size:93%; background:#f7f8fc url('/_layouts/Unex/includes/css/../images/iconFAQa.gif') no-repeat 95px 11px; padding-left:120px; padding-right:10px; padding-top:10px; padding-bottom:10px} /* transcripts */ .trans h1 {margin:0 10px 10px;} .trans .heroContainer .heroImg img {width:661px;} .trans .heroContainer .heroText {padding-left:18%;} .trans .transDetails {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; margin-left:19px; margin-right:23px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0 } .trans .transDetails .transBoxes {padding:0 20px 30px 20px;} .trans .transDetails .transBoxes .transBox {display:inline; float:left; margin:20px 20px 0 0;} .trans .transDetails .transBoxes .transBox2 {display:inline; float:left; margin:20px 0 0 0;} .trans .transDetails .transBoxes .transBox3 {display:inline; float:left; width:100%; margin:20px 0 0 0;} .trans .transDetails .transBoxes .transBox h3, .trans .transDetails .transBoxes .transBox2 h3, .trans .transDetails .transBoxes .transBox3 h3 {margin-bottom:5px;} .trans .transDetails .transBoxes .transBox img, .trans .transDetails .transBoxes .transBox3 img {width:80px; float:left; display:inline; margin:0 5px 5px 0;} .trans .transDetails .transBoxes .transBox p { font-size:85%; margin-left:85px;} .trans .transDetails .transBoxes .transBox2 p { font-size:85%;} .trans .transDetails .transBoxes .transBox3 p, .trans .transDetails .transBoxes .transBox3 ul, .trans .transDetails .transBoxes .transBox3 ol { font-size:85%; margin:0.5em 0;} .trans .transDetails .transBoxes .transBox3 ul li {list-style: disc inside; margin:0.5em 0;} .trans .transDetails .transBoxes .transBox3 ol li {list-style: decimal inside; margin:0.5em 0;} .trans .transDetails .transBoxes .transBox3 .transContentText {display:inline; float:left;} .trans .transDetails .transText {clear:both; font-size:85%; padding:0 20px;} .trans .transDetails .transText p {margin:0.5em 0;} /*about extension*/ .about h1 {margin:0 10px 10px;} .about .heroContainer .heroImg img {width:661px;} /* 6/10/2011 RR TTS 52472 - .about .heroContainer .heroText {padding-left:120px;}*/ .about .heroContainer .heroText {padding-left:0;} .about .aboutDetails {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; width:663px; margin-left:19px; margin-right:23px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0 } .about .aboutDetails h2 {margin-bottom:5px;} .about .aboutDetails .aboutModule {display:inline; float:left; width:311px;} .about .aboutDetails .aboutHistory, .about .aboutDetails .aboutCalendar {margin:0 21px 20px 10px;} .about .aboutDetails .aboutDean, .about .aboutDetails .aboutCommunity {margin:0 10px 20px 0;} .about .aboutDetails .aboutDean .imageHolder {display:inline; float:left; width:100px; margin:0 10px 5px 0;} .about .aboutDetails .aboutDean .imageHolder img {width:100px;} .about .aboutDetails .aboutDean .imageHolder p {font-size:85%; margin:0 0 0.5em; font-weight:bold;} .about .aboutDetails .aboutCalendar ul {margin-top:10px;} .about .aboutDetails .aboutCalendar ul li {margin:0 0 5px;} .about .aboutDetails .aboutCalendar ul li h3{margin-bottom:5px;} .about .aboutDetails .aboutCalendar ul li h3 a {font-weight:bold; font-size:108%; color:#6a737b; text-decoration:none;} .about .aboutDetails .aboutCalendar ul li h3 a:hover { text-decoration:underline;} .about .aboutDetails .aboutCalendar ul li p {margin:0 0 0.5em 15px; font-size:85%; color:#5a7ea8;} .about .aboutDetails .aboutCommunity ul.aboutCommunities {} .about .aboutDetails .aboutCommunity ul.aboutCommunities li {list-style:disc inside;margin:0.25em 0;} .about .aboutDetails .aboutCommunity ul.aboutCommunities li a{font-weight:bold;} /*community pages */ .comm h1 {margin:0 10px 10px;} .comm .heroContainer .heroImg img {width:661px;} .comm .heroContainer .heroText {/*padding-left:120px;*/} .comm .commDetails {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; /*width:663px;*/ width: 100%; margin-left:19px; margin-right:23px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0 } .comm .commDetails .commList{display:inline; float:left; width:191px; margin:0 10px 20px;} .comm .commDetails .commList .text {font-size:93%;} .comm .commDetails .commList .text p {margin:0.25em 0;} .comm .commDetails .commList ul {font-size:93%; margin:0.25em 0;} .comm .commDetails .commList ul li {margin:0.25em 0; list-style:disc inside;} .comm .commDetails .commMembersHeader {padding:0 10px;} .comm .commDetails .commMembersHeader .pages {display:inline; float:left; padding:3px 0 0 10px;} .comm .commDetails .commMembersHeader .pages a.util {display:inline; float:left; font-size:85%; color:#5a7ea8; margin:0 5px;} .comm .commDetails .commMembersHeader .pages a.all { margin:0 5px 0 0;} .comm .commDetails .commMembersHeader .pages ul {display:inline; float:left; margin:0 5px;} .comm .commDetails .commMembersHeader .pages ul li {display:inline; float:left; margin-right:5px;} .comm .commDetails .commMembersHeader .pages ul li a {display:block; width:15px; height:15px; line-height:15px; font-size:85%; color:#fff; Background:url('/_layouts/Unex/includes/css/../images/circleLightBlue.gif') no-repeat 0 0; text-align:center; text-decoration:none } .comm .commDetails .commMembersHeader .pages ul li a:hover { Background-image:url('/_layouts/Unex/includes/css/../images/circleDarkBlue.gif');} .comm .commDetails .commMembersHeader .pages ul li span{display:block; width:15px; height:15px; line-height:15px; font-size:85%; color:#fff; Background:url('/_layouts/Unex/includes/css/../images/circleDarkBlue.gif') no-repeat 0 0; text-align:center } .comm .commDetails .commMembers .row {clear:both;} .comm .commDetails .commMembers .row .member{display:inline; float:left; width:296px; margin:5px 10px;} .comm .commDetails .commMembers .row .member img {display:inline; float:left; margin:0 5px 5px 0;} .comm .commDetails .commMembers .row .member h4 {margin:0 0 5px 55px;} .comm .commDetails .commMembers .row .member p {margin:0 0 0 55px; font-size:85%;} /*catalog*/ .catalog .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .catalog h3 {padding:10px 0 3px 20px; clear:both;} .catalog .catalogRequiredInfo{width:240px; color:#8f979d; font-size:10px;} .catalog .catalogRequiredText{width:225px;} .catalog .catalogRequiredSingle{padding-right:9px; width:5px;color:#ff0000;} .catalog .catalogRequiredRed{color:#ff0000;} .catalog .errorsSummary {margin:5px 0; clear:both;} .catalog .fields {display:inline; float:left; width:100%; background:#f7f8fc; margin:0 0 5px; padding:5px 0;} .catalog .fields .fieldsInner {padding:0 20px 0 70px;} .catalog .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} .catalog .fields .required p label {display:inline; float:left; width:95px; border:1px solid #f7f7f7; padding:1px 0; font-size: 85%; color:#6a747c;} .catalog .fields .required p label .required {color:#f00;} .catalog .fields .required p label.zip { width:30px;} .catalog .fields .required p input.text {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .catalog .fields .required p input.zip { width:50px;} .catalog .fields .required p select {display:inline; float:left; font-size:93%; margin-right:10px;} .catalog .fields .required p .error {display:inline; max-width:250px; font-size:85%;} .catalog .fields .optional ul.interests {display:inline; float:left; width:100%; margin:5px 0;} .catalog .fields .optional ul.interests li {display:inline; float:left; width:49%; margin:5px 0;} .catalog .fields .optional ul.interests li input{} .catalog .fields .optional ul.interests li label{font-size:85%; margin-left:5px;} .catalog .fields .optional label, .catalog .fields .optional .label {font-size:85%;} .catalog .fields .optional .checkboxes {margin-left:50px;} .catalog .fields .optional .checkboxes label {display:inline; float:left; padding:2px 0;} .catalog .fields .optional .checkboxes input {display:inline; float:left; margin-right:10px;} .catalog .fields .optional .checkboxes input.text, .catalog .fields .optional .checkboxes input.watermark {display:inline; float:right; margin-right:150px; width:150px; padding:1px 2px; font-size: 93%; border:1px solid #7d8aa0;} .catalog .fields .optional .checkboxes input.text {color:#000;} .catalog .fields .optional .checkboxes input.watermark {color:#8a97b0;} .catalog .fields .optional .radio input {margin:0 5px 0 15px;} /*inquiry/request a catalog*/ .inquiry {font-size: 93%; color:#000;} .inquiry input {font-size: 93%; color:#000;} .inquiry .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .inquiry h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;} .inquiry h1 {font-size:16px; color:#29ABE2; padding-bottom:10px; clear:both;} /*.inquiry h3 {padding:10px 0 3px 20px; clear:both;} */ .inquiry .inquiryRequiredInfo{width:240px; color:#8f979d; font-size:10px;} /*.inquiry .inquiryRequiredRed{color:#ff0000;} */ .inquiry .required {color:#f00;} .inquiry .errorsSummary {margin:5px 0; clear:both;} .inquiry .privacy {margin-left:10px; padding:5px 20px 10px 20px;} .inquiry .fields {display:inline; float:left; margin:0 0 5px; padding:5px 0;} .inquiry .fields .fieldsInner {padding:0 20px 0 0;} .inquiry .fields .subhead {font-size:14px; color:#3366CC; padding-bottom:10px;} .inquiry .fields .subhead2 {font-size:14px; color:#3366CC; padding-bottom:10px; font-style:italic;} /*.inquiry .fields {float:left; margin:5px 0;} */ .inquiry .fields p label, .inquiry .fields label {display:inline; width:150px; padding:1px 0;} .inquiry .fields p input.text, .inquiry .fields input.text {display:inline; float:left; width:220px; margin:0 10px 10px 0; border:1px solid #29ABE2; padding:1px 2px;} .inquiry .fields p input.phone {display:inline; float:left; width:134px; margin:0 10px 10px 0; border:1px solid #29ABE2; padding:1px 2px;} .inquiry .fields p input.extension {display:inline; float:left; width:50px; margin:0 10px 10px 0; border:1px solid #29ABE2; padding:1px 2px;} .inquiry .fields p label.extension {display:inline; float:left; width:20px; padding:1px 0;} .inquiry .fields p select, .inquiry .fields select {display:inline; float:left; width:220px; font-size:93%; margin:0 10px 10px 0;} .inquiry .fields p .error, .inquiry .fields .error {display:inline; max-width:250px; font-size:85%;} /* These styles affect the checkboxes for area of interest */ .inquiry .checkContainer { width:320px; float:left;} .inquiry .hidePanel { visibility:hidden; display:none;} .inquiry .showPanel { visibility:visible;} .inquiry .fosLevel { line-height:30px;} /* vertical gap between checkboxes */ .inquiry .subLevel { margin-left:15px; line-height:25px;} /* left spacing and vertical gap between checkboxes */ /* These styles affect the checkboxes for How did you learn about Extension */ .inquiry .lrnAbtExtContainer { width:300px; float:left;} .inquiry .checkbox { line-height:30px; float:left; width:288px; clear:both;} .inquiry .label { display:inline; float:left; width:240px; clear:both; margin:-5px 0 0 20px;} .inquiry .textbox { display:inline; float:left; width:240px; margin:0 0 0 20px; border:1px solid #29ABE2; padding:1px 2px;} /* email */ .email .buttonContainer {text-align:right; padding:5px 0 10px 10px;} .email .intro p {margin:.5em 0; font-size:93%;} .email .emailRequiredInfo{width:240px; color:#8f979d; font-size:10px;} .email .emailRequiredText{width:225px;} .email .emailRequiredSingle{padding-right:9px; width:5px;color:#ff0000;} .email .errorsSummary {margin:5px 0; clear:both;} .email .fields {display:inline; float:left; width:100%; background:#f7f8fc; margin:0 0 5px; padding:5px 0;} .email .fields .fieldsInner {padding:0 20px 0 70px;} .email .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} .email .fields .fieldsInner ul {display:inline; float:left; width:100%; margin:5px 0;} .email .fields .fieldsInner ul li {display:inline; float:left; width:100%; margin:5px 0;} .email .fields .required p label {display:inline; float:left; width:95px; border:1px solid #f7f7f7; padding:1px 0; font-size: 85%; color:#6a747c;} .email .fields .required p label .required {color:#f00;} .email .fields .required p input.text, .email .fields .required p input.watermark {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%;} .email .fields .required p input.text {color:#000;} .email .fields .required p input.watermark {color:#8a97b0;} .email .fields .required p .error {display:inline; max-width:250px; font-size:85%;} .email .fields .required p select {display:inline; float:left; font-size:93%; margin-right:10px;} .email .fields .required p img {margin-left:95px;} .email .fields .optional p input {display:inline; float:left; margin-top:4px;} .email .fields .optional p label {display:inline; float:left; margin-left:5px; width:85px; font-size: 85%; padding-top:4px;} .email .fields .optional p select {display:inline; float:left;} .email .fields .optional ul.interests {display:inline; float:left; width:100%; margin:5px 0;} .email .fields .optional ul.interests li {display:inline; float:left; width:285px; margin:5px 0;} .email .fields .optional ul.interests li input{display:inline; float:left; margin-top:4px;} .email .fields .optional ul.interests li label{display:inline; float:left;font-size:85%; margin:0 5px; width:200px; padding-top:4px;} .email .fields .optional ul.interests li select{display:inline; float:left; font-size:93%;} /*program details*/ /* .programDtls {padding-left:11px; width: 522px; display:inline; float:left;} */ .programDtls h1 {margin:0 10px;} .programDtls .programDtlsDetails {display:inline; float:left; width:100%;} .programDtls h2 {border-left:1px solid #bdcfdd; border-right:1px solid #bdcfdd; border-top:1px solid #bdcfdd; background:#f7f7f7 url('/_layouts/Unex/includes/css/../images/arrow_blue_trans_down_big.gif') no-repeat 10px 8px; border-bottom:medium none; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:25px; padding-right:10px; padding-top:3px; padding-bottom:3px} .programDtls p.programNumber {padding:5px 10px 5px 25px; background:#f7f7f7;border:1px solid #bdcfdd; font-size:85%;} .programDtls .programInfo {border:1px solid #bdcfdd; border-top:4px solid #5a7ea8; margin-bottom:10px;} .programDtls .programInfo table {width:100%; border-top:1px solid #bdcfdd;} .programDtls .programInfo table thead tr {background:#bdcfdd; font-size:77%; color:#5a7ea8;} .programDtls .programInfo table thead tr th{text-align:center; border-right:1px solid #fff; padding:0 1px 2px;} .programDtls .programInfo table thead tr th.last {border-right:none;} .programDtls .programInfo table tbody tr {background:url('/_layouts/unex/includes/images/bgCourseTable.gif') repeat-x 0 100%;} .programDtls .programInfo table td {border-bottom:1px solid #bdcfdd; border-right:1px solid #bdcfdd; font-size:85%; padding:5px; text-align:center;} .programDtls .programInfo table td.first {padding-left:15px;} .programDtls .programInfo table td.last {border-right:none; font-size:100%;} .programDtls .programInfo table td.fees a {color:#6a737b; text-decoration:none; cursor:help; border-bottom:1px dashed #6a737b;} .programDtls .programInfo table td.statusClosed span, .programDtls .programInfo table td.statusOpen span {background-position:0 50%; background-repeat:no-repeat; padding-left:15px;} .programDtls .programInfo table td.statusClosed span{background-image:url('/_layouts/unex/includes/images/bgClosed.gif');} .programDtls .programInfo table td.statusOpen span{background-image:url('/_layouts/unex/includes/images/bgOpen.gif');} .programDtls .programDtlsHero {margin:0 0 10px;} .programDtls .programDtlsHero img {width:478px;} .programDtls .programDtlsText{margin:0.5em 0 10px; font-size:93%;} .programDtls .programDtlsText p, .programDtls .programDtlsText ul, .programDtls .programDtlsText ol {margin:0.5em 20px;} .programDtls .programDtlsText ul li {margin:0.5em 0; list-style: disc outside;} .programDtls .programDtlsText ol li {margin:0.5em 0; list-style: decimal outside;} .programDtls .programDtlsCourses {border-top:4px solid #5a7ea8;padding-top:10px;} .programDtls .programDtlsCourses h3 {margin-left:10px; padding-top:3px;} .programDtls .programDtlsCourses .legend {display:inline; float:right;} .programDtls .programDtlsCourses ul {display:inline;} .programDtls .programDtlsCourses ul li{display:inline; padding:5px 5px 5px 24px;background-repeat:no-repeat; background-position:0 50%; line-height:24px; font-size:85%; font-weight:bold;} .programDtls .programDtlsCourses ul li.summer {background-image:url('/_layouts/Unex/includes/css/../images/icon_summer_on.gif');} .programDtls .programDtlsCourses ul li.spring {background-image:url('/_layouts/Unex/includes/css/../images/icon_spring_on.gif');} .programDtls .programDtlsCourses ul li.fall {background-image:url('/_layouts/Unex/includes/css/../images/icon_fall_on.gif');} .programDtls .programDtlsCourses ul li.winter {background-image:url('/_layouts/Unex/includes/css/../images/icon_winter_on.gif');} .programDtls .programDtlsTextAlternate {font-size:93%;} .programDtls .programDtlsTextAlternate b {font-weight:bold;} .programDtls .programDtlsTextAlternate i {font-style:italic;} .programDtls .programDtlsTextAlternate ul {display:block;margin:.5em 0 .5em 20px;} .programDtls .programDtlsTextAlternate ul li {display:list-item;padding:.25em 0 .25em 0; font-size:100%; line-height:15px; font-weight:normal;list-style-type:disc; list-style-position:inside;} .programDtls .programDtlsCourses .courses {margin:0 0 10px 0;} .programDtls .programDtlsCourses .courses table{width:100%;} .programDtls .programDtlsCourses .courses table tr{background:#f1f4fc;} .programDtls .programDtlsCourses .courses table tr.odd{background:#f7f8fb;} .programDtls .programDtlsCourses .courses table tr.header {background:#eff1f3;} .programDtls .programDtlsCourses .courses table th {font-weight:bold; font-size:93%; padding:5px; text-align:center;border-top:10px solid #fff;} .programDtls .programDtlsCourses .courses table th.name {text-align:left;} .programDtls .programDtlsCourses .courses table td{padding:5px;} .programDtls .programDtlsCourses .courses table td.offered, .programDtls .programDtlsCourses .courses table td.units {text-align:center;} .programDtls .programDtlsCourses .courses table td.summer, .programDtls .programDtlsCourses .courses table td.spring, .programDtls .programDtlsCourses .courses table td.fall, .programDtls .programDtlsCourses .courses table td.winter{padding:0;width:24px; height:24px; background-repeat:no-repeat; background-position:0 50%;} .programDtls .programDtlsCourses .courses table td.summer {background-image:url('/_layouts/Unex/includes/css/../images/icon_summer_off.gif');} .programDtls .programDtlsCourses .courses table td.spring {background-image:url('/_layouts/Unex/includes/css/../images/icon_spring_off.gif');} .programDtls .programDtlsCourses .courses table td.fall {background-image:url('/_layouts/Unex/includes/css/../images/icon_fall_off.gif');} .programDtls .programDtlsCourses .courses table td.winter {background-image:url('/_layouts/Unex/includes/css/../images/icon_winter_off.gif');} .programDtls .programDtlsCourses .courses table td.summerOn {background-image:url('/_layouts/Unex/includes/css/../images/icon_summer_on.gif');} .programDtls .programDtlsCourses .courses table td.springOn {background-image:url('/_layouts/Unex/includes/css/../images/icon_spring_on.gif');} .programDtls .programDtlsCourses .courses table td.fallOn {background-image:url('/_layouts/Unex/includes/css/../images/icon_fall_on.gif');} .programDtls .programDtlsCourses .courses table td.winterOn {background-image:url('/_layouts/Unex/includes/css/../images/icon_winter_on.gif');} .programDtls .programDtlsCourses .courses table td a {text-decoration:none; font-weight:bold;} .programDtls .programDtlsCourses .courses table td a:hover {text-decoration:underline;} .programDtls .programDtlsCourses .costs {padding-top:15px;} .programDtls .programDtlsCourses .costs h3 {margin-bottom:5px;} .programDtls .programDtlsCourses .costs p.odd, .programDtls .programDtlsCourses .costs p.even {display:inline; float:left; width:100%; padding:5px 0; font-size:93%; font-weight:bold;} .programDtls .programDtlsCourses .costs p.odd {background:#f7f8fb;} .programDtls .programDtlsCourses .costs p.even {background:#fff;} .programDtls .programDtlsCourses .costs p .desc {float:left;padding-left:10px;} .programDtls .programDtlsCourses .costs p .fee {float:right;padding-right:10px;} .programDtls .programDtlsCourses .costs .onlineDisclaimer {float:left; display:inline; width:280px; margin:10px; font-size:85%;} .programDtls .programDtlsCourses .costs .buttonContainer {margin:10px 10px 10px 0;} .programDtls .additionalInfoContainer {background:#f7f8fc url('/_layouts/Unex/includes/css/../images/bgShadowedAfter.gif') repeat-x 0 0; top:-21px; position:relative;float:left;display:inline; padding:10px; margin-left:19px; margin-right:23px; margin-top:0; margin-bottom:0} .programDtls .additionalInfoContainer h3 {margin-top:20px;} .programDtls .faqItems .faqItem {margin:10px 0 0;} .programDtls .faqItems .faqItem h4 {color:#3e5788;font-size:93%; font-weight:bold;} .programDtls .faqItems .faqItem .answer {margin:0.5em 0;} .programDtls .faqItems .faqItem .answer p {margin:0.5em 0; font-size:93%;} .programDtlsSidebar .share a {font-weight:bold; font-size:93%; display:block; padding-left:28px; line-height:25px; background:url('/_layouts/unex/includes/images/iconEmail.gif') no-repeat 0 0;} .programDtlsSidebar .module {border-top:1px dotted #cfd5e2; margin-top:10px; padding:10px 5px;} .programDtlsSidebar .module h3 {margin-bottom:5px;} .programDtlsSidebar .module p, .programDtlsSidebar .module ul {font-size:85%; margin:.5em 0;} .programDtlsSidebar .module ul li {margin:.5em 0;} .programDtlsSidebar .module p.name {font-size:100%;} /* JDS: Added these for Gainful Occupations */ .indent {margin-left:20px;} .tblHeaderOccupations {padding:2px; font-weight:bold;} .tblOccupations {border:solid 1px silver; padding:2px 10px 2px 2px;} /*calendar*/ .cal .calContent {} .cal .calContent p {margin-bottom:10px;} .cal .calContent img {margin-bottom:10px;} .cal .calContent table {width:100%;} .cal .calContent td.nextprev {padding:5px;} .cal .calContent td.nextprev a {text-decoration:none;} .cal .calContent th {background:#f7f8fc; text-align:center; font-size:85%; font-weight:bold; padding:0 3px 5px;} .cal .calContent td.day {vertical-align:top;height:60px;background:#fff;} .cal .calContent td.otherMonth {vertical-align:top;height:60px;background:#ececec;} .cal .calContent td.selected {vertical-align:top;height:60px;} .cal .calContent td span.date {display:block; text-align:right;font-size:85%; margin:2px;} .cal .calContent td span.date {color:#6a737b;} .cal .calContent td.day a, .cal .calContent td.selected a {display:block; background:#9a90c3; font-size:85%; color:#fff; text-decoration:none; padding:2px 0; margin:2px 1px; text-align:center;} .cal .calContent td.day a:hover, .cal .calContent td.selected a:hover {text-decoration:underline;} .cal .calContent td.otherMonth a {display:block; background:#ccc; font-size:85%; color:#000; text-decoration:none; padding:2px 0; margin:2px 1px; text-align:center;} .cal .calContent td.otherMonth a:hover {text-decoration:underline;} .cal .calEvents {margin:10px 0;} .cal .calEvents h2 {margin:10px 0;} .cal .calEvent {width:310px; max-width: 92%; display:inline; float:left; margin-bottom:10px; padding:9px; border:1px solid #fff;} .cal .calEvent img {width:80px; height:65px; display:inline; float:left; margin:5px 5px 5px 0;} .cal .calEvent .eventDesc {font-size:85%;} .cal .calEvent .eventDtls {clear:both; color:#3e5788; margin-top:10px;} .cal .calEvent .eventDtls p {margin:.25em 0; font-size:85%;} .cal .calEvent .eventDtls p.buttonContainer {font-size:100%;} .cal .calEventSelected {background:#f7f8fc; border:1px solid #bdcfdd;} /*search*/ .searchWrapper {float:left; margin-top: 35px;} .searchWrapper2 {float:left; width:100%; margin-top: 35px;} #searchInst {display: block; padding: 5px;} .searchContent {/*margin:20px 6px 0 29px;*/ margin:20px 0 0 20px; height:32px} .searchContent h1 {margin:0 20px 10px 0;} .searchContent .searchInput {display:inline; float:left; width:100%; margin:0 0 5px 0;} .searchContent .searchInput input {max-width: 86%; margin:0 5px 0 0px; border:1px solid #ccc; padding:3px 2px 2px; font-size: 93%; color:#000;} .searchContent .searchBorder {max-width: 90%; background:#E5F2F8; padding:5px; float:left;} /* 4/20/2011 RR .searchContent ul.tabs {display:inline; float:left; margin-left:19px; z-index:10; position:relative; bottom:-1px; clear:left; width:300px;} */ .searchContent ul.tabs {display:inline; float:left; margin-left:19px; z-index:10; position:relative; bottom:-1px; clear:left; width:100%;} /* 4/20/2011 RR .searchContent ul.tabs li{display:inline; float:left; margin-right:5px; background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueLeft.gif') no-repeat 0 0; border-bottom:1px solid #ddd;} */ .searchContent ul.tabs li{display:inline; float:left; margin-right:5px; background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueLeft.gif') no-repeat 0 0; border-bottom:1px solid #5e7ea8;} .searchContent ul.tabs li .tabContent {background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueRight.gif') no-repeat 100% 0; padding:5px 10px; height:25px;} .searchContent ul.tabs li.active, .searchContent ul.tabs li.ui-tabs-selected {background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueLeft.gif'); border-bottom-color:#fff} .searchContent ul.tabs li.active .tabContent, .searchContent ul.tabs li.ui-tabs-selected .tabContent{background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueRight.gif')} /* 4/20/2011 RR .searchContent ul.tabs li a {text-decoration:none; font-weight:bold; color:#a8a8a8;} */ .searchContent ul.tabs li a {text-decoration:none; font-weight:bold; color:#ffffff;} .searchContent ul.tabs li.active a, .searchContent ul.tabs li.active a, /* 4/20/2011 RR .searchContent ul.tabs li.ui-tabs-selected a {color:#4c6b8e;} */ .searchContent ul.tabs li.ui-tabs-selected a {color:#3e5788;} .searchContent .tabContent h2 {display:inline; float:left;} .searchContent .tabContent h2 .query {font-style:italic;} .searchContent .tabContent h2 .normal {font-weight:normal; color:#646567;} .searchContent .tabContent .pages {display:inline; float:right;} .searchContent .tabContent .pages a {font-size:85%; color:#5a7ea8; margin:0 3px;} .searchContent .tabContent .pages .current {font-size:85%; font-weight:bold; margin:0 3px;} .searchContent .tabContent .pages a.util {margin:0 5px;} .searchContent .tabContent .pages a.all {margin:0 5px 0 0;} .searchContent .searchResultsContainer {display:inline; float:left;} /* 4/20/2011 RR .searchContent .searchResultsSidebar {display:inline; float:left; width:190px; padding:10px; margin-top:0px; margin-right:-10px; background:#f7f8fc; border:1px solid #bdcfdd;} */ .searchContent .searchResultsSidebar {display:inline; float:left; padding:10px; margin-top:0px; /*margin-right:-20px;*/ background:#f7f8fc; border:1px solid #5E7EA8;} .searchContent .SidebarSpacer {display:inline; float:left; width:190px; padding:10px; margin-top:10px; margin-right:-10px; border:none;} /*.searchContent .searchResultsSidebar .text {font-size:93%;}*/ .searchContent .searchResultsSidebar .text p {margin:.5em 0;} .searchContent .searchResultsSidebar h4 {padding-top:10px;} .searchContent .searchResultsSidebar ul {font-size:85%; margin:.5em 0 15px;} /* 2/1/2012 RR TTS 51905 .searchContent .searchResultsSidebar ul li {margin:.5em 0;} */ .searchContent .searchResultsSidebar ul li {margin:.5em 0; color:#3e5788;} /* 2/1/2012 RR TTS 51905 NEW */ .searchContent .searchResultsSidebar ul table tr td input {margin-left:-25px; margin-right:5px; margin-top:2.5px; margin-bottom:2.5px;} /* 2/1/2012 RR TTS 51905 NEW */ .searchContent .searchResultsSidebar ul table tr td {padding-left:22px;} /* 2/1/2012 RR TTS 51905 NEW */ .searchContent .searchResultsSidebar ul table tr td label {color:#3e5788;} .searchContent .searchResultsSidebar .text {font-size:85%; color:#3e5788;} .searchContent .searchResultsSidebar .checkbox {line-height:20px; margin:5px 0 0 5px;} .searchContent .searchResultsSidebar .disabled {color:Gray;} /* 4/20/2011 RR .searchContent .searchResultsSidebar .searchHead {border:solid 1px #447FAB; background-color:#447FAB; margin:-10px -10px 0 -10px; padding:5px 10px 5px 10px;} */ .searchContent .searchResultsSidebar .searchHead, .certHead {border:solid 1px #5E7EA8; background-color:#5E7EA8; margin:-10px -10px 0 -10px; padding:5px 10px 5px 10px; text-align: center;} .searchContent .searchResultsSidebar h3, .certHead h3 {color:#FFFFFF;} .certHead { display: none; cursor: pointer; margin-bottom: 10px;} .searchContent .searchResults {padding-top:20px; clear:both;} .searchContent .searchResults .result {margin-bottom:20px;} .searchContent .searchResults .result h3 {margin-left:20px;} .searchContent .searchResults .result h3 a {text-decoration:none;} .searchContent .searchResults .result h3 a:hover {text-decoration:underline;} .searchContent .searchResults .result .description {font-size:85%; padding:.5em 20px .5em 20px; border-bottom:solid 1px #B8CFDD; margin:0 0 5px 0;} .searchContent .resultsCountBorder {background:#F7F8FC; border:solid 1px #B8CFE1; padding:5px; float:left; width:98%; margin-right:45px;} .searchContent .searchResults .result .description p {margin:.5em 0;} .searchContent .searchResults .result .link {margin-top:5px; overflow: hidden;} /* 10/13/2011 JDS: For new orange tags for New COurse, etc... */ /*.searchContent .searchResults .result .newCourseTag {float:left; display:inline; font-size:85%; font-weight:bold; color:#ffffff; background:#ec9d0c; height:15px; margin:0 5px 0 20px; padding:0 3px 0 3px;}*/ .searchContent .searchResults .result .newCourseTag {background: none repeat scroll 0 0 #EC9D0C; color: #FFFFFF; display: inline; float: left; font-size: 85%; font-weight: bold; height: 15px; line-height: 15px; margin: 0 5px 0 20px; padding: 0 3px;} .searchContent .searchResults .result .arrow {float:left; height:15px; width:8px; position:relative; left:-5px; background: url('/_layouts/unex/includes/images/NewCourse-Arrow-Right.gif'); z-index:1;} .searchContent .searchResults .result .courseSummary {background:#fdfdfd; padding:5px 0;} .searchContent .searchResults .result .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .searchContent .searchResults .result .courseSummary p.first {padding-left:20px;font-size:93%;} .searchContent .searchResults .result .courseSummary p.last {border-right:none;} /* 6/10/2011 RR - The following 6 classes added per TTS 52317*/ .searchContent .blockShadowedContainer .blockShadowed {width:100%; display:inline; float:left; position:relative; background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedLeft3.gif'); background-repeat:repeat-y ; background-position: 0 0;} .searchContent .blockShadowedContainer .blockShadowed .blockShadowedInner {width:100%; display:inline; float:right; background:url('/_layouts/Unex/includes/css/../images/bgShadowedRight3.gif') repeat-y 100% 0; padding:0} .searchContent .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop {width:100%; height:20px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif') repeat-x 0 0;} .searchContent .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom {width:100%; height:27px; display:inline; float:left; position:relative; font-size:1px; background:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif') repeat-x 0 100%;} .searchContent .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop .right {display:inline; float:right; position:relative; height:20px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif'); background-position: 100% 0;} .searchContent .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom .right {display:inline; float:right; position:relative; height:27px; width:24px; background-repeat:no-repeat; background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif'); background-position: 100% 100%;} /* search by index */ .indexSearch { margin: 7px 0 30px; } .indexSearch .tokens { margin-bottom: 0; } .indexSearch .tokens li { float: left; margin: 0; padding: 0; list-style-type: none } .indexSearch .tokens li a { background: #f7f8fc; display: inline; float: left; margin: 0 0 9px; padding: 2px 6px; } .indexSearch .tokens li.current a { background: #5A7EA8; } .indexSearch .tokens li.current a:after { border-color: #5A7EA8 transparent transparent; border-style: solid; border-width: 5px; content: ""; display: block; margin: 2px 0 0 -1px; position: absolute; } .indexSearch .tokens a { text-decoration: none; } .indexSearch .tokens li.current a { color: #FFFFFF; } .indexSearch .indexList ul { display: inline; float: left; margin: 0 0 1em; padding: 0 9px; } .indexSearch .indexList ul li { list-style: none; margin: 0; } /*manage profile*/ .profile h1 {margin:0 20px 10px;} .profile ul.tabs {display:inline; float:left; margin-left:19px; z-index:10; position:relative; bottom:-1px;} /* 4/20/2011 RR .profile ul.tabs li{display:inline; float:left; margin-right:5px; background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueLeft.gif') no-repeat 0 0; border-bottom:1px solid #ddd} */ .profile ul.tabs li{display:inline; float:left; margin-right:5px; background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueLeft.gif') no-repeat 0 0; border-bottom:1px solid #5e7ea8} .profile ul.tabs li .tabContent {background:url('/_layouts/Unex/includes/css/../images/bgTabInactiveOnBlueRight.gif') no-repeat 100% 0; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px} .profile ul.tabs li.active, .profile ul.tabs li.ui-tabs-selected {background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueLeft.gif'); border-bottom-color:#fff} .profile ul.tabs li.active .tabContent, .profile ul.tabs li.ui-tabs-selected .tabContent{background-image:url('/_layouts/Unex/includes/css/../images/bgTabActiveOnBlueRight.gif')} /* 4/20/2011 RR .profile ul.tabs li a {text-decoration:none; font-weight:bold; color:#a8a8a8;} */ .profile ul.tabs li a {text-decoration:none; font-weight:bold; color:#ffffff;} .profile ul.tabs li.active a, .profile ul.tabs li.ui-tabs-selected a {color:#3e5788;} .profile .profileItem h2 {padding:0 0 5px 105px;} .profile .profileItem .fieldsContainer h2 {padding:0 0 5px;} .profile .hrDashed {margin-left:105px;} .profile .imageHolder img {display:block; clear:both;} .profile .fields {/*float:left; display:inline; width:556px ;*/margin-left:105px;} .profile .fieldsContainer {display:inline; float:left; width:100%;} .profile .fieldsContainer .fields{/*margin-left:0;*/} .profile .fieldsContainer .imageHolder{display:inline; float:left; width:105px; margin-bottom: 20px;} .profile .fieldsContainer .imageHolder a {display:block; font-size:85%; padding-top:2px;} .profile .fields .fieldsInner .buttonsContainer {display:inline; float:right; margin:5px 0; width:8.5em;} .profile .fields .fieldsInner .buttonsContainer .cancel {display:inline; float:right;width:3em;font-size:85%; padding:4px 0 0 0;} .profile .fields .fieldsInner .buttonsContainer .submit {display:inline; float:left; width:5em} .profile .fields .fieldsInner .buttonsContainer .submit2{display:inline; float:right; width:5em} .profile .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} .profile .fields .fieldsInner p.edit {text-align:right; font-size:85%;} .profile .fields .fieldsInner p.edit a {margin-left:10px;} .profile .fields .fieldsInner p.checkboxP {margin-left:95px; width:auto;} .profile .fields .fieldsInner p label, .profile .fields .fieldsInner p .label {display:inline; float:left; width:95px; border:1px solid #fff; padding:1px 0; font-size: 85%; color:#6a747c;} .profile .fields .fieldsInner p .data {display:inline; float:left; border:1px solid #fff; padding:1px 0; font-size: 85%; color:#6a747c; font-weight:bold;} .profile .fields .fieldsInner p label.checkbox {float:none; width:auto; margin-left:5px;} .profile .fields .fieldsInner p label.zip { width:30px;} .profile .fields .fieldsInner p .required {color:#f00;} .profile .fields .fieldsInner p .error {display:inline; float:left; font-size:85%; width:200px;} .profile .fields .fieldsInner p.message {font-size:85%;} .profile .fields .fieldsInner p.success {color:#f0b310;} .profile .fields .fieldsInner p input.text {display:inline; float:left; width:220px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} .profile .fields .fieldsInner p input.zip{ width:50px;} .profile .fields .fieldsInner p select {display:inline; float:left; font-size:93%; margin-right:10px;} .profile .fields .fieldsInner p .checkbox2 {display:inline; float:left;} .profile .fields .fieldsInner p .checkbox2 input{margin-right:5px;} .profile .fields ul {display:inline; float:left; width:100%; margin:5px 0;} .profile .fields ul.interests li {display:inline; float:left; width:100%; margin:5px 0;} .profile .fields ul.interests li input{display:inline; float:left; margin-top:4px;} .profile .fields ul.interests li label{display:inline; float:left;font-size:85%; margin:0 5px; padding-top:4px;cursor:pointer;} .profile .fields ul.interests li select{display:inline; float:left; font-size:93%;} .profile .fields ul.interests div {clear:both; margin-left:20px;} .js .profile .fields ul.interests div {display:none;} /* These styles affect the checkboxes for area of interest */ .profile .profileItem .noleftmargin {float:left; margin-left:-100px;} .profile .profileItem .checkContainer { width:320px; float:left;} .profile .profileItem .hidePanel { visibility:hidden; display:none;} .profile .profileItem .showPanel { visibility:visible;} .profile .profileItem .fosLevel { line-height:30px;} /* vertical gap between checkboxes */ .profile .profileItem .subLevel { margin-left:15px; line-height:25px;} /* left spacing and vertical gap between checkboxes */ /* location */ .location .locationContent {width:100%; display:inline; float:left;} .location .locationContent .locationItem {width:100%; padding-bottom:20px;} .location .locationContent .locationItem .locationInfo {width:249px; display:inline; float:right;} .location .locationContent .locationItem .map {display:inline; float:left;} .location .locationContent .locationItem .locationInfo h3 {padding:0 0 5px;} .location .locationContent .locationItem .locationInfo p {margin:.25em 0;} .location .locationContent .locationItem .locationInfo .links {font-size:93%; padding-top:5px;} .location .locationContent .locationItem .locationInfo .links p {margin:.5em 0;} .location .locationContent .locationItem .map img {width:400px; height:300px; border:1px solid #bdcfdd;} .location ul.locationsLinks {display:inline; float:left; width:100%;} .location ul.locationsLinks li {display:inline; float:left; width:330px; padding:0 0 20px;} /*bio*/ .bio h1, .bio h2 {clear:both; padding:0 0 10px 20px;} .bio .bioContent {} .bio .bioContent p {margin:.5em 0;} .bio .bioContent .bioExtra {display:inline; float:right; margin:0 0 10px 10px;} .bio .bioContent .bioImage{margin-bottom:10px;} .bio .bioContent .bioImage img{display:inline; border:1px solid #bdcfdd;} .bio .bioContent .bioImage p {font-size:85%; font-weight:bold; margin:.25em 0 0;} .bio .bioContent .bioLinks p {font-size:85%;} .bio .bioContent .text {font-size:93%;} .bio .bioContent .ratingContainer {display:inline; float:left;} .bio .bioContent .ratingContainer .ratingLabel {display:inline; float:left; font-size:93%; padding-bottom:3px;margin-right:5px;} .bio .bioContent .ratingContainer .rating {display:inline; float:left; width:70px; height:14px; background: url('/_layouts/unex/includes/images/iconRatingEmpty.gif') repeat-x 0 50%;} /*Shrinkwrap fix in IE stylesheet */ .bio .bioContent .ratingContainer .rating05, .bio .bioContent .ratingContainer .rating10, .bio .bioContent .ratingContainer .rating15, .bio .bioContent .ratingContainer .rating20, .bio .bioContent .ratingContainer .rating25, .bio .bioContent .ratingContainer .rating30, .bio .bioContent .ratingContainer .rating35, .bio .bioContent .ratingContainer .rating40, .bio .bioContent .ratingContainer .rating45, .bio .bioContent .ratingContainer .rating50 {display:inline; float:left; height:14px; background: url('/_layouts/unex/includes/images/iconRatingFull.gif') repeat-x 0 50%;} /*Shrinkwrap fix in IE stylesheet */ .bio .bioContent .ratingContainer .rating05 {width:7px;} .bio .bioContent .ratingContainer .rating10 {width:14px;} .bio .bioContent .ratingContainer .rating15 {width:21px;} .bio .bioContent .ratingContainer .rating20 {width:28px;} .bio .bioContent .ratingContainer .rating25 {width:35px;} .bio .bioContent .ratingContainer .rating30 {width:42px;} .bio .bioContent .ratingContainer .rating35 {width:49px;} .bio .bioContent .ratingContainer .rating40 {width:56px;} .bio .bioContent .ratingContainer .rating45 {width:63px;} .bio .bioContent .ratingContainer .rating50 {width:70px;} .bio .courses {display:inline; float:left; width:100%;} .bio .courses .courseShort {display:inline; float:left; width:100%;padding-top:10px; margin-bottom:5px;} .bio .courses .courseShort h3 {padding:0 20px 5px;} .bio .courses .courseShort .courseSummary {display:inline; float:left; width:100%; background:#fdfdfd; padding:5px 0;} .bio .courses .courseShort .courseSummary p {display:inline; float:left; padding:0 5px ; border-right:2px solid #85a0bf;font-size:85%;} .bio .courses .courseShort .courseSummary p.first {padding-left:20px;font-size:93%;} .bio .courses .courseShort .courseSummary p.last {border-right:none;} .bio .courses .courseShort .courseSummary p a {text-decoration:none;} .bio .courses .courseShort .courseSummary p a:hover {text-decoration:underline;} .bio .courses .courseShort .courseDescription {display:inline; float:left; width:100%; font-size:85%; background:#f7f8fc;} .bio .courses .courseShort .courseDescription p {padding:0.5em 20px 0.5em 20px;} .bio .bioGalleryInner {text-align:center;} .bio .bioGalleryInner ul {margin:0 auto; width:396px; min-height:430px; height:auto !important; height:430px;} .bio .bioGalleryInner ul li img {border:1px solid #bdcfdd;} .bio .bioGalleryInner ul li p {font-weight:bold;} /* JDS [9/1/2009]: I took this out because Task#46571 wanted them removed because there is only one image per instructor. .bio .bioGalleryInner a.ScrollLink {display:block; width:21px; height:22px; background-repeat:no-repeat; background-position:0 0;} .bio .bioGalleryInner a.ScrollLinkPrev {background-image:url(/_layouts/unex/includes/images/icon_ScrollArrowLeft.gif); margin:125px 0 0 100px;} .bio .bioGalleryInner a.ScrollLinkNext {background-image:url(/_layouts/unex/includes/images/icon_ScrollArrowRight.gif);margin:125px 100px 0 0;} .bio .bioGalleryInner a.ScrollLinkPrev:hover{background-image:url(/_layouts/unex/includes/images/icon_ScrollArrowLeftHover.gif);} .bio .bioGalleryInner a.ScrollLinkNext:hover{background-image:url(/_layouts/unex/includes/images/icon_ScrollArrowRightHover.gif);} */ /* JDS [9/1/2009]: Added these to allow for the new fields in profile_content table (CaptionStatement, CopyrightStatement) */ .bio .bioGallery .captionStatement {text-align:center; font-size:90%; color:#3e5788;} .bio .bioGallery .copyrightStatement {text-align:center; font-size:85%; color:#8d8d8d; margin:10px 0px 15px 0px;} /*modal layer*/ #simplemodal-overlay {background-color:#000; cursor:crosshair; } #simplemodal-container {width:600px; text-align:left; } #simplemodal-container .blockShadowedContainer .blockShadowed {background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedLeft3.gif');} #simplemodal-container .blockShadowedContainer .blockShadowed .blockShadowedInner {background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedRight3.gif');} #simplemodal-container .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop {background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif');} #simplemodal-container .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom {background-image:url('/_layouts/Unex/includes/css/../images/bgShadowedTopBottom3.gif'); height:6px;position:relative } #simplemodal-container .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedTop .right {background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif');width:11px } #simplemodal-container .blockShadowedContainer .blockShadowed .blockShadowedInner .blockShadowedBottom .right {background-image:url('/_layouts/unex/includes/images/bgShadowedRightCorners3.gif');width:11px;height:6px } #simplemodal-container h3 {margin:5px 0; line-height:25px; padding-left:28px; clear:both;} #simplemodal-container h3.share {background:url('/_layouts/unex/includes/images/iconEmail.gif') no-repeat 0 0;} #simplemodal-container .simplemodal-close {margin:10px 0 0; display:block; font-size:85%;} #simplemodal-container .message {margin: 5px 28px; clear:both; font-size:93%;} #simplemodal-container .fields {display:inline; float:left; width:100%;} #simplemodal-container .fields .fieldsInner {padding:0 28px;} #simplemodal-container .fields .fieldsInner p {display:inline; float:left; width:100%; margin:5px 0;} #simplemodal-container .fields .fieldsInner p label {display:inline; float:left; width:95px; border:1px solid #fff; padding:1px 0; font-size: 85%; color:#6a747c;position:relative;} #simplemodal-container .fields .fieldsInner p label .required {color:#f00; position:absolute; left:-.7em;} #simplemodal-container .fields .fieldsInner p input.text {display:inline; float:left; width:180px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000;} #simplemodal-container .fields .fieldsInner p select {display:inline; float:left; width:380px; margin-right:10px; font-size: 93%;} #simplemodal-container .fields .fieldsInner p textarea {display:inline; float:left; width:240px; margin-right:10px; border:1px solid #7d8aa0;padding:1px 2px; font-size: 93%; color:#000; height:7em;} #simplemodal-container .fields .fieldsInner p .error {display:inline; float:left; width:200px; max-width:200px; font-size:85%;} #simplemodal-container .fields .fieldsInner p img {display:inline; float:left; margin-left:97px;} #simplemodal-container .fields .fieldsInner .buttons {padding:5px 95px 0;} /*site map*/ .sitemap {} .sitemap .column {display:inline; float:left; width:281px; padding:0 10px;} .sitemap .column h2 {margin-bottom:10px;} .sitemap .column ul {margin-bottom:2em;} .sitemap .column ul li {margin:.5em 0; font-size:93%;} .sitemap .column ul li a {text-decoration:none;} .sitemap .column ul li a:hover {text-decoration:underline;} /*editable content ********************/ /*hero section */ /* 6/10/2011 RR TTS 52472 - .heroText {margin:0.5em 0; font-size:93%;}*/ .heroText {margin: 0.5em 1em 0; font-size: 93%;} .heroText p {margin:0.5em 0;} .heroText ul {margin:0.5em 0;} .heroText ol {margin:0.5em 0;} .heroText li {margin:0.5em 0 0.5em 1.5em; list-style-position:outside;} .heroText ol li {list-style-type:decimal;} .heroText ul li {list-style-type:disc;} .simple .heroText img {margin:0 10px 10px 0;} .rpdEd {font-size:93%;} .rpdEd, .rpdEd2 {margin:0.5em 0;} .rpdEd p, .rpdEd2 p {margin:0.5em 0;} .rpdEd ul, .rpdEd2 ul {margin:0.5em 0;} .rpdEd ol, .rpdEd2 ol {margin:0.5em 0;} .rpdEd li, .rpdEd2 li {margin:0.5em 0 0.5em 1.5em; list-style-position:outside;} .rpdEd ol li, .rpdEd2 ol li {list-style-type:decimal;} .rpdEd ul li, .rpdEd2 ul li {list-style-type:disc;} /*home floating ad *******************/ .homeFloatingAd {position:absolute; top:0; left:0; z-index:1000; width:948px; display:none;} .homeFloatingAd .homeFloatingAdBack {position:absolute; top:19px; left:19px; z-index:1001; width:900px; background:#fff; border:5px solid #5a7ea8;} .homeFloatingAd .homeFloatingAdContent {position:absolute; top:24px; left:24px; z-index:1002; width:900px;} .homeFloatingAd .homeFloatingAdClose {position:absolute; top:25px; right:25px; z-index:1003; background:#5a7ea8; color:#fff; font-weight:bold; padding:5px 10px; border:1px solid #527094; text-decoration:none;} .homeFloatingAd .homeFloatingAdClose:hover {background:#f0b310;} /*SudentID at Login section*/ .studentid {font-weight: bold;} /* Browse Courses per TTS 51266 */ .browseCoursesSelects {background:#E6F2F9;overflow:hidden;margin:0 0 10px;padding:0 1em;} .browseCoursesSelects div {padding: 1em; float:left; text-align:center;} /* 4/20/2011 RR .browseCoursesRefineTitle {width:662px; height:30px; background:#3e5788; line-height:30px; vertical-align:middle;} */ .browseCoursesRefineTitle {height:30px; background:#5e7ea8; line-height:30px; vertical-align:middle;} /* 4/20/2011 RR .browseCoursesRefineTitle .title {font-weight:bold; color:#ffffff; font-size:108%; background:#3e5788; width:662px;} */ .browseCoursesRefineTitle .title {font-weight:bold; color:#ffffff; font-size:108%; background:#5e7ea8; margin-left: 20px;} .browseCoursesRefineTitle a {text-decoration:none;} .browseCoursesRefineTitle .collapseHint {font-weight:normal; color:#ffffff; font-size:100%;} /*.browse .browseContainer .browseSelection .selectionFilters h3{background:#f7f7f7; border:1px solid #bdcfdd;}*/ .browseSelection .selectionFilters .browseCoursesRefineTitle a {display:block; background:url('/_layouts/Unex/includes/css/../images/arrow_white_trans_down_big.gif') no-repeat 20px 50%; text-decoration:none; padding:2px 0 5px 35px;} .browseSelection .selectionFilters .browseCoursesRefineTitle a.collapsed {background-image:url('/_layouts/Unex/includes/css/../images/arrow_white_trans_right_big.gif')} /* 4/20/2011 RR .browseCoursesRefineResults {width:660px; border-color:#3e5788; border-width:1px 1px 1px 1px; border-style:solid;} */ .browseCoursesRefineResults {border-color:#5e7ea8; border-width:1px 1px 1px 1px; border-style:solid;} /* Certificate Completion */ .graduation {margin:10px 30px 40px 25px;} .graduation .text {margin-bottom:20px;} .graduation .certList {width:650px;} .graduation .certCombo {margin-bottom:20px;} .graduation .nameWrapper {margin-left:25px;} .graduation .textbox {width:400px; padding-left:5px;} .graduation .inputWrapper {margin-left:25px;} .graduation .instructions {margin-left:-20px;} .graduation .nameInstructionLabel {} /* Label just above textbox */ .graduation .nameLabel {margin:20px 0 0 20px;} /* read only name label */ .graduation .completionStatusLabel {margin:0 0 0 20px;} .graduation .profileLink {margin:20px 0 0 0;} .graduation .gradDate {margin:5px 0 0 25px; font-weight:bold; color:#3e5788;} .graduation .chkContainer {margin:20px 0 20px 0;} .graduation .buttonsContainer {float:right;} .graduation .pending {color:Red;} .graduation .approved {color:Green;} .graduation .awarded {color:Green;} .graduation li {margin-left:20px; list-style-type:disc;} .graduation .instructionsTitle {font-style:italic; text-decoration:underline; font-weight:bold; color:#555555;} .graduation .instructionsBold {font-weight:bold; color:#555555;} .certificateProgressCourses .certificateProgresslegend img{ float:left; height:15px; width:15px; } .certificateProgress .selector h2 { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #bdcfdd; margin: 10px 0 0; padding: 3px 20px; } .certificateProgress .selector p { font-size: 93%; padding: 10px 0 25px 70px; } .certificateProgress .selector select { max-width: 400px; } .certificateProgressCourses .title3 { padding-bottom: 6px; } certificateProgress p.error { color: Red; } certificateProgress p.invalid { color: Red; } .certProgressSatisified { font-weight: bold !important; } .certProgressInProgress { font-style: italic !important; } .certProgressNotSatisfied { } .certProgressTakenNotPassed { text-decoration: line-through !important; } .certProgressExpired { text-decoration: underline line-through !important; } .certProgressTreeL1 { /*width: 600px;*/ } .certProgressTreeL2 { /* width: 580px;*/ } .certProgressTreeL1Hide { display: none; } .certificateProgress .treeHead { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #bdcfdd; margin: 10px 0 0; padding: 3px 10px; } .certificateProgress .certProgressTreeL1 table td.title { color: #3e5788; font-size: 110%; font-weight: bold; width: 415px; } .certificateProgress .certProgressTreeL1 table td.units { color: Gray; text-align: center; width: 70px; } .certificateProgress .certProgressTreeL1 table td.enrolled { color: Gray; text-align: center; width: 70px; } .certificateProgress .certProgressTreeL1 table td.grade { color: Gray; text-align: center; width: 50px; } .certificateProgress .certProgressTreeL2 table td.title { color: #3e5788; font-size: 110%; font-weight: bold; width: 390px; } .certificateProgress .certProgressTreeL2 table td.units { color: Gray; text-align: center; width: 70px; } .certificateProgress .certProgressTreeL2 table td.enrolled { color: Gray; text-align: center; width: 70px; } .certificateProgress .certProgressTreeL2 table td.grade { color: Gray; text-align: center; width: 50px; } .certificateProgressTree a, .certificateProgressTree a:link, .certificateProgressTree a:visited, .certificateProgressTree a:hover, .certificateProgressTree a:active { color: inherit; font-weight: normal; text-decoration: none; } .certProgressCourseL2 { background-color: #f1f4fc; width: 578px; } .certProgressCourseL2Odd { background-color: #f7f8fb; width: 578px; } .certProgressCourseL3 { background-color: #f1f4fc; width: 558px; } .certProgressCourseL3Odd { background-color: #f7f8fb; width: 558px; } table.progressTreeLeaf td.courseTitle { vertical-align: middle; white-space: normal !important; } table.progressTreeLeaf td.units { text-align: center; vertical-align: middle; } table.progressTreeLeaf td.enrolled { text-align: center; vertical-align: middle; } table.progressTreeLeaf td.grade { text-align: center; vertical-align: middle; } .certProgressNodeHover { cursor: default; } table.progressTreeLeaf tr:hover { background-color: #5a7ea8 !important; color: White !important; } table.progressTreeLeaf tr:hover a { background-color: #5a7ea8 !important; color: White !important; } div.certProgressCourseL2 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL2Odd table.progressTreeLeaf td.courseTitle { width: 390px; } div.certProgressCourseL2 table.progressTreeLeaf td.units, div.certProgressCourseL2Odd table.progressTreeLeaf td.units { width: 50px; } div.certProgressCourseL2 table.progressTreeLeaf td.enrolled, div.certProgressCourseL2Odd table.progressTreeLeaf td.enrolled { width: 90px; } div.certProgressCourseL2 table.progressTreeLeaf td.grade, div.certProgressCourseL2Odd table.progressTreeLeaf td.grade { width: 35px; } div.certProgressCourseL3 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL3Odd table.progressTreeLeaf td.courseTitle { width: 370px; } div.certProgressCourseL3 table.progressTreeLeaf td.units, div.certProgressCourseL3Odd table.progressTreeLeaf td.units { width: 50px; } div.certProgressCourseL3 table.progressTreeLeaf td.enrolled, div.certProgressCourseL3Odd table.progressTreeLeaf td.enrolled { width: 90px; } div.certProgressCourseL3 table.progressTreeLeaf td.grade, div.certProgressCourseL3Odd table.progressTreeLeaf td.grade { width: 35px; } .treeHead h3 { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #bdcfdd; margin: 10px 0 0; padding: 3px 20px; } .certificateProgressProgramDtls { /* padding-left: 11px; padding-right: 11px; */ } .certificateProgressProgramDtls h1 { margin: 0 10px; } .certificateProgressProgramDtls .programDtlsDetails { display: inline; float: left; width: 100%; } .certificateProgressProgramDtls h2 { background: url("../images/arrow_blue_trans_down_big.gif") no-repeat scroll 10px 8px #f7f7f7; border-color: #bdcfdd #bdcfdd -moz-use-text-color; border-left: 1px solid #bdcfdd; border-right: 1px solid #bdcfdd; border-style: solid solid none; border-width: 1px 1px medium; margin: 5px 0 0; padding: 3px 10px 3px 25px; } .certificateProgressProgramDtls .programNumber { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #bdcfdd; font-size: 85%; /*padding: 5px 10px 5px 25px;*/ } .certificateProgressProgramDtls .programInfo { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #5a7ea8 #bdcfdd #bdcfdd; border-image: none; border-right: 1px solid #bdcfdd; border-style: solid; border-width: 4px 1px 1px; margin-bottom: 10px; } .certificateProgressProgramDtls .programInfo table { border-top: 1px solid #bdcfdd; width: 100%; } .certificateProgressProgramDtls .programInfo table thead tr { background: none repeat scroll 0 0 #bdcfdd; color: #5a7ea8; font-size: 77%; } .certificateProgressProgramDtls .programInfo table thead tr th { border-right: 1px solid #fff; padding: 0 1px 2px; text-align: center; } .certificateProgressProgramDtls .programInfo table thead tr th.last { border-right: medium none; } .certificateProgressProgramDtls .programNumber .regInfo { float: left; } .certificateProgressProgramDtls .programNumber .programStudentInfo { float: right; } .certificateProgressProgramDtls .programNumber { float: left; width: 100%; /*height: 15px;*/ } #certProgEnr{ clear: both; float: left; padding:0 0 5px 0; } #certProgCan{ clear: both; float: left; padding:0 5px 5px 0; } .certificateProgressProgramDtls .programInfo table tbody tr { background: url("/_layouts/unex/includes/images/bgCourseTable.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0); } .certificateProgressProgramDtls .programInfo table td { border-bottom: 1px solid #bdcfdd; border-right: 1px solid #bdcfdd; font-size: 85%; padding: 5px; text-align: center; } .certificateProgressProgramDtls .programInfo table td.first { padding-left: 15px; } .certificateProgressProgramDtls .programInfo table td.last { border-right: medium none; font-size: 100%; } .certificateProgressProgramDtls .programInfo table td.fees a { border-bottom: 1px dashed #6a737b; color: #6a737b; cursor: help; text-decoration: none; } .certificateProgressProgramDtls .programInfo table td.statusOpen span { background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; } .certificateProgressProgramDtls .programInfo table td.statusClosed span { background-image: url("/_layouts/unex/includes/images/bgClosed.gif"); } .certificateProgressProgramDtls .programInfo table td.statusOpen span { background-image: url("/_layouts/unex/includes/images/bgOpen.gif"); } .certificateProgressCourses { border-top: 4px solid #5a7ea8; padding-top: 10px; } .certificateProgressCourses h3 { margin-left: 10px; padding-top: 3px; } .certificateProgressCourses .certificateProgresslegend table { border: 1px solid #bdcfdd; margin: 0 auto; } .certificateProgressCourses .certificateProgresslegend table td.header span { color: #3e5788; font-size: 105%; font-weight: bold; } .certificateProgressCourses .certificateProgresslegend table td.header { border-bottom: 4px solid #5a7ea8; } .certificateProgressCourses .certificateProgresslegend td { background: none repeat scroll 0 0 #f7f7f7; font-size: 80%; padding: 1px 10px; } .certificateProgressCourses .certificateProgresslegend img { float: left; height: 15px; width: 15px; } .certificateProgressCourses .certificateProgresslegend div { float: left; } .certificateProgressCourses .certificateProgresslegend .contact { font-size: 80%; margin-left: 30px; } .certificateProgressTree img { height: 22px; width: 22px; } /* .graduation .certList {padding-left:50px;} I wanted to style the contents but it's not working .graduation .checkbox {} .graduation .certCombo {} .graduation .show {visibility:visible;} .graduation .hide {visibility:hidden;} */ .location .locationContent .locationItem .locationInfo { float: none; } .socialShare a { color: #fff; text-decoration: none; } @media only screen and (min-width: 480px) and (max-width: 775px) { #wrapper.wrapper .navContainerMain { width: 498px; top: -2px; } #termDetails{ font-size:.76em; } /*.searchContent ul.tabs li { width: 120px; }*/ .profile .fields { margin-left:0; float:left; } .profile .profileItem h2 { padding: 0 0 5px 0; } } @media only screen and (max-width: 960px) { .fosBoxes { display: none; } #main.main2Cols .navContainerSidebar { /*float: none;*/ display: inline-block; } #main.main2Cols .content { padding-top: 15px; overflow: hidden; display: inline-block; /*width: 65%; */ vertical-align: top; } #main.main2Cols .content .loginFormContainer { float: none; width: 100%; } .navContainerMain ul.navMain { /*float:none;*/ display: block; } } @media only screen and (min-width: 766px) and (max-width: 960px) { .navContainerMain.clearfix .searchAndEnrollWrapper { top: -54px; } .navContainerMain.clearfix .searchAndEnrollWrapper { right: 32%; } .main2Cols .content .content3Cols .secondarySidebar { float: none; /*position: absolute; top: 200px; left: 200px; */ width: 400px; } .myExtension .myextensionTabbed ul.tabs li { width: 240px; height: 42px; } .profile .profileItem h2 { padding: 0; } .profile .fields { margin-left:0; float:left; } .profile .profileItem h2 { padding: 0 0 5px 0; clear: left; } .profileTabbed ul li .tabContent span { font-size: .76em; } .profile .profileItem .noleftmargin { margin-left: 0; } .profile .fields .fieldsInner .buttonsContainer{ float: left; } .certificateProgressTree{ font-size:.9em; } .certificateProgress .treeHead { padding: 3px 5px; } #ctl00_Body_CertificateProgress1_tvCertificateAuditn9Nodes td img, #ctl00_Body_CertificateProgress1_tvCertificateAuditn0Nodes td img { display:none; } .certProgressCourseL1, .certProgressCourseL1Odd, .certProgressCourseL2, .certProgressCourseL2Odd, .certProgressCourseL3, .certProgressCourseL3Odd { width: 100%; } div.certProgressCourseL2 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL2Odd table.progressTreeLeaf td.courseTitle{ width: 325px; } div.certProgressCourseL3 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL3Odd table.progressTreeLeaf td.courseTitle { width: 300px; } div.certProgressCourseL2 table.progressTreeLeaf td.enrolled, div.certProgressCourseL2Odd table.progressTreeLeaf td.enrolled{ width:70px; } div.certProgressCourseL3 table.progressTreeLeaf td.enrolled, div.certProgressCourseL3Odd table.progressTreeLeaf td.enrolled{ width: 75px; } div.certProgressCourseL2 table.progressTreeLeaf td.grade, div.certProgressCourseL2Odd table.progressTreeLeaf td.grade { width: 45px; } div.certProgressCourseL3 table.progressTreeLeaf td.grade, div.certProgressCourseL3Odd table.progressTreeLeaf td.grade { width: 45px; } } @media only screen and (min-width: 768px) and (max-width: 880px) { .navContainerMain .searchAndEnrollWrapper { top: -56px !important; } /*.navContainerMain .searchAndEnrollWrapper { right: 32%; }*/ } @media only screen and (max-width: 767px) { .navContainerMain .searchAndEnrollWrapper { top: -15px; } } @media only screen and (min-width: 980px) { /* add div of width: 100% to alc home page */ /* my extension */ .navContainerMain { /*margin-top: 10px;*/ } /*.main2Cols .content { overflow: visible; }*/ .slides_container {/*height: 420px !important;*/} } @media only screen and (max-width: 479px) { #wrapper.wrapper .navContainerMain { width: 358px; top: -2px; } /* field of study course category */ .searchContent ul.tabs li .tabContent { width: 60px; } .searchContent ul.tabs li .tabContent{ height: 35px; } .searchContent ul.tabs li { /*height: 35px;*/ height: 44px; } .searchContent ul.tabs { margin-left: 14px; } .browseCoursesSelects div { margin-left: -20px; width: 100%; } .arrowDown { background: url('/_layouts/unex/includes/images/arrowSidebarHeaderDown.png') no-repeat 55px 4px; } .email .fields .fieldsInner { padding: 0 20px 0 10px; } .profile .fields { margin-left:0; float:left; } .profile .profileItem h2 { padding: 0 0 5px 0; } .profileTabbed ul li .tabContent span { font-size: .76em; } .profile .profileItem .noleftmargin { margin-left: 0; } .profile .fields .fieldsInner .buttonsContainer{ float: left; } } @media only screen and (max-width: 765px) { .navContainerMain { margin-top: 20px; } .searchContent .searchInput input { max-width: 80%; } /* my extension */ #wrapper.wrapper #header { overflow: visible; } .searchContent { /*padding: 10px;*/ } /* my extension */ #wrapper.wrapper .searchAndEnrollWrapper { top: 60px; right: 15%; } #wrapper.wrapper .navContainerSidebar h2 { height: 76px; } .searchAndEnrollWrapper { top: -10px; } .main2Cols .content, .main2Cols .content .contentMain { overflow: visible; } #ctl00_Body_Browse1_bbbbb { position: relative; /*width: 95%; margin-top: 50px;*/ } .rapidWrapper > #container { overflow: visible; } .courseDtls { width: 100%; float: none; } .courseDtls .textbooks { position: relative; float: left; display: block; width: 100%; } .main2Cols .content .content3Cols .secondarySidebar { display: block; float: none; width: 100%; } /* my extension */ #main.main2Cols .content { display: inline-block; padding-top: 15px; vertical-align: top; width: 100%; } .roundedCorners { clear: both; } .logo a img { max-width: 160%; } .main2Cols .content .content3Cols .secondarySidebar { padding-left: 10px; } .certHead { display: block; } .courseDtlsSidebar .instructor .data { width: 100%; } .myExtension .myextensionTabbed ul.tabs li { width: 125px; height: 58px; } .profile .fields { margin-left:0; float:left; } .profile .profileItem h2 { padding: 0 0 5px 0; } .profileTabbed ul li .tabContent span { font-size: .76em; } .profile .profileItem .noleftmargin { margin-left: 0; } .profile .fields .fieldsInner .buttonsContainer{ float: left; } .profile .profileItem .fosLevel { font-size: 1em; } .comm .commDetails{ width:auto; } .verification .selector p { padding-left: 0; } .verification .fields { padding: 0; } .verification .fields p.checkbox input { margin-left: 0; } .searchContent ul.tabs { /*bottom: -7px;*/ } .browse .browseContainer .browseSelection .selectionFilters .filters .buttonContainer { clear: both; float: left; } .browse .browseContainer .browseSelection .selectionFilters .filters { margin-left: 5px; } .certificateProgressProgramDtls .programNumber { padding:0; } .myExtension .myextensionTabbed .course .courseInfo table td { padding:2px; } .certificateProgressTree{ font-size:.8em; } .certificateProgress .treeHead { padding: 3px 5px; } #ctl00_Body_CertificateProgress1_tvCertificateAuditn9Nodes td img, #ctl00_Body_CertificateProgress1_tvCertificateAuditn0Nodes td img { display:none; } .certProgressCourseL1, .certProgressCourseL1Odd, .certProgressCourseL2, .certProgressCourseL2Odd, .certProgressCourseL3, .certProgressCourseL3Odd { width: 100%; } div.certProgressCourseL2 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL2Odd table.progressTreeLeaf td.courseTitle{ width: 206px; } div.certProgressCourseL3 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL3Odd table.progressTreeLeaf td.courseTitle { width: 185px; } div.certProgressCourseL2 table.progressTreeLeaf td.enrolled, div.certProgressCourseL2Odd table.progressTreeLeaf td.enrolled{ width:60px; } div.certProgressCourseL3 table.progressTreeLeaf td.enrolled, div.certProgressCourseL3Odd table.progressTreeLeaf td.enrolled{ width: 60px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px){ .courseDtls .courseDtlsInfo table td.first{ padding:0; } .courseDtls .courseDtlsInfo table td{ padding:0; font-size: 73%; height: 20px; } #miscDetails{ font-size: .76em; } #term .contentMain{ display: inline; } .contentMain #termDetails { overflow: scroll; } .searchContent .searchInput input { max-width: 80%; } .myExtension .myextensionTabbed ul.tabs li { width: 125px; height: 58px; } .profile .fields { margin-left:0; float:left; } .profile .profileItem h2 { padding: 0 0 5px 0; } .profile ul.tabs li { width: 80px; } .profile ul.tabs li .tabContent { padding: 5px 3px; } .profileTabbed ul li .tabContent span { font-size: .76em; } .profile .fields .fieldsInner p select { width: 235px; } .profile .profileItem .fosLevel { font-size: 1em; } .comm .commDetails{ width:auto; } .rpdEd2 { max-width: 270px; } .verification .selector p { padding-left: 0; } .verification .fields { padding: 0; } .verification .fields p.checkbox input { margin-left: 0; } .searchContent ul.tabs { /*bottom: -7px;*/ } .browse .browseContainer .browseSelection .selectionFilters .filters .buttonContainer { clear: both; float: left; } .browse .browseContainer .browseSelection .selectionFilters .filters { margin-left: 5px; } .fl { display:block; float:auto; } .cart .blockItem .action .actionInner select { width: 70%; float: left; } .cart .blockItem .action .actionInner .status .fee { float:right; } .certificateProgress .selector p { padding-left: 5px; } .certificateProgress .selector select { max-width: 245px; } .certificateProgressProgramDtls .programNumber{ height: 41px; } .certificateProgressProgramDtls .programNumber { padding:0; } .myExtension .myextensionTabbed ul.tabs li .tabContent span{ font-size: .8em; } .myExtension .myextensionTabbed .course .courseInfo table td { padding:2px; } .myExtension .myextensionTabbed .course .courseInfo table tr { font-size: 74%; } .myExtension .myextensionTabbed .course .courseInfo table td.first{ padding-left:0; } .certificateProgressTree{ font-size:.8em; } .certificateProgress .treeHead { padding: 3px 5px; } #ctl00_Body_CertificateProgress1_tvCertificateAuditn9Nodes td img, #ctl00_Body_CertificateProgress1_tvCertificateAuditn0Nodes td img { display:none; } .certProgressCourseL1, .certProgressCourseL1Odd, .certProgressCourseL2, .certProgressCourseL2Odd, .certProgressCourseL3, .certProgressCourseL3Odd { width: 100%; } div.certProgressCourseL2 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL2Odd table.progressTreeLeaf td.courseTitle{ width: 105px; } div.certProgressCourseL3 table.progressTreeLeaf td.courseTitle, div.certProgressCourseL3Odd table.progressTreeLeaf td.courseTitle { width: 90px; } div.certProgressCourseL2 table.progressTreeLeaf td.enrolled, div.certProgressCourseL2Odd table.progressTreeLeaf td.enrolled{ width:40px; } div.certProgressCourseL3 table.progressTreeLeaf td.enrolled, div.certProgressCourseL3Odd table.progressTreeLeaf td.enrolled{ width: 35px; } .verification .course .courseInfo table td.first{ padding-left:0; } }