@charset "utf-8";

/* Promo 1 Large 2 Small -------------------------- */
.promo.fixed1x2 .slide-caption       { background: url('/css/images/btn-down-dark.png') 10px 10px no-repeat; background-color: #2c2c2c;  
                                       filter: alpha(opacity=40); }
.promo.fixed1x2 .slide-caption:hover { background-color: #2c2c2c; filter: alpha(opacity=80); }
.promo .slide-caption h2             { position: relative; z-level: 500; } 

/* Promo compact --------------------------------------- */
/* requires new class .promo_compact added to grid-1 in content-type formatter */
.promo_compact .slide-caption       { background: url('/css/images/btn-down-dark.png') 10px 10px no-repeat; background-color: #2c2c2c; 
                                      filter: alpha(opacity=40); }
.promo_compact .slide-caption:hover { background: url('/css/images/btn-down-dark.png') 10px 10px no-repeat; background-color: #2c2c2c; 
                                      filter: alpha(opacity=80); }

/* recently-viewed slideshow ----------------------------- */
.recently-viewed .slide-caption       { background: url('/css/images/btn-down.gif') 10px 10px no-repeat; background-color: #2c2c2c; 
                                        filter: alpha(opacity=40); }
.recently-viewed .slide-caption:hover { background: url('/css/images/btn-down.gif') 10px 10px no-repeat; background-color: #2c2c2c; 
                                        filter: alpha(opacity=80); }

/* START NOSCRIPT MENU ========================================================================================== */
/* IE 8 and earlier won't handle media queries, so use revised noscript menu - normally hidden in <noscript> tags */
/* TOP menu */
div.bootstrap-noscript                           { display: block; width: 100%; }
div.bootstrap-noscript div.noscript-search       { }
div.bootstrap-noscript div.noscript-search form  { }
div.bootstrap-noscript .ctaLink.metranet         { float: left; width: 100%; background-color: #660066; }
div.bootstrap-noscript .ctaLink.metranet a       { line-height: 40px; padding-left: 20px; }
div.bootstrap-noscript ul                        { display: block; width: 100%; list-style: none; clear: left; }
div.bootstrap-noscript ul li                     { padding: 0; border-bottom: 1px solid #c0c0c0; }
div.bootstrap-noscript ul li span.currentsection { display: block; font-weight: bold; padding: 6px 6px 6px 20px;
                                                   background-color: #dddddd; border-bottom: 0; }
div.bootstrap-noscript ul li a                   { padding: 6px 10px 6px 20px; display: block; line-height: 20px; color: #333333; }
div.bootstrap-noscript ul li ul li               { padding-left: 10px; border: 0; }
/* BOTTOM menu */
/* these not required for ie8 - normal children/siblings menus appear with noscript anyway */
/*
#faculty-children-footer                         { display: block; clear: right; margin-bottom: 0; }
#faculty-siblings-footer                         { display: block; clear: right; margin-bottom: 0; }
div.grey.dd-menuContainer h3                     { margin-left: 20px; }   /* left align mobile menu header for fac-children and fac-sibling */
ul.fac-children                                  { width: 100%; border-top: 1px solid #c0c0c0; }
ul.fac-children li                               { width: 100%; padding: 4px 0 4px 0; border-bottom: 1px solid #c0c0c0; }
ul.fac-children li a                             { color: #333333; display: block; padding-left: 20px; }
ul.fac-siblings                                  { width: 100%; border-top: 1px solid #c0c0c0; }
ul.fac-siblings li                               { width: 100%; padding: 4px 0 4px 0; border-bottom: 1px solid #c0c0c0; }
ul.fac-siblings li a                             { color: #333333; display: block; padding-left: 20px; }
*/
/* END NOSCRIPT MENU ============================================================================================ */

@media screen and (max-width: 768px) {
   div#kis-full-time                   { width: 100%; clear: right; }
   div#kis-full-time iframe.horizontal { display: block; }
   div#kis-full-time iframe.vertical   { display: none; }
   div#kis-ie8-break                   { display: block; width: 100%; height: 10px; clear: both; }
   div#kis-part-time                   { width: 100%; clear: left: margin-top: 15px; }
   div#kis-part-time iframe.horizontal { display: block; }
   div#kis-part-time iframe.vertical   { display: none; }
}