/* DeVry University Global Components */ /* ------------------------------------------------------------------------------------ */ /* MASTHEAD(S) */ /* ------------------------------------------------------------------------------------ */ /* COMMON PROPERTIES */ /* ------------------------------ */ #masthead{position:relative; margin-left: 22px;} .keller #masthead {margin-left: 10px; padding-bottom: 15px;} /*DK #masthead img {height: 87px !important; }*/ /* fix hard-coded image sizes */ #masthead #branding{position: absolute; z-index: 1; margin-right: 0px;} #masthead #branding span{visibility: hidden;} #masthead #brandLogo{z-index: 99; position: absolute; top: 0; left: 0;} /* DEFAULT SMALL MASTHEAD */ /* ------------------------------ */ #masthead{height: 107px; width: 750px;} #masthead #masthead-image{position: absolute; top: 0px; right: 10px;} /*DK #masthead img#masthead-image {width: 552px; height: 87px; } catch- all for hard-coded image sizes. */ #masthead.tall img#masthead-image {width: 750px; height: 200px;} /* tall size for home page. */ .keller #masthead.tall img#masthead-image{height: 227px;} #masthead #branding { width: 205px; height: 87px; top: 0px; /*DK height: 72px; top: 10px;*/ left: -10px; } #masthead #brandShadow {display: none; } /* turn off drop shadow for main pages masthead banner */ .keller #masthead #brandShadow {display: block; } /* TALL MASTHEAD */ /* ------------------------------ */ .home #masthead.tall{height: 220px; width: 750px; padding: 0; margin: 0; margin-left: 11px;} .home #masthead.tall #masthead-image{position: absolute; top: 0px; left: 0px;} .home #masthead.tall #brandLogo{z-index: 99; position: absolute; top: 0; left: 0;} .home #masthead.tall #brandShadow {z-index: 1; position: absolute; top: 0; left: 0; height: 115px; width: 210px;} .home #masthead.tall #branding { width: 210px; height: 115px; top: 0px; left: -10px; display: none; /* turn off devry logo */ } /* TALL PORTAL */ /* ------------------------------ */ .mydevry-portal #masthead.tall{height: 240px; width: 750px;} .mydevry-portal #masthead.tall #masthead-image{position: absolute; top: 10px; left: 10px;} .mydevry-portal #masthead.tall #brandLogo{z-index: 99; position: absolute; top: 0; left: 0;} .mydevry-portal #masthead.tall #brandShadow {z-index: 1; position: absolute; top: 0; left: 0; height: 115px; width: 210px;} .mydevry-portal #masthead.tall #branding { width: 210px; height: 115px; top: 20px; left: -10px; } /* HOME PAGE BUCKET */ /* -------------------------------------------------------------- */ #bucket-content-home {float: left; display: inline; width: 565px; height: 251px; background: url(/images/home/main-content-bucket.jpg); margin-left: 3px;} #bucket-content-home h2 { position: relative; width: 320px; height: 26px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; text-indent: 15px;} #bucket-content-home h2 span { padding-bottom: 4px; position: relative; top: 18px; left: 0; width: 320px; } #bucket-content-home .inset-right {float: right; margin: 10px 20px 10px 10px; } #bucket-content-home p {color: #fff; } #bucket-content-home p {padding-left: 20px; } #bucket-content-home a {color: #fff; text-decoration: underline; } #bucket-content-home a:hover {color: #000066; text-decoration: underline; } #bucket-content-home p {padding: 0; margin: 0; padding-left: 20px;} #bucket-content-home p a {padding: 0; margin: 0;} #bucket-content-home p a img {padding: 0; margin: 5px 0px 0px 0px;} /* SIDEBAR CONTENT */ /* -------------------------------------------------------------- */ /*.home #sidebar {position: absolute; top: 0px; right: 0px; z-index: 1000;}*/ #sidebar{font-size: 11px;} #sidebar img {padding: 0; margin: 15px 0 0 0;} .home #sidebar img{padding: 0; margin: 0;} #sidebar h4{ font-size: 11px; color: #CC0000; border-bottom: 1px solid #ccc; font-weight: normal; text-transform: uppercase; padding-bottom: 3px; } #sidebar p{ margin: 3px 0;} #sidebar ul{margin: 0; padding: 0; margin-top: 4px;} #sidebar ul li{ list-style-type: none; margin: 0; padding: 0; padding-left: 14px; background: #fff url(../images/common/bullets/arrow_blueWhite.gif) no-repeat 0 50%; } #sidebar #sidebar-testimonial {padding: 0; margin: 15px 0 0 0;} /* Other Components */ /* ------------------------------------------------------------------------- */ #dvu_tube { padding: 6px 0 0 5px; } /* CALL-TO-ACTION */ /* ------------------------------------------------------------------------------------ */ #cta{position: absolute; top: 0; right: 0; width: 203px; height: 157px; background: url(../images/cta/cta-bg.jpg) no-repeat 0 0; text-transform: uppercase; margin-top: 8px;} .home #cta {position: relative; width: 203px; height: 157px; margin: 12px 0px 5px 0px; background: transparent; margin-right: -23px;} /* change positioning for chat box on home page */ #cta dt{font-size: 12px; font-weight: bold; color: #fff; background: url(../images/common/sh_get_started.gif) no-repeat 20px 0px; position: relative; margin-top: 10px; visibility: hidden;} #cta dd{font-size: 11px; margin: 24px 0; margin-left: 12px; margin-right: 20px; padding-left: 14px; } #cta p{margin: 0; padding: 0; font-size: 10px;} #cta a{color: #fff;} #cta a:hover{text-decoration: underline;} #cta dt span{visibility: hidden;}/* Hide HTML text to show the image text */ #cta{top: -4px; right: -3px;} /* Position CTA off the edge */ ##cta{right: -4px;} /* Rounding Error Fix */ /* Page Variations */ #cta{top: -7px;} .home #cta{top: -10px;} .topic #cta{top: -7px;} .program #cta{top: -7px;} /* CHAT ACTION */ /* ------------------------------------------------------------------------------------ */ #chat{position: absolute; top: 0px; right: 0; width: 203px; height: 157px; background: url(../images/cta/chat-bg.jpg) no-repeat 0 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin-top: 8px;} #chat dt{font-size: 12px; font-weight: bold; color: #fff; background: url(../images/common/sh_get_started.gif) no-repeat 20px 0px; position: relative; margin-top: 14px; visibility: hidden;} #chat dd{font-size: 11px; margin: 10px 0; margin-left: 12px; margin-right: 20px; padding-left: 14px; padding-right: 30px; } #chat #chat-arrow{} #chat p{font-size: 10px;} #chat a{color: #fff;} #chat #chat-emphasis {color:#fff; } #chat a:hover{text-decoration: underline;} #chat dt span{visibility: hidden;}/* Hide HTML text to show the image text */ #chat{top: -4px; right: -3px;} /* Position chat off the edge */ ##chat{right: -4px;} /* Rounding Error Fix */ /* Page Variations */ #chat{top: -7px;} .home #chat{top: -10px;} .topic #chat{top: -7px;} .program #chat{top: -7px;} /* STUDY OPTIONS */ /* ------------------------------------------------------------------------------------ */ /*DK #study-options{width: 155px; background: #fff url(../images/study-options/study-options.gif) no-repeat top left; margin: 0; padding: 0;}*/ #study-options{width: 162px; background: #fff url(../images/common/sh_flexible_options.jpg) no-repeat top left; margin: 0 0 10px 0; padding: 18px 0 0 0; } /*DK #study-options dt{color: #003366; font: bold 11px/11px Frutiger, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0;}*/ #study-options dt{display: none;} #study-options dt span{font: italic bold 22px/22px Trebuchet MS, Arial, sans-serif; text-transform: none; margin-left: 65px; display: block; margin-bottom: 8px;} /*DK#study-options dd{font-size: 11px; margin: 2px 0; margin-left: 0px; padding-left: 14px; background: url(../images/common/bullets/arrow_blueWhite.gif) no-repeat 0 3px;}*/ #study-options dd{font-size: 11px; margin: 2px 0; margin-left: 0px; padding-left: 14px; background: url(../images/common/bullets/study_options_arrow_wide.jpg) no-repeat 0 3px;} /*DK#study-options dd.descrip{font-size: 11px; padding: 0; margin: 2px 4px; background: transparent url();}*/ #study-options dd.descrip{font-size: 11px; padding: 0; margin: 12px 4px 2px 4px; background: transparent url(); } #study-options a{font-size: 10px; text-transform: uppercase;} #study-options dt{ visibility: hidden; } /* Hide HTML text to show the image text */ #study-options .descrip{background:none;} #section-nav #study-options{position: absolute; top: 0; right: 215px;} #study-options a:hover{color: #0180BA; text-decoration: underline;} /* KELLER STUDY OPTIONS */ /*--------------------------------------------------------------------------------------*/ #keller-study-options{width: 155px; background: #fff url(../images/study-options/study-options.gif) no-repeat top left; margin: 0; padding: 0;} #keller-study-options dt{color: #003366; font: bold 11px/11px Frutiger, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0;} #keller-study-options dt span{font: italic bold 22px/22px Trebuchet MS, Arial, sans-serif; text-transform: none; margin-left: 65px; display: block; margin-bottom: 8px;} #keller-study-options dd{font-size: 11px; margin: 2px 0; margin-left: 80px; padding-left: 14px; background: url(../images/common/bullets/arrow_blueWhite.gif) no-repeat 0 3px;} #keller-study-options dd.descrip{font-size: 11px; padding: 0; margin: 2px 4px; background: transparent url();} #keller-study-options a{font-size: 10px; text-transform: uppercase;} #keller-study-options dt{ visibility: hidden; } /* Hide HTML text to show the image text */ #keller-study-options .descrip{background:none;} #section-nav #keller-study-options{position: absolute; top: 170px; right: 42px;} #keller-study-options a:hover{color: #0180BA; text-decoration: underline;} /* 75th ANNIVERSARY */ /* ------------------------------------------------------------------------------------ */ #anniversary{width: 155px; background: #ffffff; margin: 0; padding: 0;} #anniversary dt {float: right;} #anniversary dd{float: left; font-size: 11px; margin: 2px 0 0 0; width: 70px; padding-left: 14px; background: url(../images/common/bullets/arrow-gold.gif) no-repeat 0px 3px;} #anniversary a{font-size: 11px; color: #C99300; font-weight: bold;} #section-nav #anniversary{position: absolute; top: 140px; right: 213px;} #anniversary a:hover{color: #C99300; text-decoration: underline;} /* SUCCESS STORIES */ /* ------------------------------------------------------------------------------------ */ #success-stories, #success-stories dt, #success-stories dd{position: relative; padding: 0; margin:0;} #success-stories{width: 180px; height: 130px; background: url(../images/success-stories/DV_background.gif) no-repeat top left; border: 1px solid #fff;} #success-stories dt, #success-stories dd{ } #success-stories dt{ text-align: left; width: 120px; color: #67271f; font: bold 14px/14px Arial, verdana, sans-serif; margin-top: 10px; margin-left: 5px; } #success-stories dt span{ } #success-stories dd{width: 95px; font-size: 11px; margin-left:20px; margin: 4px 0; margin-left: 10px;} #success-stories img{display: block; position: absolute; bottom: 12px; right: 4px;} .keller #success-stories{width: 180px; height: 130px; background: url(../images/success-stories/background.gif) no-repeat top left; border: 1px solid #fff;} .keller #success-stories dt{ text-align: right; width: 110px; color: #016CA0; font: normal 22px/22px Trebuchet MS, Tahoma, Arial, sans-serif; margin-top: 20px; } .keller #success-stories dt span{ font-weight: bold; font-size: 14px; font-style: italic; display: block;} .keller #success-stories img{display: block; position: absolute; top: 8px; left: 100px;} /* CAREER SUCCESS */ /* ------------------------------------------------------------------------------------ */ #career-success, #career-success dt, #career-success dd{position: relative; padding: 0; margin:10px 0 0 0;} #career-success {width: 180px; height: 124px; background: url(../images/success-stories/career_success_bg.gif) no-repeat top left;} #career-success a.header {position: absolute; top: 10px; left: 5px; width:170px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; text-transform: uppercase; font-style: normal; line-height: 9pt;} #career-success dt{padding: 40px 0px 0px 30px; margin: 0; text-align: right; width: 140px; color: #FFFFFF; line-height: 9pt; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;} #career-success dt span{font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10pt; color: #CCFF00; text-transform: uppercase; line-height: 11pt; display: block; background-color: #D14D00;} #career-success dt span.hottest{margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10pt; width: 127px; color: #CCFF00; text-transform: uppercase; line-height: 11pt; display: block; background-color: #D14D00;} #career-success dt span.hottest a {padding: 0; margin: 0 0 0 0; color: #CCFF00;} #career-success dd{width: 95px; font-size: 11px; margin-left:20px; margin: 4px 0; margin-left: 10px;} #career-success img{display: block; position: absolute; top: 8px; left: 100px;} /* SYSTEM ANNOUNCEMENTS */ /* ------------------------------------------------------------------------------------ */ /*#system-announcements{width: 155px; background: #fff url(../images/study-options/study-options.gif) no-repeat top left; margin: 0; padding: 0;} */ #system-announcements dt{color: #003366; font: bold 11px/11px Frutiger, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0;} #system-announcements dt span{font: italic bold 22px/22px Trebuchet MS, Arial, sans-serif; text-transform: none; margin-left: 65px; display: block; margin-bottom: 8px;} #system-announcements dd{font-size: 11px; margin: 2px 0; margin-left: 80px; padding-left: 14px; background: url(../images/common/bullets/arrow_blueWhite.gif) no-repeat 0 3px;} #system-announcements dd.descrip{font-size: 11px; padding: 0; margin: 2px 4px; background: transparent url();} #system-announcements a{font-size: 10px; text-transform: uppercase;} #system-announcements a:hover{color: #0180BA; text-decoration: underline;} /* #system-announcements dt{ visibility: hidden; } */ /* Hide HTML text to show the image text */ #system-announcements .descrip{background:none;} #section-nav #system-announcements{position: absolute; top: 0; right: 215px;} /* MORE INFO */ /* -------------------------------------------------------- */ /*DK#more-info{position:relative; padding:0; margin:0;}*/ #more-info, #more-info-home {position:relative; width: 162px; padding:20px 0 0 0; margin:0; background: url(../images/common/sh_more_information.jpg) top left no-repeat; } /*#more-info-home{position:absolute; padding:0; margin:0;}*/ #section-nav #more-info-home {position: absolute; top: 170px; right: 55px;} /*DK#more-info dt{color: #8CA50F; font: 13px/21px "Trebuchet MS", Tahoma, Arial; font-weight: bold;}*/ #more-info dt, #more-info-home dt {display: none; } /* #more-info-home dt{color: #8CA50F; font: 13px/21px "Trebuchet MS", Tahoma, Arial; font-weight: bold;}*/ #more-info dt span, #more-info-home dt span {margin-left: 10px; font-weight: normal; font-size: 21px; font-style: italic;} /* #more-info-home dt span{margin-left: 10px; font-weight: normal; font-size: 21px; font-style: italic;}*/ #more-info a:hover{color: #0180BA; text-decoration: underline;} #more-info-home a:hover{color: #0180BA; text-decoration: underline;} #more-info dd, #more-info-home dd { padding-left:5px; font-size: 11px; margin: 3px 0 3px 0; padding-left: 24px; padding-top: 2px; padding-bottom: 2px; background: #f3f1e8 url(../images/common/bullets/arrow-orange.gif) no-repeat 8px 8px; } /* Page Variations */ .home #more-info {margin-left: 4px;} .keller #section-nav #more-info{position:absolute; top: 150px; left: 550px; padding:0; margin:0; background: none; } .keller #more-info dt{color: #9E0B10; font: 13px/21px "Trebuchet MS", Tahoma, Arial; font-weight: bold; display: block;} .keller #more-info dt span {margin-left: 10px; font-weight: normal; font-size: 21px; font-style: italic; } .keller #more-info a:hover{color: #0180BA; text-decoration: underline;} .keller #more-info-home a:hover{color: #0180BA; text-decoration: underline;} .keller #more-info dd{ margin:0; oadding:0; padding-left:5px; font-size: 11px; margin: 4px 0; margin-left: 10px; padding-left: 14px; background: url(../images/common/bullets/arrow_blueWhite.gif) no-repeat 0 8px; } .keller #more-info{margin-left: 4px;} /* OFFSITE NAV */ /* -------------------------------------------------------- */ #offsite-nav{height: 48px; display: block; clear: both; margin: 0 10px 10px 20px;} #offsite-nav a{ float: left; height: 15px; line-height: 20px; margin: 5px 0px; padding: 0px 0px 0px 14px; top:10px; background: url(../images/common/bullets/arrow-ltblue.gif) no-repeat 0 7px; font-weight: bold; font-size: 12px; display: inline; vertical-align: top; } #offsite-nav a img{vertical-align: top; padding-left: 3px;} #offsite-nav a div{ vertical-align: top; float:left} *>#offsite-nav a{ line-height: 21px; background: url(../images/common/bullets/arrow-ltblue.gif) no-repeat 0 6px;} /* VARIOUS CLASSES */ /* ------------------------------------------------------------------------------------ */ a.link-arrow{background: url(../images/common/bullets/arrow-ltblue.gif) no-repeat 0 50%;padding-left: 14px;} a.link-arrow-dblue{background: url(../images/common/bullets/arrow-dkblue.gif) no-repeat 0 50%;padding-left: 14px;} div.divider{border-bottom: 1px solid #ccc; clear: both; height: 1px; margin: 15px 0px;} .home #sidebar div.divider{border-bottom: 1px solid #ccc; padding: 0; margin: 0; height:auto; margin-bottom: 10px;} div.cleaner{display: block; clear: both;}