@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  color: #58585a;
  background: #f3f2f1;
  font-size: .9em; }

.container {
  /*border: 1px solid red;*/ }

.left {
  float: left;
  margin: 0 10px 10px 0; }

.right {
  float: right;
  margin: 0 0 10px 10px; }

.gutter {
  margin-right: 20px;
  margin-left: 20px; }

.two-col .alpha {
  margin-right: 20px; }

.two-col .omega {
  margin-left: 20px; }

.clearfix {
  margin: 0 !important; }

a.download {
  display: block;
  width: 32px;
  height: 30px;
  /* TOTAL height: 85px; */
  padding-top: 55px;
  background: transparent url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-download.png) 50% top no-repeat;
  text-transform: uppercase;
  font-size: .6em;
  color: #176eb5; }

p.intro {
  max-width: 650px;
  color: #58585a;
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: 600; }

.bottom-rule {
  min-height: 5px;
  padding-bottom: 5px;
  margin-bottom: 25px;
  background: transparent url(https://confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif) left bottom repeat-x; }

p.no-space {
  margin-bottom: 0; }

p.no-space + ul {
  margin-bottom: 20px;
  list-style: disc; }

strong {
  color: #58585a;
  font-weight: bold; }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: .7em;
  line-height: 0; }

sub {
  top: 0.4em; }

cite {
  font-style: italic;
  font-weight: bold; }

acronym, abbr {
  border-bottom: 1px dotted #58585a; }

pre {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  margin-bottom: 10px;
  overflow: auto;
  background-color: #eee;
  width: 650px;
  /* for ie7 */
  padding: 5px 5px 20px;
  max-height: 600px; }

blockquote,
blockquote p {
  color: #58585A; }

div.captioned {
  font-size: .7em; }

div.captioned img {
  border: 5px solid #fff;
  margin-bottom: 5px; }

div.captioned.thumbnail img {
  border: 5px solid #fff;
  margin-bottom: 5px;
  max-height: 155px;
  max-width: 225px;
  margin-right: 10px; }

div.captioned object {
  border: 5px solid #fff;
  margin-bottom: 5px; }

div.captioned p {
  line-height: 1.2em;
  margin-bottom: 10px; }

ul {
  list-style: disc;
  margin-left: 5px;
  padding-left: 15px; }
  ul ul {
    list-style: circle; }
  ul.no-style {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }
    ul.no-style li {
      list-style: none; }

ol {
  margin-bottom: 20px; }

ol.roman {
  list-style: upper-roman; }

dl {
  margin-bottom: 10px; }

dt, dd {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em; }

dt {
  margin-bottom: 5px; }

dt,
dd strong {
  font-weight: 700; }

dd p,
dd li {
  margin-bottom: 0; }

dd div {
  text-indent: 0; }

hr {
  clear: both; }

table {
  color: #176eb5;
  margin-bottom: 20px;
  background: #fff;
  position: relative; }

th, td {
  border: #ccc 1px solid;
  padding: 5px 10px;
  font-size: .95em;
  position: relative; }

th {
  font-weight: bold; }

tfoot td {
  font-size: .85em;
  color: #58585a; }

/* Generic Utility for jQuery tabs */
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.color-tile {
  display: block;
  width: 100px;
  height: 55px;
  border: 1px solid #000;
  text-align: center;
  padding-top: 40px;
  color: #000; }

.color-primary {
  background: #176EB5; }

.color-secondary {
  background: #f3f2f1; }

.color-pg-bkgd {
  background: #f3f2f1; }

.color-font {
  background: #58585a; }

.color-about {
  background: #597eb2;
  /*background-color: rgba(19, 71, 145, .7);*/ }

.color-admissions, .purple {
  background: #933da6;
  /*background-color: rgba(108, 32, 126, .7);*/ }

.purple {
  color: #933da6; }

.color-degree {
  background: #ffa609;
  /*background-color: rgba(213, 159, 13, .9);*/ }

.color-pro-certs {
  background: rgba(86, 160, 211, 0.7);
  /*background-color: rgba(86, 160, 211, .7);*/ }

.color-custom {
  background-color: rgba(176, 188, 34, 0.7); }

.color-people {
  background-color: rgba(145, 145, 149, 0.7); }

#content {
  width: 100%;
  min-height: 650px;
  margin-bottom: 20px; }

#page-content.eleven.columns {
  margin-left: 0; }

/*  - - - - - - - -  Edit to accomodate styling for the CMS system - - - - - - - - - -  */
.inline-edit-box,
.inline-add-box {
  list-style: none;
  margin-left: 0;
  padding: 0; }

.isd-organic-tabs div.add-tab-li {
  display: inline-block; }

@media only screen and (max-width: 767px) {
  div.sidebar.preview-editable {
    margin-bottom: 0 !important; }

  div.cms-history, div.preview-inline-edit-box {
    display: none !important; }

  .inline-edit-box, .inline-add-box {
    display: none; }

  .add-submenu {
    display: none; }

  .isd-organic-tabs ul.tab-menu,
  .isd-organic-tabs .nav div.add-tab-li {
    display: none !important; } }
#top_wrapper {
  z-index: 100; }

#header {
  position: relative;
  margin-top: 0;
  z-index: 10;
  height: 80px;
  width: 100%;
  background-color: #00274C; }

.homepage #header {
  height: 80px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }

#isd-logo {
  margin-top: 0;
  width: 300px;
  height: 20px;
  /* TOTAL height: 40px; */
  padding-top: 20px; }
  #isd-logo img {
    margin-left: 12px; }

#adBlock,
.gsc-adBlock {
  display: none; }

@media only screen and (max-width: 400px) {
  #isd-logo {
    width: 100%; }

  #isd-logo img {
    width: 90%;
    /* to force logo to fit on screen and not be cut off on the right side */ } }
/* - - - - - - - - - - - - Search Box - - - - - - - - - - - - */
#search-mobile {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: rgba(97, 181, 218, 0.8); }
  #search-mobile form {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: -5px; }
    #search-mobile form fieldset {
      margin-bottom: 10px; }

#search input[type=text],
#search-mobile input[type=text] {
  height: 13px;
  width: 73%;
  margin-top: 10px;
  margin-left: 5%;
  float: left;
  padding-top: 5px;
  background: #fff;
  color: #58585a;
  font-family: 'Open Sans', sans-serif;
  /*line-height: 1.4em;*/ }

#search input[type=submit],
#search-mobile input[type=submit] {
  background: url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-search-white.png) no-repeat scroll left 15px transparent;
  background-position: 50% 50%;
  border: medium none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: 17px;
  height: 50px;
  padding: 0 20px; }

#search {
  display: none; }

@media (min-width: 768px) {
  #search-mobile {
    display: none; }

  #main-menu #search.columns.four {
    top: 0;
    right: 0;
    display: block;
    float: right;
    height: 50px;
    background: transparent; }

  #search form {
    height: 50px; }

  #search fieldset {
    margin-bottom: 0;
    height: 50px; }

  #search input[type=submit] {
    background-image: url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-search-blue.png);
    background-color: #fff;
    margin: 0; } }
@media (min-width: 768px) and (max-width: 959px) {
  #page-banner{padding: 0 3%;}
  #main-content {
   /* margin: 0 3%;*/
    width: 97%;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
  }
  #main-menu #search.columns.four {
    width: 50px;
    margin: 0; }

  #search input[type=text] {
    display: none; }

  #search input[type=submit] {
    padding: 0 20px;
    margin: 0; } }
@media (min-width: 960px) {
  #search input[type=text] {
    display: block;
    width: 67%;
    margin-left: 0; }

  #search input[type=submit] {
    background-image: url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-search-blue.png);
    background-color: transparent; } }
#page-banner {
  margin: 0;
  padding: 0;
  background: #a6bee0 url("//confluence.engin.umich.edu/download/attachments/30508410/title-ribbon-bg.jpg") 50% 50% no-repeat;
  z-index: 10; }
  #page-banner img {
    position: relative !important;
    float: right !important;
    z-index: 15; }

#page-banner.img-embed {
  background-image: none; }

.landing #page-banner {
  background-image: none; }
  .landing #page-banner .container {
    background: none; }

/*
.short #page-banner {
    min-height: 100px;
}
*/
h2.page-title {
  padding: 20px;
  padding-left: 0;
  /* padding-top: 100px;  SEE MEDIA QUERIES */
  color: #176eb5;
  line-height: 1.2em;
  margin-right: 0;
  width: 48%;
  z-index: 12; }

.custom-programs h2.page-title {
  color: #fff; }

h2.page-title span {
  font-weight: normal; }

@media only screen and (max-width: 768px) {
  #top-wrapper {
    margin: 0;
    width: 100%; }

  #page-banner {
    height: inherit;
    min-height: 67px;
    background: none; }

  #page-banner .container {
    width: 97%;
    margin:0 3% 0 0; }
    #page-banner .container img {
      display: none; }

  h2.page-title {
    width: 100%;
    font-size: 1.6em;
    padding: 20px 11px;
    margin-bottom: 0;
    background: #0b66bc;
    color: #fff;
    clear: both; }

  #content {
    padding-top: 20px;
    background: #fff; } }
@media only screen and (min-width: 767px) {
  #page-banner {
    clear: both;
    /*padding: 0 11px;*/ }

  #page-banner.img-embed .container {
    height: 250px;
    /*background-image: none;*/ }

  .landing #page-banner,
  .landing #page-banner .container {
    height: 250px;
    /* TOTAL height: 250px; */ }

  .short #page-banner {
    min-height: 87px;
    height: 100px; }
    .short #page-banner h2.page-title {
      padding-top: 35px; }

  h2.page-title {
    padding-top: 100px; }

  .landing h2.page-title {
    padding-top: 10%;
    margin-right: 50%; } }
#footer {
  margin: 0;
  padding-top: 25px;
  padding-bottom: 10px;
  background: #00274C url("//confluence.engin.umich.edu/download/attachments/1399/footer-ribbon-blue-bg.gif?api=v2") left top repeat-x;
  font: bold .8em 'Open Sans', sans-serif; }
  #footer ul li {
    display: inline-block;
    margin: 0 10px;
    line-height: 1.2em; }
    #footer ul li:first-child {
      margin-left: 0; }
    #footer ul li:last-child {
      margin-right: 0; }
  #footer a {
    color: #fff;
    text-decoration: none;
    padding: 0;
    font-weight: normal; }
    #footer a:focus, #footer a:hover {
      text-decoration: underline;
      color: #fdeb72; }
  #footer .contact-info li {
    margin-top: 25px;
    margin-left: 20px; }
  #footer .contact-info a {
    height: 40px;
    padding-top: 25px;
    font-weight: bold;
    background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-phone.png") 50% 0 no-repeat; }
    #footer .contact-info a.phone {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-phone.png"); }
    #footer .contact-info a.map {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-map-location.png"); }
    #footer .contact-info a.contact {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-contact.png"); }
  #footer .um-logo {
    display: block;
    width: 300px;
    margin: 47px auto 20px auto; }
  #footer .siteinfo {
    color: #fff;
    font-size: 70%;
    font-weight: normal;
    text-align: center; }

#footer-nav {
  clear: both; }
  #footer-nav li {
    margin: 0 5px;
    font-size: 90%; }

@media only screen and (max-width: 400px) {
  #footer .container {
    margin: 0; }
  #footer .columns {
    width: 100%; }
  #footer #footer-nav {
    text-align: center;
    margin: 0 auto;
    padding: 0; }
    #footer #footer-nav li {
      display: block;
      margin: 10px; }
  #footer ul.contact-info {
    text-align: center;
    margin: 0 auto;
    padding-left: 0;
    width: 95%; }
    #footer ul.contact-info li {
      margin-left: 5px;
      display: inline-block; }
      #footer ul.contact-info li:first-child {
        margin-left: 0; }
  #footer .um-logo {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0 auto 10px; }
    #footer .um-logo img {
      width: 95%;
      margin: 0 auto; } }
@media only screen and (min-width: 401px) and (max-width: 959px) {
  #footer {
    width: 100%;
    background-image: none;
    padding-top: 20px; }
    #footer .row {
      margin-bottom: 0; }
    #footer .container {
      width: 420px;
      margin: 0 auto; }
      #footer .container div.columns {
        width: 100%; }
    #footer .contact-info {
      text-align: center; }
    #footer #footer-nav {
      float: none;
      margin: 25px auto;
      text-align: center;
      clear: both; }
      #footer #footer-nav li {
        float: none;
        display: inline-block;
        margin: 5px; }
    #footer .um-logo {
      width: 300px;
      float: none;
      margin: 0 auto; } }
#breadcrumbs {
  height: 30px;
  width: 100%;
  /* TOTAL height: 40px; */
  padding-top: 8px;
  padding-bottom: 2px;
  margin-bottom: 25px;
  font-size: .9em;
  color: #6d6e70;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") left bottom repeat-x; }
  #breadcrumbs .crumbs {
    float: left;
    /*margin-left: 10px;*/
    padding-top: 2px; }
  #breadcrumbs a {
    text-decoration: none;
    color: #698cc7; }
  #breadcrumbs ul.social-media {
    float: right; }
    #breadcrumbs ul.social-media li {
      float: left;
      width: 16px;
      margin-left: 10px;
      list-style: none; }
      #breadcrumbs ul.social-media li a {
        display: block; }
      #breadcrumbs ul.social-media li a#print-page {
        background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-print.png") left 1px no-repeat; }
        #breadcrumbs ul.social-media li a#print-page span {
          display: block;
          text-indent: -9999px; }
      #breadcrumbs ul.social-media li a#interC {
        background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon_info.png") left 1px no-repeat; }
        #breadcrumbs ul.social-media li a#interC span {
          display: block;
          text-indent: -9999px; }
      #breadcrumbs ul.social-media li div {
        display: none; }

/*			#breadcrumbs .social-media a {
				width: 16px; height: 16px;
				background: url("../images/icon-share-google-plus.png") no-repeat scroll 50% 50% transparent;
			}
				#breadcrumbs .social-media a.social_facebook {
					background: url("../images/icon-share-facebook.png") no-repeat scroll 50% 50% transparent;
				}
				#breadcrumbs .social-media a.social_twitter {
					background: url("../images/icon-share-twitter.png") no-repeat scroll 50% 50% transparent;
				}
				#breadcrumbs .social-media a.social_linkedin {
					background: url("../images/icon-share-linkedin.png") no-repeat scroll 50% 50% transparent;
				}
				#breadcrumbs .social-media a.social_youtube {
					background: url("../images/icon-share-youtube.png") no-repeat scroll 50% 50% transparent;
				}
				#breadcrumbs .social-media a.social_email {
					background: url("../images/icon-share-social-email.png") no-repeat scroll 50% 50% transparent;
				}
				#breadcrumbs .social-media a.social_rss {
					background: url("../images/icon-share-social-rss.png") no-repeat scroll 50% 50% transparent;
					margin-right: 0;
				}*/
@media only screen and (max-width: 767px) {
  #breadcrumbs {
    display: none; } }
  #page-banner.img-embed .container {
    height: auto; }

  .landing #page-banner,
  .landing #page-banner .container {
    height: auto; }
/* - - - - - - #sidebar - - - - - - */
#sidebar, .columns.sidebar {
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
  margin-right: 0; }

.columns.sidebar.registration {
  margin-top: 0; }

#sidebar h4,
.sidebar h4 {
  text-transform: uppercase;
  line-height: 1em;
  color: #176eb5; }

#sidebar div:not(.clear),
.sidebar div:not(.clear) {
  margin-bottom: 20px; }

/* - - - - - Sidebar Submenu styling found in menus/_sidebar-submenu.scss - - - - - */
@media only screen and (max-width: 767px) {
  #sidebar {
    float: none; }

  .container {
    margin: 0 11px;
    float: none; }

  .container .columns.sidebar {
    float: none;
    width: 100%; } }
.color-tile {
  display: block;
  width: 100px;
  height: 55px;
  border: 1px solid #000;
  text-align: center;
  padding-top: 40px;
  color: #000; }

.color-primary {
  background: #176EB5; }

.color-secondary {
  background: #f3f2f1; }

.color-pg-bkgd {
  background: #f3f2f1; }

.color-font {
  background: #58585a; }

.color-about {
  background: #597eb2;
  /*background-color: rgba(19, 71, 145, .7);*/ }

.color-admissions, .purple {
  background: #933da6;
  /*background-color: rgba(108, 32, 126, .7);*/ }

.purple {
  color: #933da6; }

.color-degree {
  background: #ffa609;
  /*background-color: rgba(213, 159, 13, .9);*/ }

.color-pro-certs {
  background: rgba(86, 160, 211, 0.7);
  /*background-color: rgba(86, 160, 211, .7);*/ }

.color-custom {
  background-color: rgba(176, 188, 34, 0.7); }

.color-people {
  background-color: rgba(145, 145, 149, 0.7); }

#sidebar #upcoming div,
.sidebar #upcoming div {
  margin-bottom: 0; }

#upcoming ul.ilr {
  margin: 0;
  padding: 0; }
  #upcoming ul.ilr li.item {
    padding: 10px 0;
    margin: 0 0 10px;
    background-color: #0b66bc;
    font-size: .9em;
    line-height: 1.3em;
    list-style: none; }
    #upcoming ul.ilr li.item h5 {
      color: #fff;
      margin-bottom: 0; }
    #upcoming ul.ilr li.item div {
      color: #fff; }
      #upcoming ul.ilr li.item div span {
        color: #ffcf01 !important; }
      #upcoming ul.ilr li.item div.class-name {
        display: none; }
    #upcoming ul.ilr li.item div.status {
      float: right;
      color: #fff;
      font-weight: bold;
      margin-top: 10px; }
    #upcoming ul.ilr li.item a {
      display: block;
      float: right;
      vertical-align: top;
      margin-right: 0;
      padding: 2px 25px 2px 0;
      background: url("//confluence.engin.umich.edu/download/attachments/30508410/register-icons-blue.png") top right no-repeat;
      text-align: right;
      color: #fff;
      cursor: pointer; }
      #upcoming ul.ilr li.item a:hover, #upcoming ul.ilr li.item a:focus {
        text-decoration: none;
        color: yellow;
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/register-icons-yellow.png"); }
      #upcoming ul.ilr li.item a.register-link:visited, #upcoming ul.ilr li.item a.register-link:hover, #upcoming ul.ilr li.item a.register-link:focus, #upcoming ul.ilr li.item a.register-link:active, #upcoming ul.ilr li.item a.register-link.touch {
        color: #ffcf01;
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/register-icons-yellow.png"); }
    #upcoming ul.ilr li.item.soldout {
      background-color: #e7e7e7; }
      #upcoming ul.ilr li.item.soldout h5 {
        color: #969696; }
      #upcoming ul.ilr li.item.soldout div {
        color: #969696; }
      #upcoming ul.ilr li.item.soldout .soldout {
        width: 25%;
        float: right;
        vertical-align: top;
        padding: 0 20px 0 0;
        background: url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-x-gray.png) top right no-repeat;
        text-align: right;
        color: #969696; }

@media (max-width: 767px) {
  #upcoming li.item div.columns.three {
    width: 45%;
    margin-left: 10px; }
  #upcoming li.item div.columns.two {
    width: 35%;
    margin-right: 10px; }

  /* to take care of class name needing indentation in mobile view */
  #upcoming ul.ilr li.item div.five.columns.omega {
    padding-left: 10px; } }
#pricing {
  background: #fff;
  padding: 10px 0;
  color: #176eb5;
  font-size: .9em; }
  #pricing div {
    margin: 0; }
    #pricing div.left {
      width: 40%;
      float: left;
      margin-right: 7px;
      padding-left: 10px; }
    #pricing div.right {
      float: right;
      width: 45%;
      padding-right: 10px; }
  #pricing p {
    margin-bottom: 10px; }
    #pricing p.price {
      margin-bottom: 9px;
      font-size: 1.8em; }
    #pricing p.discount {
      margin-bottom: 2px;
      font-size: 1.2em; }

@media (max-width: 767px) {
  #pricing {
    border-top: 1.5px solid #e7e6e3;
    box-shadow: inset 0 1px 0 #fcfcfc;
    min-height: 40px;
    background-color: transparent; }
    #pricing.active {
      background: #fff; } }
/* - - - For Promo material both in main content and in sidebar - - - */
.promo {
  padding: 0;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  /* H3 used for "Who Should Attend" and "Learning Objectives" promo items */
  /* H5 is used for Promo banners */ }
  .promo .row {
    margin-bottom: 0; }
  .promo h3, .promo h4 {
    padding: 0 15px 0 15px;
    margin-bottom: 10px;
    font-size: 1.3em; }
  .promo h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold; }
  .promo h4 {
    text-transform: capitalize;
    color: #ffffff;
    font-weight: bold;
    margin-left: 15px;
    font-size: 18px;
    line-height: 21px; }
  .promo h5 {
    color: #176EB5;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize; }
  .promo p {
    padding: 0 15px 15px 10px;
    margin-bottom: 0;
    font-size: .9em; }
  .promo ul.disc {
    margin: 0 10px 0 15px;
    padding: 0 0 0 10px; }
  .promo a.slider2button.small.blue {
    background-color: #5082b9;
    margin: 0 0 20px 10px;
    color: #ffffff; }
  .promo div.banner {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 15px 0 5px 0;
    background-color: #176eb5; }
  .promo img {
    display: none; }
  .promo.custom-programs {
    background-color: #7c8703;
    padding: 0;
    padding-top: 20px;
    font-size: .85em; }
    .promo.custom-programs h4 {
      color: #ffcc00;
      font-size: 1.5em;
      font-weight: normal;
      margin-bottom: 10px;
      margin-left: 10px;
      text-transform: uppercase; }
    .promo.custom-programs p {
      font-size: 1.2em;
      line-height: 18px;
      margin-left: 10px;
      color: #ffffff; }
    .promo.custom-programs a {
      font-weight: bold;
      color: #ffcc00;
      text-decoration: none; }
  .promo.attendees {
    padding-bottom: 0; }
    .promo.attendees img {
      margin-bottom: 0; }

.stopwatch {
  background: url("//confluence.engin.umich.edu/download/attachments/3958/stopwatch-090611.jpg") no-repeat scroll left bottom #FFFFFF; }
  .stopwatch h3 {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 10px; }
  .stopwatch p {
    padding-left: 120px; }

@media (max-width: 767px) {
  .promo {
    width: 95%; }
    .sidebar .promo {
      background-image: none; }
    .promo div.banner {
      position: relative;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 5px;
      background-color: transparent;
      margin-bottom: 0; }
    .promo h3, .promo h4 {
      margin-top: 20px;
      margin-bottom: 10px;
      font-weight: bold;
      color: #176EB5; }
    .promo p {
      padding-left: 15px; }
    .promo.attendees div.six.alpha {
      display: none; }
    .promo.custom-programs {
      padding-top: 0; }
      .promo.custom-programs .caption {
        display: none; }
      .promo.custom-programs h4 {
        clear: left;
        padding: 0; }
      .promo.custom-programs p {
        padding-right: 0;
        padding-left: 0; }
    .promo.learning-objectives {
      margin-bottom: 0; }
      .promo.learning-objectives .mobile-content {
        margin-bottom: 0; }
        .promo.learning-objectives .mobile-content ul {
          margin-bottom: 0; } }
@media (min-width: 768px) {
  .promo {
    background: #fff;
    margin-right: 0; }
    .promo img {
      display: block;
      width: 100%;
      padding: 0;
      margin-top: 0;
      margin-bottom: 15px;
      overflow: hidden; }
    .promo h3 {
      padding-left: 10px; }
    .promo h5 {
      color: #fff; }
    .promo.custom-programs .caption {
      float: none;
      width: 215px;
      margin: 0 auto;
      margin-bottom: 10px; }
    .sidebar .promo.custom-programs {
      background-image: none;
      padding-bottom: 0; }
      .sidebar .promo.custom-programs .caption {
        display: none; }
    .promo.img-embed {
      background: #FFF none;
      padding: 0 0 20px 0;
      overflow: hidden; }
      .promo.img-embed img {
        margin-bottom: -4px; }
    .promo.kata-facebook {
      text-align: center; }
    .promo.learning-objectives {
      margin-top: 0;
      padding: 5px 0; }
      .promo.learning-objectives img {
        display: none; }
      .promo.learning-objectives h4 {
        color: #ffcc00;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 5px;
        padding-left: 0;
        font-size: 22px; }
      .promo.learning-objectives ul {
        margin-left: 20px; }
      .promo.learning-objectives p {
        color: #fff; }
      .promo.learning-objectives li {
        color: #fff; } }
.brochure {
  height: 137px;
  padding: 10px 0;
  background: #176eb5;
  font-size: .9em; }
  .brochure div.caption {
    margin-bottom: 0;
    margin-left: 10px; }
  .brochure p {
    margin-top: 10px;
    margin-bottom: 2px;
    color: #fff; }
  .brochure a {
    text-decoration: none;
    color: #ffcc33; }
  .brochure strong {
    color: #fff; }

@media (max-width: 767px) {
  div.brochure {
    height: inherit;
    box-shadow: 0 1px 0 #fcfcfc;
    padding: 5px 0;
    margin: 0; }
    div.brochure h3.mobile-title a {
      color: #176EB5; }
    div.brochure .mobile-content {
      margin-bottom: 0; }
    div.brochure p {
      color: #176EB5; }
    div.brochure strong {
      color: #176EB5; } }
/*
NEW:
<div class="row" class="quotes">
	<div class="one column alpha">
		<img src="http://confluence.engin.umich.edu/download/attachments/21103180/left-quote-icon.png" alt="left quotation mark" border="0">
	</div>
	<div class="three columns alpha omega">
		<p>The Lean Leadership workshop facilitated by Drew Locher provides a systematic way to guide Leaders through becoming Lean Thinkers and Lean Leaders. The combination of instruction and practical application help both new and experienced leaders work through Lean tools, like Leader Standard work, in small understandable bites.</p>
		<p><em>ΓÇöDanette Conley, Lean Director, Zodiac Aerospace</em></p>
	</div>
	<div class="one column omega">
		<img src="http://confluence.engin.umich.edu/download/attachments/21103180/right-quote-icon.png" alt="right quotation mark" border="0">
	</div>
	<div class="clearfix">&nbsp;</div>
</div>
*/
.quotes {
  margin-top: 0;
  padding-top: 30px; }
  .quotes p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px; }

@media (max-width: 768px) {
  .quotes {
    display: none; } }
/* - - - - - - base CSS for Shadowbox used for CMS edit window and Contact Us pop-up - - - - - - */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #fff; }

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none; }

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%; }

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px; }

#sb-wrapper-inner {
  position: relative;
  overflow: hidden;
  height: 100px;
  box-shadow: 0 4px 20px 5px; }

#sb-body {
  position: relative;
  height: 100%; }

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

#sb-player.html {
  height: 100%;
  overflow: auto; }

#sb-body img {
  border: none; }

#sb-loading {
  position: relative;
  height: 100%; }

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center; }

#sb-loading-inner span {
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/loading.gif") no-repeat;
  padding-left: 34px;
  display: inline-block; }

#sb-body, #sb-loading {
  background-color: #58585A; }

.sb-loading-ajax {
  position: absolute;
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
  background: #58585A url("//confluence.engin.umich.edu/download/attachments/30508410/loading.gif") no-repeat;
  padding-left: 34px;
  display: inline-block; }

#sb-title, #sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden; }

#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px; }

#sb-title-inner {
  font-size: 16px; }

#sb-info, #sb-info-inner {
  height: 20px;
  line-height: 20px; }

#sb-info {
  position: absolute;
  top: 40px;
  right: 20px; }

/* WTW-KLD repositioning the closing X */
#sb-info-inner {
  font-size: 12px; }

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%; }
  #sb-nav a {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat; }
    #sb-nav a#sb-nav-close {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/close.png"); }
    #sb-nav a#sb-nav-next {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/next.png"); }
    #sb-nav a#sb-nav-previous {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/previous.png"); }
    #sb-nav a#sb-nav-play {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/play.png"); }
    #sb-nav a#sb-nav-pause {
      background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/pause.png"); }

#sb-counter {
  float: left;
  width: 45%; }
  #sb-counter a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff; }
    #sb-counter a.sb-counter-current {
      text-decoration: underline; }

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center; }

div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline; }

/* - - - - - - Customization for Shadowbox for Contact Us pop-up - - - - - - */
/* For mobile view ONLY */
@media all and (max-width: 1199px) {
  #sb-wrapper {
    left: 5% !important;
    top: 5% !important;
    height: 100% !important;
    width: 90% !important;
    max-height: 600px !important;
    max-width: 530px !important; }

  #sb-wrapper-inner {
    min-height: 550px !important; }

  #sb-body-inner {
    /* Needed for touch scrolling on iPhones in Safari*/
     overflow-y: hidden;

    -webkit-overflow-scrolling: touch; }
    #sb-body-inner iframe#sb-player {
      height: 100%;
      min-height: 550px; } }
/* - - - For Course Overview / Introduction including embedded video - - - */
#course-overview {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0; }
  #course-overview .row {
    background: none; }
  #course-overview h3 {
    margin-bottom: 5px; }
  #course-overview .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    margin: 20px 0;
    height: 0; }
    #course-overview .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

#agenda {
  margin-top: 0px; }
  #agenda .row.bottom-rule {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0; }
  #agenda .row a.slider2button.medium.blue {
    float: right;
    background-color: #5082b9;
    margin-top: 0;
    color: #ffffff; }
  #agenda h3 {
    margin-bottom: 0;
    color: #175191; }
  #agenda h5 {
    color: #176eb5;
    margin-top: 5px;
    margin-bottom: 5px; }
  #agenda h6 {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 1em;
    color: #176eb5; }
  #agenda p {
    color: #176eb5;
    margin-bottom: 0; }
    #agenda p.icon {
      color: #176eb5;
      margin-bottom: 5px;
      padding-bottom: 10px;
      padding-left: 40px;
      background: url("//confluence.engin.umich.edu/download/attachments/21103180/network-icon.png") left top no-repeat; }
      #agenda p.icon.networking {
        background-image: url("//confluence.engin.umich.edu/download/attachments/21103180/network-icon.png"); }
      #agenda p.icon.downtown {
        background-image: url("//confluence.engin.umich.edu/download/attachments/21103180/town-icon.png"); }
      #agenda p.icon.dining {
        background-image: url("//confluence.engin.umich.edu/download/attachments/21103180/dine-icon.png"); }
      #agenda p.icon.airport {
        background-image: url("//confluence.engin.umich.edu/download/attachments/21103180/flight-icon.png"); }
  #agenda .disc {
    margin-bottom: 10px; }
    #agenda .disc li {
      margin-bottom: 0; }

.instructors {
  background: transparent; }
  .instructors .instructor {
    background-color: #a0c0de;
    padding: 0;
    width: 100%; }
    .instructors .instructor .captioned {
      width: 100px;
      padding: 20px 10px 10px 10px;
      margin-right: 10px;
      float: right; }
      .instructors .instructor .captioned img {
        display: inline-block; }
    .instructors .instructor h4 {
      text-transform: capitalize;
      padding: 20px 0 0 0;
      margin-bottom: 0;
      margin-left: 10px;
      font-weight: normal;
      font-size: 19px;
      color: #175191; }
    .instructors .instructor p {
      color: #333333;
      padding: 0 10px 10px 10px;
      font-size: 12px;
      line-height: 17px; }

/*	.instructors {	
		.captioned {
			img {
			}
		}
	}
}*/
/*----- Accordion -----*/
.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.accordion {
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background: #f7f7f7; }

/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  display: inline-block;
  transition: all linear 0.15s;
  /* Type */ }

.accordion-section-title.active, .accordion-section-title:hover {
  /* Type */
  text-decoration: none; }

/*----- Section Content -----*/
.accordion-section-content {
  padding: 15px;
  display: none; }

/* - - - - - - - - ISD Customization - - - - - - - - */
/* Cannot remove media queries until accordion.js is fixed */
/*----- Accordion -----*/
#page-content div.mobile-accordion a {
  color: #176eb5; }
  #page-content div.mobile-accordion a h3 {
    margin: 0; }

.mobile-accordion, .mobile-accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.mobile-accordion {
  overflow: hidden;
  border-radius: 0;
  border-bottom: 1.5px solid #e7e6e3;
  box-shadow: inset 0 1px 0 #fcfcfc;
  background: transparent none;
  min-height: 40px;
  height: auto;
  padding: 5px 0;
  margin: 0; }
  div.mobile-accordion.active {
    background: #fff; }

div#course-overview, div#agenda, div.instructors {
  padding: 5px 0;
  margin: 0; }

/* Brochure mobile accordion adjustments in _brochure.scss */
/* Pricing mobile accordion styling in _pricing.scss */
/* ----- Mobile Accordion Icons ------ */
h3.mobile-title {
  height: 40px;
  padding: 0 5px 0 40px;
  margin: 0;
  position: relative;
  border: none;
  background: transparent url(https://confluence.engin.umich.edu/download/attachments/30508410/icons-mobile.png) 5px 0 no-repeat;
  color: #176EB5;
  font-weight: normal;
  font-size: 1.2rem; }
  div.promo h3.mobile-title {
    margin: 0; }
  #pricing h3.mobile-title {
    background-position: 5px 0; }
  #course-overview h3.mobile-title {
    background-position: 5px -40px; }
  #agenda h3.mobile-title {
    background-position: 5px -80px; }
  .learning-objectives h3.mobile-title {
    background-position: 5px -120px; }
  .attendees h3.mobile-title {
    background-position: 5px -160px; }
  .instructors h3.mobile-title {
    background-position: 5px -200px; }
  .brochure h3.mobile-title {
    background-position: 5px -240px; }

/*----- Section Titles -----*/
.arrow {
  width: 20px;
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 5;
  background: transparent url(https://confluence.engin.umich.edu/download/attachments/30508410/icon-arrow-blue.png) right 50% no-repeat; }
  .active .arrow {
    transform: rotate(0.25turn); }

a.accordion-section-title {
  padding: 7px 30px 0 0;
  font-weight: normal;
  position: relative;
  text-decoration: none;
  z-index: 10; }
  a.accordion-section-title:hover, a.accordion-section-title:focus, a.accordion-section-title:target {
    text-decoration: none; }
  a.accordion-section-title.active .arrow {
    transform: rotate(0.25turn); }

/*----- Section Content -----*/
div.accordion-section-content {
  padding: 10px;
  margin-bottom: 0;
  margin-top: 15px; }
  div.accordion-section-content .columns {
    width: 100%; }

/*.mobile-title {
	display: none;
}*/
/* Specific to course-description tabs */
#course-description {
  padding: 0 0 10px;
  margin: 0 0 25px 0;
  position: relative; }

.isd-organic-tabs .nav,
.calendar #tabs .ul-tabs-nav {
  overflow: hidden;
  margin: 0; }

.isd-organic-tabs .nav li,
.calendar #tabs .ui-tabs-nav li {
  float: left;
  margin: 0; }

.isd-organic-tabs div.tab-widget .nav li.tab-title-item:hover {
  background-color: #FFF !important; }

.isd-organic-tabs .nav li.last {
  margin-right: 0; }

.isd-organic-tabs .nav li a,
.calendar #tabs .ui-tabs-nav li.ui-state-default a {
  display: block;
  float: left;
  padding: .9em 1.5em .5em;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  border: 0;
  color: #818285;
  text-transform: uppercase; }

.calendar #tabs .ui-tabs-nav li.ui-state-default a {
  margin-top: 15px; }

/*
		.calendar li div#filterbox input["input"] {
			margin-bottom: 0;
		}
*/
.isd-organic-tabs .nav li a:hover,
.isd-organic-tabs .nav li a:focus,
.isd-organic-tabs .nav a.current,
.calendar #tabs .ui-tabs-nav li a:hover,
.calendar #tabs .ui-tabs-nav li a:focus,
.calendar #tabs .ui-tabs-nav li.ui-tabs-active a {
  /*border: #ccc 1px solid; border-bottom: none;*/
  color: #176eb5;
  background: #fff; }

.isd-organic-tabs ul {
  list-style: none; }

.isd-organic-tabs .editable ul {
  list-style: disc; }

.isd-organic-tabs .list-wrap {
  padding: 10px;
  /*border: #ccc 1px solid;*/
  margin-top: -1px;
  margin-bottom: 20px;
  background: #fff;
  font-size: .95em; }

.isd-organic-tabs p.no-space + ul {
  list-style: disc;
  margin-bottom: 20px; }

.isd-organic-tabs .list-wrap ul.disc {
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 20px; }

.isd-organic-tabs blockquote,
.isd-organic-tabs blockquote p {
  color: #58585A; }

/* Sortable tabs css fixes picked up from live site
===================================================
*/
.tabWrapper a.current + a {
  background-color: #fff;
  color: #176eb5; }

.tabWrapper:hover {
  background-color: #fff; }

.add-submenu {
  border: 1px solid black;
  position: absolute;
  top: -5px;
  left: 50px;
  z-index: 1000; }

.add-tab-subitem {
  background-color: white; }

.tab-title-item a:not(.tab-dropdown), .tab-list-az a {
  padding-top: .9em;
  padding-bottom: .9em;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: -4px;
  margin-left: -4px;
  font-weight: bold;
  color: #818285;
  font-size: 0.8em; }

.tab-title-item a.tab-dropdown {
  padding-top: .9em;
  padding-bottom: .9em;
  padding-right: 4px;
  margin-right: -4px;
  font-weight: bold;
  color: #818285; }

/* - - - - - - - - - - - - - - */
#content table {
  color: #176eb5;
  margin-bottom: 20px;
  background: #fff;
  position: relative; }
#content table.no-style {
  background: inherit;}
#content table.no-style td {
  border:none;
}

#content table th,
#content table td {
  border: #ccc 1px solid;
  padding: 5px 10px;
  font-size: .95em;
  position: relative; }

#content #main-content #login-page table, #content #main-content #login-page table tr, #content #main-content #login-page table tr td {
  border: none; }

#content .fc-content table th,
#content .fc-content table td {
  position: static; }

#content table td.blank {
  border: none; }

.isd-organic-tabs table th {
  text-align: center; }

.isd-organic-tabs .over-table {
  position: absolute;
  top: 95px;
  right: 30px; }

.hybird .tab-widget .over-table,
.isd-organic-tabs.hybird .over-table {
  /* hybrid */
  top: 140px; }

.isd-organic-tabs .over-table2 {
  position: absolute;
  bottom: -10px;
  right: 15px; }

.isd-organic-tabs table#class-comparison th {
  text-align: left; }

#content table.faculty tbody td {
  color: #58585a; }

#content table.faculty .name {
  width: 35%; }

#content table.faculty .title {
  width: 50%; }

#content table.faculty .email,
#content table.faculty .phone {
  width: 15%; }

#content table.staff .name {
  width: 25%; }

#content table.staff .title {
  width: 40%; }

#content table.curriculum th {
  font-weight: bold;
  text-align: left; }

#content table.curriculum h4 {
  margin-top: 10px;
  text-align: left; }

#content table.curriculum h5 {
  margin-bottom: 0;
  text-align: left; }

#content table.curriculum .number {
  width: 15%; }

#content table.curriculum .title {
  width: 55%; }

#content table.curriculum .offering {
  width: 20%; }

#content table.curriculum .credits {
  width: 10%;
  font-style: normal;
  text-align: center; }

#content table.curriculum.three-col .number {
  width: 25%; }

#content table.curriculum.three-col .title {
  width: 65%; }

#content table.curriculum.three-col .credits {
  width: 10%;
  white-space: nowrap; }

#content table.curriculum.three-col-2 .number {
  width: 25%; }

#content table.curriculum.three-col-2 .title {
  width: 55%; }

#content table.curriculum.three-col-2 .offering {
  width: 20%; }

#content table.curriculum.pharmeng .number {
  width: 20%; }

#content table.curriculum.pharmeng .credits {
  width: 10%;
  text-align: center; }

#content table.curriculum.pharmeng .offering {
  width: 15%;
  text-align: center; }

#content table.curriculum.pharmeng .title {
  width: 55%; }

#content table.curriculum.mfgeng {
  font-size: .9em; }

#content table.curriculum.mfgeng th {
  vertical-align: bottom; }

#content table.curriculum.mfgeng p.note,
#content table.curriculum.mfgeng ul li {
  font-size: .9em;
  line-height: 1.2em;
  margin-bottom: 5px;
  margin-left: 10px; }

#content table.curriculum.mfgeng .title {
  width: 35%; }

#content table.curriculum.mfgeng .number {
  /* both for regular class number and mfg specific class number */
  width: 20%; }

#content table.curriculum.mfgeng .credits,
#content table.curriculum.mfgeng .credit {
  width: 10%;
  text-align: center; }

#content table.curriculum.mfgeng .offering {
  width: 15%;
  text-align: center; }

@media only screen and (max-width: 768px) {
  .isd-organic-tabs .nav a {
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: underline; }
    .isd-organic-tabs .nav a.current {
      text-decoration: none; }
    .isd-organic-tabs .nav a:not(.tab-dropdown) {
      padding-right: 10px;
      padding-left: 10px; }
    .isd-organic-tabs .nav a:hover, .isd-organic-tabs .nav a:focus {
      color: #176eb5; } }
#footer .social-media {
  list-style: none;
  width: 100%;
  height: 24px; }
  #footer .social-media li {
    float: left;
    list-style: none;
    color: #fff;
    text-align: center;
    margin: 0; }
    #footer .social-media li a {
      display: block;
      width: 24px;
      height: 24px;
      margin-right: 2px;
      background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-facebook.png") 50% 50% no-repeat; }
      #footer .social-media li a.social_facebook {
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-facebook.png");
        background-position: left top;
        margin-left: -6px; }
      #footer .social-media li a.social_twitter {
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-twitter.png"); }
      #footer .social-media li a.social_linkedin {
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-linkedin.png"); }
      #footer .social-media li a.social_youtube {
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-youtube.png"); }
      #footer .social-media li a.social_tagboard {
        background-image: url("//confluence.engin.umich.edu/download/attachments/30508410/icon-social-tagboard.png"); }
    #footer .social-media li span {
      display: none; }
    #footer .social-media li.umichisd {
      color: #fff;
      font-weight: bold;
      font-size: 1.1em;
      padding-top: 10px;
      margin-left: 2px; }

#footer ul.social-media li {
  margin: 0; }

#footer ul.social-media li:last-child {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  padding-top: 7px; }

@media only screen and (max-width: 959px) {
  #footer .social-media {
    float: none;
    width: 230px;
    margin: 10px auto 20px;
    padding: 0; }
    #footer .social-media li a.social_facebook {
      margin-left: 0; } }
#audience-menu {
  list-style: none;
  float: right;
  /*height: 40px;*/
  margin: 0;
  padding: 0;
  padding-top: 35px;
  font-size: .8em; }

#audience-menu li {
  list-style: none;
  float: left;
  margin-left: 5px;
  margin-right: 10px; }

#audience-menu li a {
  display: block;
  color: #bbd7e5;
  text-transform: capitalize; }

#audience-menu li a:hover,
#audience-menu li a:focus {
  color: #fff; }

@media only screen and (max-width: 767px) {
  #audience-menu {
    display: none; } }
@media (min-width: 768px) and (max-width: 959px) {
  #audience-menu {
    width: 50%;
    padding-top: 15px; }
    #audience-menu li {
      margin-bottom: 5px; } }
/* Flexnav Base Styles */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-height: 0; }
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav li {
    font-size: 100%;
    /* position: relative; */
    overflow: hidden; }
  .flexnav li a {
    position: relative;
    display: block;
    padding: .96em;
    z-index: 2;
    overflow: hidden;
    color: #fff;
    background: #a6a6a2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .flexnav li ul {
    width: 100%; }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
  .flexnav li ul li a {
    display: block;
    background: #fff; }
  .flexnav ul li ul li a {
    background: #fff; }
  .flexnav ul li ul li ul li a {
    background: #fff; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: right; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1.4em;
      font-size: 12px;
      color: #666; }

.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #61b5da;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-size: 16px;
      position: relative;
      top: 1em;
      color: #666; }

@media all and (min-width: 768px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {
    overflow: visible; }
    .flexnav.opacity {
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    .flexnav li {
      /* position: relative; */
      list-style: none;
      float: left;
      display: block;
      background-color: #a6a6a2;
      overflow: visible;
      /* width: 20%; */ }
    .flexnav li a {
      border-left: 1px solid #acaca1;
      border-bottom: none; }
    .flexnav li > ul {
      position: absolute;
      top: auto;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }

  .menu-button {
    display: none; } }
.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    /* position: relative; */
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    /* width: 20%; */
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }

/* - - - - - - - Customization of Flexnav Main Menu for ISD - - - - - - - - - */
#main-menu {
  background-color: #61b5da;
  height: 50px !important; }
  #main-menu .flexnav > li ul li {
    list-style: none; }

.mainmenu {
  float: left;
  margin-top: 0;
  color: #fff;
  font: 85% "Open Sans", sans-serif; }

.menu-button {
  padding: 10px 11px 5px;
  height: 35px;
  background: #61b5da;
  border-bottom: none;
  font-size: 1em;
  font-weight: bold;
  color: #fff; }
  .menu-button .menu-button-text {
    display: inline-block;
    text-indent: -1000px; }
  .menu-button .touch-button {
    padding-top: 10px; }
    .menu-button .touch-button i.navicon {
      display: none;
      color: transparent;
      font-size: 12px; }

.mobile-menu-contact {
  position: absolute;
  top: 11px;
  left: 11px; }
  .mobile-menu-contact a {
    z-index: 1000;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    vertical-align: top;
    background-image: none;
    opacity: 1.0; }
    .mobile-menu-contact a img {
      height: 25px; }

.flexnav {
  margin: 0;
  padding: 0;
  /* First level */ }
  .flexnav.flexnav-show {
    max-height: 4000px; }
  .flexnav > li {
    margin-bottom: 0;
    list-style: none; }
    .flexnav > li a {
      font-weight: bold;
      font-size: 1em;
      padding: 11px;
      background: transparent;
      border: none; }
    .flexnav > li .touch-button {
      background: rgba(255, 255, 255, 0.2);
      height: 40px; }
      .flexnav > li .touch-button .navicon {
        color: #fff;
        top: 1.1em;
        left: -14px;
        display: inline-block;
        -ms-transform: rotate(-90deg);
        /* IE 9 */
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-90deg); }
      .flexnav > li .touch-button.active .navicon {
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Chrome, Safari, Opera */
        transform: rotate(0deg); }
    .flexnav > li.about {
      background-color: #134791;
      opacity: 100; }
      .flexnav > li.about > a {
        background: transparent;
        color: #fff; }
    .flexnav > li.admissions {
      background-color: #933da6;
      opacity: 100; }
      .flexnav > li.admissions > a {
        background: transparent;
        color: #fff; }
      .flexnav > li.admissions div.boxed {
        background: transparent;
        margin-bottom: 0; }
        .flexnav > li.admissions div.boxed .sub {
          width: 100%;
          float: none;
          border: none; }
    .flexnav > li.degrees {
      background-color: #ffa609;
      opacity: 100; }
      .flexnav > li.degrees > a {
        background: transparent;
        color: #fff; }
    .flexnav > li.certificates {
      background-color: #56a0d3;
      opacity: 100; }
      .flexnav > li.certificates > a {
        background: transparent;
        color: #fff; }
    .flexnav > li.programs {
      background-color: #b4af0a;
      opacity: 100; }
      .flexnav > li.programs > a {
        background: transparent;
        color: #fff; }
    .flexnav > li.people {
      background-color: #919195;
      opacity: 100; }
      .flexnav > li.people > a {
        background: transparent;
        color: #fff; }
    .flexnav > li > ul {
      display: none; }
  .flexnav li {
    /* second level */ }
    .flexnav li ul.flexnav-show {
      margin: 0; }
      .flexnav li ul.flexnav-show li {
        padding-top: 0;
        padding-bottom: 10px;
        list-style: none; }
        .flexnav li ul.flexnav-show li h3 {
          margin-top: 1em;
          margin-bottom: 2px;
          padding-left: 0;
          color: #fff;
          font-size: 1.1em;
          font-weight: bold;
          text-transform: uppercase; }
          .flexnav li ul.flexnav-show li h3 a {
            padding-left: 0;
            font-size: 1em;
            border: none; }
        .flexnav li ul.flexnav-show li a {
          background: transparent;
          border: none; }

@media (max-width: 767px) {
  #main-menu .container {
    width: 100%;
    margin: 0 11px; }
    #main-menu .container nav.mainmenu {
      width: 100%; }
    #main-menu .container li.item-with-ul ul {
      padding: 0 11px;
      margin-right: 0;
      margin-left: 0; }
      #main-menu .container li.item-with-ul ul div.sub {
        background-color: inherit;
        padding-left: 0; }
      #main-menu .container li.item-with-ul ul div.columns {
        background-color: inherit; }
        #main-menu .container li.item-with-ul ul div.columns h3 {
          font-size: 1.1em;
          color: #FFF;
          font-weight: bold;
          margin-bottom: 5px;
          line-height: 1.4em;
          text-transform: uppercase; }
          #main-menu .container li.item-with-ul ul div.columns h3 a {
            padding: 0; }
      #main-menu .container li.item-with-ul ul p {
        margin-bottom: 5px;
        padding-left: 0; }
        #main-menu .container li.item-with-ul ul p a {
          padding: 0;
          padding-bottom: 5px;
          line-height: 1.2em; }

  #main-menu .flexnav > li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    #main-menu .flexnav > li ul.flexnav-show {
      padding: 0 11px;
      max-height: 2500px; }
      #main-menu .flexnav > li ul.flexnav-show div.columns p.copy {
        display: none; }

  /* Khaled's code to fix Mobile white background flash on close */
  .item-with-ul .columns h3 {
    font-size: 1.1em;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 1.4em; }
    .item-with-ul .columns h3 a {
      padding: 5px 0; }

  .item-with-ul ul li {
    padding: 0; }

  li.item-with-ul > ul {
    padding: 0 11px;
    margin: 0; }

  .item-with-ul ul div.columns p a {
    padding: 5px 0;
    border: none;
    background: transparent; }

  .item-with-ul ul div.columns, .item-with-ul ul div.columns p, .item-with-ul ul div.columns a {
    border: none;
    background: transparent; }

  .item-with-ul ul div.columns p, .item-with-ul ul div.columns p a {
    border: none;
    background: transparent; }

  .item-with-ul ul.flexnav-show div.columns p a {
    border: none;
    background: transparent; }

  /* End of Khaled's code */ }
@media (min-width: 768px) and (max-width: 959px) {
  #main-menu {
    width: 100%; }
    #main-menu .container {
      width: 100%; }

  .container .mainmenu.columns.twelve {
    width: 90%;
    margin: 0; } }
@media (min-width: 768px) {
  #main-menu {
    height: 50px;
    background-color: rgba(97, 181, 218, 0.8); }

  .mobile-menu-contact {
    display: none; }

  .touch-button {
    display: none; }

  nav.mainmenu {
    height: 50px;
    margin: 0;
    background: none; }
    nav.mainmenu .flexnav > li {
      padding: 5px; }
      nav.mainmenu .flexnav > li > a {
        height: 23px;
        /* Total height: 50px; alternate: 28px; */
        padding: 11px 5px 6px;
        border: none;
        background: none;
        font: bold 100% "Open Sans", sans-serif;
        color: #fff; }
        nav.mainmenu .flexnav > li > a:hover, nav.mainmenu .flexnav > li > a:focus {
          text-decoration: none;
          background-color: transparent; }
      nav.mainmenu .flexnav > li.about {
        background-color: #134791;
        background-color: rgba(19, 71, 145, 0.7); }
        nav.mainmenu .flexnav > li.about h3,
        nav.mainmenu .flexnav > li.about h3 > a {
          color: #134791; }
        nav.mainmenu .flexnav > li.about:hover, nav.mainmenu .flexnav > li.about:hover > a {
          background-color: #fff;
          color: #134791; }
        nav.mainmenu .flexnav > li.about > a:hover, nav.mainmenu .flexnav > li.about > a:focus {
          color: #134791;
          background-color: transparent; }
      nav.mainmenu .flexnav > li.admissions {
        background-color: #6c207e;
        background-color: rgba(108, 32, 126, 0.7); }
        nav.mainmenu .flexnav > li.admissions h3,
        nav.mainmenu .flexnav > li.admissions h3 > a {
          color: #6c207e; }
        nav.mainmenu .flexnav > li.admissions:hover, nav.mainmenu .flexnav > li.admissions:hover > a {
          background-color: #fff;
          color: #6c207e; }
        nav.mainmenu .flexnav > li.admissions.active a, nav.mainmenu .flexnav > li.admissions > a:hover, nav.mainmenu .flexnav > li.admissions > a:focus {
          color: #6c207e;
          background-color: transparent; }
        nav.mainmenu .flexnav > li.admissions div.boxed {
          min-height: 180px;
          background: #efefef;
          margin-left: 20px;
          margin-right: 0;
          padding: 10px 0;
          border-color: #933da6; }
          nav.mainmenu .flexnav > li.admissions div.boxed h3 {
            margin-top: 5px;
            margin-bottom: 10px; }
          nav.mainmenu .flexnav > li.admissions div.boxed div.sub {
            width: 47%;
            float: left;
            border-left: 1px solid #933da6; }
            nav.mainmenu .flexnav > li.admissions div.boxed div.sub.right {
              float: right; }
            nav.mainmenu .flexnav > li.admissions div.boxed div.sub.left {
              border: none; }
          nav.mainmenu .flexnav > li.admissions div.boxed.des-sci {
            border-color: #0075bc; }
            nav.mainmenu .flexnav > li.admissions div.boxed.des-sci div.sub {
              border-color: #0075bc; }
            nav.mainmenu .flexnav > li.admissions div.boxed.des-sci h3 {
              color: #0075bc; }
              nav.mainmenu .flexnav > li.admissions div.boxed.des-sci h3 a {
                color: #0075bc; }
      nav.mainmenu .flexnav > li.degrees {
        background-color: #d59f0d;
        background-color: rgba(213, 159, 13, 0.9); }
        nav.mainmenu .flexnav > li.degrees h3,
        nav.mainmenu .flexnav > li.degrees h3 > a {
          color: #d59f0d; }
        nav.mainmenu .flexnav > li.degrees:hover, nav.mainmenu .flexnav > li.degrees:hover > a {
          background-color: #fff;
          color: #d59f0d; }
        nav.mainmenu .flexnav > li.degrees > a:hover, nav.mainmenu .flexnav > li.degrees > a:focus {
          color: #d59f0d;
          background-color: transparent; }
      nav.mainmenu .flexnav > li.certificates {
        background-color: #56a0d3;
        background-color: rgba(86, 160, 211, 0.7); }
        nav.mainmenu .flexnav > li.certificates h3,
        nav.mainmenu .flexnav > li.certificates h3 > a {
          color: #56a0d3; }
        nav.mainmenu .flexnav > li.certificates:hover, nav.mainmenu .flexnav > li.certificates:hover > a {
          background-color: #fff;
          color: #56a0d3; }
        nav.mainmenu .flexnav > li.certificates > a:hover, nav.mainmenu .flexnav > li.certificates > a:focus {
          color: #56a0d3;
          background-color: transparent; }
      nav.mainmenu .flexnav > li.programs {
        background-color: #b0bc22;
        background-color: rgba(176, 188, 34, 0.7); }
        nav.mainmenu .flexnav > li.programs h3,
        nav.mainmenu .flexnav > li.programs h3 > a {
          color: #b0bc22; }
        nav.mainmenu .flexnav > li.programs:hover, nav.mainmenu .flexnav > li.programs:hover > a {
          background-color: #fff;
          color: #b0bc22; }
        nav.mainmenu .flexnav > li.programs > a:hover, nav.mainmenu .flexnav > li.programs > a:focus {
          color: #b0bc22;
          background-color: transparent; }
        nav.mainmenu .flexnav > li.programs div.feature p {
          width: 96%;
          padding: 0 10px;
          font-weight: bold;
          line-height: 1.3em; }
          nav.mainmenu .flexnav > li.programs div.feature p a {
            color: #e6b028; }
      nav.mainmenu .flexnav > li.careers {
        background-color: #b86e23;
        /*#b86e23, 70% opaque*/
        background-color: rgba(184, 110, 35, 0.7); }
        nav.mainmenu .flexnav > li.careers h3,
        nav.mainmenu .flexnav > li.careers h3 > a {
          color: #b86e23; }
        nav.mainmenu .flexnav > li.careers:hover, nav.mainmenu .flexnav > li.careers:hover > a {
          background-color: #fff;
          color: #b86e23; }
        nav.mainmenu .flexnav > li.careers > a:hover, nav.mainmenu .flexnav > li.careers > a:focus {
          color: #b86e23;
          background-color: transparent; }
      nav.mainmenu .flexnav > li.people {
        background-color: #919195;
        background-color: rgba(145, 145, 149, 0.7); }
        nav.mainmenu .flexnav > li.people > a {
          color: #fff; }
        nav.mainmenu .flexnav > li.people h3,
        nav.mainmenu .flexnav > li.people h3 > a {
          color: #919195; }
        nav.mainmenu .flexnav > li.people:hover, nav.mainmenu .flexnav > li.people:hover > a {
          background-color: #fff;
          color: #919195; }
        nav.mainmenu .flexnav > li.people > a:hover, nav.mainmenu .flexnav > li.people > a:focus {
          color: #919195;
          background-color: transparent; }
      nav.mainmenu .flexnav > li .touch-button {
        display: none; }
      nav.mainmenu .flexnav > li > ul {
        position: absolute;
        top: 50px;
        left: 0;
        width: 960px;
        margin: 0;
        padding: 20px 0;
        background-color: #fff;
        -webkit-box-shadow: 0 5px 5px 0 #999;
        box-shadow: 0 5px 5px 0 #999; }
        nav.mainmenu .flexnav > li > ul li {
          background: #fff;
          margin-bottom: 0;
          padding: 0;
          padding-top: 5px; }
        nav.mainmenu .flexnav > li > ul div.columns {
          margin: 0 10px; }
        nav.mainmenu .flexnav > li > ul h3 {
          margin: 0;
          margin-bottom: 0.5em;
          margin-left: 15px;
          padding: 0;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 1.1em;
          line-height: 100%; }
          nav.mainmenu .flexnav > li > ul h3 a {
            margin: 0;
            padding: 0;
            color: #58585a;
            background: transparent;
            border: none; }
        nav.mainmenu .flexnav > li > ul p {
          margin: 0;
          margin-bottom: 3px;
          margin-left: 15px;
          padding: 0;
          line-height: 1.2em;
          font-size: 1em;
          font-weight: normal; }
          nav.mainmenu .flexnav > li > ul p a {
            margin: 0;
            padding: 0;
            padding-bottom: 5px;
            color: #58585a;
            font-weight: normal;
            background: transparent;
            border: none; }
          nav.mainmenu .flexnav > li > ul p.copy {
            color: #58585a; }
            nav.mainmenu .flexnav > li > ul p.copy a {
              display: inline;
              padding-bottom: 0;
              color: rgba(86, 160, 211, 0.7);
              font-weight: bold; } }
@media (min-width: 960px) {
  #main-menu {
    height: 50px; }
    #main-menu .container {
      padding: 0;
      margin: 0 auto;
      height: 50px; } }
/* - - - - - - - - CSS for Admissions menu boxes - - - - - - - - */
div.boxed {
  width: 90%;
  border: #933da6 1px solid;
  /*Admissions Purple */
  background: #efefef;
  padding: 0 10px 10px 0;
  margin: 0 0 1em 0;
  position: relative;
  vertical-align: text-top; }

.boxed .sub {
  width: 48%;
  padding: 0 0 0 10px;
  margin: 0;
  border-left: #933da6 1px solid;
  /*Admissions Purple */
  color: #58585a; }

.boxed .des-sci, .des-sci .sub {
  border-color: #0075bc; }

.mainmenu > li.admissions .des-sci .sub h3 {
  color: #0075bc; }

.boxed .des-sci p a:hover, .boxed .des-sci p a:focus {
  color: #0075bc; }

/* - - - - -  Specifically for Admissions + Aid Mega Menu - - - - - */
@media (min-width: 800px) {
  div.boxed {
    background: #efefef;
    border: #933da6 1px solid;
    /*Admissions Purple */
    padding: 0 10px 10px;
    margin: 0 0 20px 0;
    position: relative;
    /*height: 220px;*/ }
    div.boxed div.sub {
      /*height: 147px;*/
      width: 45%;
      margin: 0;
      padding: 0;
      border-left: #933da6 1px solid;
      /*Admissions Purple */ }
      div.boxed div.sub.right {
        float: right;
        border-left: 1px solid #000;
        padding-left: 10px;
        margin-left: 5px; }
      div.boxed div.sub.left {
        float: left; }
      div.boxed div.sub h3 {
        height: 15px;
        padding: 5px 0;
        margin: 15px 0 15px;
        font-size: 1.3em;
        line-height: 1.3em;
        color: #933da6;
        background: #efefef; }
      div.boxed div.sub a:hover, div.boxed div.sub a:focus {
        color: #933da6; } }
/* - - - - - - - - CSS for Custom Programs feature box - - - - - - - - */
.programs div.feature {
  background: #7c8703;
  color: #fff;
  height: 230px;
  padding: 10px; }

.programs div.feature img {
  float: left;
  height: 230px;
  padding: 0;
  margin: 0;
  margin-right: 20px; }

.programs div.feature p {
  color: #FFFFFF;
  margin-bottom: 0;
  padding-right: 20px;
  padding-top: 25px;
  text-align: left;
  width: 100%;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 21px;
  text-shadow: none; }

.programs div.feature p a {
  color: #e6b028;
  display: inline; }

@media (max-width: 767px) {
  .programs div.feature {
    display: none; } }
#grad-menu {
  width: 100%;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") left top repeat-x;
  margin-left: 0;
  padding-left: 0;
  list-style: none; }
  #grad-menu li {
    padding: 10px 0 10px 20px;
    margin-bottom: 0;
    background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") left bottom repeat-x; }
    #grad-menu li:hover {
      background-color: #fff; }
    #grad-menu li.current {
      background-color: #fff; }
      #grad-menu li.current a {
        background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-menuarrow-active.png") 5px 50% no-repeat;
        color: #1f6db4;
        background-color: #fff; }
  #grad-menu a {
    display: block;
    padding: 5px 10px 5px 25px;
    background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-menuarrow-resting.png") 5px 50% no-repeat;
    color: #6d6e70;
    text-decoration: none; }
    #grad-menu a:hover, #grad-menu a:focus {
      background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-menuarrow-active.png") 5px 50% no-repeat;
      color: #1f6db4;
      background-color: #fff; }

/*   - - - - - - - .about program specific - - - - - - -   */
.about #page-banner {
  background: none;
  background: #597eb2; }

.about h2.page-title {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .about #page-banner {
    background: none; } }
/*
	.about.landing #page-banner .container	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/about-banner.jpg") top right no-repeat;
	}	

	.about.landing #page-banner .container.brightfuture	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-brightfutureevent.jpg") top right no-repeat;
	}	

	*/
/*   - - - - - - - about branding landing - - - - - - -   */
/*
	.about.landing #page-banner .container.integrative	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/integrative-thinking-banner.jpg") top right no-repeat;
	}	
	
	.about.landing #page-banner .container.leadership	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/leadership-banner.jpg") top right no-repeat;
	}	
	
	.about.landing #page-banner .container.across	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/acrossdisciplines-banner.jpg") top right no-repeat;
	}	
	
	.about.landing #page-banner .container.design	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/designtech-banner.jpg") top right no-repeat;
	}	
*/
/*   - - - - - - - .howto How to Get Started specific - - - - - - -   */
.howto #course-description {
  -webkit-box-shadow: none;
  box-shadow: none; }

.howto #course-description .nav {
  margin-left: 75px; }

.howto #course-description .nav li {
  margin-left: 30px;
  height: 240px;
  padding: 0;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/icons-howtogetstarted.png") 0 bottom no-repeat; }

.howto #course-description .nav li a {
  text-transform: capitalize;
  margin: 0;
  width: 160px;
  height: inherit;
  /* TOTAL height: 160px; */
  padding: 125px 0 0 0;
  background: none;
  font-weight: bold;
  font-size: 1.2em;
  color: #cccccc; }

/* Compare Programs */
.howto #course-description .nav li.nav-one {
  background-position: 0 bottom; }

.howto #course-description .nav li.nav-one.current,
.howto #course-description .nav li.nav-one:hover,
.howto #course-description .nav li.nav-one:focus {
  background-position: 0 top; }

.howto #course-description .nav li.nav-one a {
  background-position: 0 bottom;
  height: 110px;
  /* TOTAL height: 245px; */
  padding-top: 110px; }

.howto #course-description .nav li.nav-one a:hover,
.howto #course-description .nav li.nav-one a.current {
  /* Compare Programs */
  margin-top: 0;
  background-position: 0 top;
  height: 140px;
  /* TOTAL height: 255px; */
  padding-top: 94px;
  color: #1f6eb4; }

.howto #course-description .nav li.nav-one a.current,
.howto #course-description .nav li.nav-one:hover a,
.howto #course-description .nav li.nav-one:focus a {
  padding-top: 94px; }

/* Delivery */
.howto #course-description .nav li.nav-two {
  background-position: -180px bottom; }

.howto #course-description .nav li.nav-two.current,
.howto #course-description .nav li.nav-two:hover,
.howto #course-description .nav li.nav-two:focus {
  background-position: -180px top; }

.howto #course-description .nav li.nav-two a {
  background-position: -180px bottom;
  height: 105px;
  /* TOTAL height: 245px; */
  padding-top: 125px; }

.howto #course-description .nav li.nav-two a:hover,
.howto #course-description .nav li.nav-two a.current {
  margin-top: 0;
  height: 140px;
  /* TOTAL height: 255px; */
  padding-top: 107px;
  background-position: -180px top;
  color: #1f6eb4; }

.howto #course-description .nav li.nav-two a.current,
.howto #course-description .nav li.nav-two:hover a,
.howto #course-description .nav li.nav-two:focus a {
  padding-top: 107px; }

/* Time Commitment */
.howto #course-description .nav li.nav-three {
  background-position: -360px bottom; }

.howto #course-description .nav li.nav-three a {
  background-position: -360px bottom;
  height: 105px;
  /* TOTAL height: 245px; */
  padding-top: 116px; }

.howto #course-description .nav li.nav-three a:hover,
.howto #course-description .nav li.nav-three a.current {
  /* Time Commitment */
  margin-top: 0;
  height: 140px;
  /* TOTAL height: 255px; */
  padding-top: 97px;
  background-position: -360px top;
  color: #1f6eb4; }

.howto #course-description .nav li.nav-three.current,
.howto #course-description .nav li.nav-three:hover,
.howto #course-description .nav li.nav-three:focus {
  background-position: -360px top; }

.howto #course-description .nav li.nav-three a.current,
.howto #course-description .nav li.nav-three:hover a,
.howto #course-description .nav li.nav-three:focus a {
  padding-top: 97px; }

/* Tuition & Financial Aid */
.howto #course-description .nav li.nav-four {
  background-position: -540px bottom; }

.howto #course-description .nav li.nav-four.current,
.howto #course-description .nav li.nav-four:hover,
.howto #course-description .nav li.nav-four:focus {
  background-position: -540px top; }

.howto #course-description .nav li.nav-four a {
  background-position: -540px bottom;
  height: 120px;
  /* TOTAL height: 245px; */
  padding-top: 115px; }

.howto #course-description .nav li.nav-four a:hover,
.howto #course-description .nav li.nav-four a.current {
  /* Tuition & Financial Aid */
  margin-top: 0;
  height: 160px;
  /* TOTAL height: 255px; */
  padding-top: 95px;
  background-position: -540px top;
  color: #1f6eb4; }

.howto #course-description .nav li.nav-four a.current,
.howto #course-description .nav li.nav-four:hover a,
.howto #course-description .nav li.nav-four:focus a {
  padding-top: 97px; }

.howto #course-description .list-wrap {
  margin-top: 0;
  padding: 0;
  border: 1px solid #ccc; }

.howto #course-description .list-wrap ul {
  padding: 20px; }

.howto #content table {
  width: 100%;
  margin-bottom: 50px;
  text-align: center;
  color: #313131;
  /* 70% black */ }

.howto #content table th,
.howto #content table td {
  padding: 15px 0;
  line-height: 1.3em;
  border: none;
  border-bottom: 1px solid #ccc; }

.howto #content thead th {
  vertical-align: bottom;
  color: #313131;
  /* 70% black */ }

.howto #content thead th h3 {
  margin: 0;
  padding: 0;
  font-weight: bold; }

.howto #content tbody th {
  color: #3678a8;
  font-weight: normal; }

#student-feature h3 {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 5px; }

#student-feature img {
  width: 90px;
  height: 90px;
  border: #fff 5px solid; }

#student-feature a {
  display: block;
  float: left;
  margin: 0 5px 5px 0; }

/*   - - - - - - - .students Current Student specific - - - - - - -   */
.students #page-banner {
  background-image: none;
  background-color: #2f63a2; }

.students h2.page-title {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .students #page-banner {
    background: none; } }
/*
.students.landing #page-banner .container.currentstudents	{
    background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-current-students-title.jpg") top right no-repeat;
}
*/
/*   - - - - - - - .calendar specific - - - - - - -   */
.calendar #isd-calendar {
  width: 800px;
  display: none; }

.calendar #page-banner {
  background: #f58345;
  height: 100px; }

.calendar #page-banner .container {
  background: none; }

.calendar #page-banner h2.page-title {
  color: #fff;
  padding-top: 35px; }

.calendar #tabs {
  margin-bottom: 0; }

.calendar #tabsinput::-webkit-input-placeholder {
  color: #555; }

.calendar #tabsinput:-moz-placeholder {
  color: #555; }

.calendar #tabsinput:-ms-input-placeholder {
  color: #555; }

.calendar #page-content {
  margin-left: 0; }

.calendar #eventList {
  background-color: inherit;
  float: none; }

.calendar #page-content p {
  margin-bottom: 5px; }

.calendar #page-content p.price {
  text-align: center; }

.calendar #page-content a {
  /*display: inline-flex;*/
  color: #da7939; }

.calendar #page-content .monthLinks a {
  color: #176EB5; }

.calendar .monthLinks ul {
  margin-bottom: 0; }

.calendar .event,
.calendar .event .eleven.columns {
  width: 620px;
  background: #FFF url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") left bottom repeat-x;
  padding: 10px;
  float: none;
  display: block; }

.calendar #eventList .seven {
  margin-left: 10px; }

.calendar h3.titleBg,
.calendar .date {
  font-size: 1.2em;
  color: #1f6eb4;
  margin-bottom: 5px; }

.calendar .date {
  margin-bottom: 5px;
  font-size: 1em; }

.calendar .dateBg {
  display: block;
  font-size: 2em;
  color: #1f6eb4;
  margin-top: 40px;
  margin-bottom: 20px; }

.calendar h4.subtitlebg {
  font-weight: normal;
  margin-bottom: 5px;
  text-transform: capitalize; }

.calendar h4.subtitlebg,
.calendar .location,
.calendar .seats,
.calendar .price,
.calendar .sold-out {
  font-size: .9em; }

.calendar .overview p {
  font-size: .9em; }

.calendar .event .seven,
.calendar .event .one {
  margin-right: 0; }

.calendar .event .one.column.status {
  float: right;
  width: 70px; }

.calendar .event .status a {
  display: block;
  width: 70px;
  font-size: .7em;
  text-transform: uppercase;
  text-align: center;
  color: #da7939; }

.calendar .event .status .register a {
  display: block;
  width: 70px;
  min-height: 30px;
  padding: 20px 5px 0 5px;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-register-orange.png") 50% top no-repeat; }

.calendar .event .sold-out {
  min-height: 30px;
  width: 70px;
  padding: 20px 5px 0 5px;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/icon-soldout.png") 50% top no-repeat;
  font-size: .7em;
  text-transform: uppercase;
  text-align: center;
  color: #e62031; }

.calendar .event .status .seats a {
  display: block;
  width: 70px;
  padding: 0 5px; }

@media only screen and (max-width: 768px) {
  .calendar #page-banner {
    height: inherit;
    min-height: 67px; }
  .calendar #page-banner .container {
    margin: 0;
    width: 100%; }
    .calendar #page-banner .container img {
      display: none; } }
/*   - - - - - - news article archive specific - - - - - - */
.article-archive {
  position: relative;
  margin-top: -25px; }
  .article-archive .dateBg {
    display: block;
    font-size: 2em;
    color: #1f6eb4;
    margin-top: 40px;
    margin-bottom: 20px; }
  .article-archive #filter_box {
    width: 100%;
    float: left;
    background-color: inherit; }
    .article-archive #filter_box input#textFilter {
      float: right; }

#rss-feed {
  position: absolute;
  right: 5px;
  top: -50px; }
  #rss-feed img {
    vertical-align: bottom; }

.article-list {
  position: relative; }
  .article-list #rss-feed {
    top: -55px; }

/*   - - - - - - - .admissions program specific - - - - - - -   */
.admissions #page-banner {
  background: none;
  background: #933da6; }

.admissions h2.page-title {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .admissions #page-banner {
    background: none; } }
/*
	.admissions.landing #page-banner .container.admissionsaid	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-admissions-aid-title.jpg") top right no-repeat;
	}	

*/
/*   - - - - - - - .grad program specific - - - - - - -   */
.grad #page-banner {
  background: #ffa609; }

.grad #page-banner .container {
  background: none; }

.grad h2.page-title {
  color: #fff; }

.grad #page-content h4.course-title {
  color: #58585a;
  margin: 0;
  font-size: 1.2em; }

.grad .credits {
  font-style: italic;
  margin-bottom: 5px; }

.grad #sidebar {
  margin-top: 0; }

@media only screen and (max-width: 768px) {
  .grad #page-banner {
    background: none; } }
/* - - - - - - - See #grad-menu in _sidebar-submenu.scss - - - - - - - */
/*LANDING STYLE PAGE BANNERS*/
/*
	.landing #page-banner .container.professionalprograms	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-professional-programs.jpg") top right no-repeat;
	}
	
	.landing #page-banner .container.onlineproprograms	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-online-professional-programs.jpg") top right no-repeat;
	}
	
	.landing #page-banner .container.sixsigma-landing	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-sixsigma-landingpg.jpg") top right no-repeat;
	}
*/
/*GRAD STYLE PROGRAM BANNERS*/
/*
	.grad.landing #page-banner .container.onlinelearning	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-online-graduate-courses-ss13.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.onlinecourses-f13	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-online-graduate-courses-f13.jpg") top right no-repeat;
	}
	
		.grad.landing #page-banner .container.onlinecourses-ss13	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-online-graduate-courses-ss13.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.mengmba	{
		background: transparent url(https://confluence.engin.umich.edu/download/attachments/21103180/banner-meng-mba-title.jpg
) top right no-repeat;
	}
	
	
	.grad.landing #page-banner .container.degproglanding	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-degree-programs-title.jpg") top right no-repeat;
	}
	
		
	.grad.landing #page-banner .container.proed	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-professional-programs-title.jpg") top right no-repeat;
	}
	
	
	.grad.landing #page-banner .container.custom-programs	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-customprograms-title.jpg ") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.auto	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/auto-banner.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.ceat	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/ceat-banner.jpg") top right no-repeat;
	}	

	.grad.landing #page-banner .container.fineng	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-financial-eng-title.jpg") top right no-repeat;
	}	
	
	.grad.landing #page-banner .container.ds	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/ds-banner.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.ese	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/ese-banner.jpg") top right no-repeat;
	}	
	
	.grad.landing #page-banner .container.fin	{
		background: transparent url(../degree-programs/financial-engineering/images/fin-banner.jpg) top right no-repeat;
	}
	
	.grad.landing #page-banner .container.mfg	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/mfg-banner.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.mfgdoc	{
		background: transparent url(../degree-programs/manufacturing-engineering-doctorate/images/mfgdoc-banner.jpg) top right no-repeat;
	}
	
	.grad.landing #page-banner .container.mfgmba	{
		background: transparent url(../degree-programs/manufacturing-engineering-mba/images/mfgmba-banner.jpg) top right no-repeat;
	}
	
	.grad.landing #page-banner .container.game	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/game-banner.jpg") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.pharma	{
		background: transparent url(../degree-programs/pharmaceutical-engineering/images/pharma-banner.jpg) top right no-repeat;
	}
	.grad.landing #page-banner .container.pharmeng	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-pharm-eng-title.jpg ") top right no-repeat;
	}
	
	.grad.landing #page-banner .container.rav	{
		background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/rav-banner.jpg") top right no-repeat;
	}
*/
/*   - - - - - - - .pro program specific - - - - - - -   */
.pro #page-banner {
  background: #a6bee0 url("//confluence.engin.umich.edu/download/attachments/30508410/title-ribbon-bg.jpg") 50% 50% no-repeat; }

.pro h2.page-title {
  color: #176eb5; }

@media only screen and (max-width: 768px) {
  .pro #page-banner {
    background: none; } }
/*   - - - - - - - .custom program specific - - - - - - -   */
.custom #page-banner {
  background: none;
  background: #c6cf62; }

.custom h2.page-title {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .custom #page-banner {
    background: none; } }
/*   - - - - - - - .people People specific - - - - - - -   */
.people #page-banner {
  background-image: none;
  background-color: #919195;
  background-color: rgba(145, 145, 149, 0.7); }

.people h2.page-title {
  color: #fff; }

@media only screen and (max-width: 768px) {
  .people #page-banner {
    background: none; } }
/*
.people.landing #page-banner .container.people	{
    background: transparent url("//confluence.engin.umich.edu/download/attachments/21103180/banner-people-title.jpg") top right no-repeat;
}
*/
/*   - - - - - - - .directory Specific - - - - - - -   */
div.directory img {
  border: 5px solid #fff;
  margin-bottom: 5px; }

div.directory dl {
  display: block;
  width: 160px;
  list-style: none; }

div.directory dt {
  color: #176eb5;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em; }

div.directory dd {
  color: #4c4c4c;
  font-size: .9em;
  margin-bottom: 1px;
  text-indent: 0;
  margin-left: 0;
  padding-left: 0;
  line-height: 1.2em; }

div.directory dd a:link, a:active, a:visited {
  color: #176eb5;
  text-decoration: none; }

div.directory dd a:hover {
  color: #176eb5;
  text-decoration: underline; }

div.directory .row {
  min-height: 5px;
  padding-bottom: 5px;
  margin-bottom: 25px;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") left bottom repeat-x; }

@media only screen and (max-width: 767px) {
  /* People pages specific */
  /* this can be generalized for all pages */
  /* this can be generalized for all pages */
  .people #content table {
    width: 100%; }

  .people #content table thead {
    display: none; }

  .people #content table td {
    border: none;
    display: block; }

  .people #content table tr {
    border-bottom: 1px solid #ccc; }

  .people #content table tr > :first-child {
    font-weight: bold; }

  .people #content ul.alpha-in-page {
    display: none; } }
/* Specific to A-Z in-page links on faculty and staff pages */
ul.alpha-in-page {
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  list-style: none;
  margin-left: 0;
  padding-left: 0; }

ul.alpha-in-page li {
  float: left; }

ul.alpha-in-page li a {
  display: block;
  width: 14px;
  padding: 5px; }

.homepage #main-menu {
  position: relative;
  top: 80px;
  background: rgba(97, 181, 218, 0.8); }
.homepage #main-body {
  margin-top: 30px; }

@media only screen and (max-width: 767px) {
  /* Homepage specific */
  #action .buttons a.actions {
    width: 100%; } }
#slider {
  height: 390px;
  /* header + main-menu + slider = 80+50+260   */
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0; }

.homeslider {
  margin-bottom: 0;
  border: none; }

#slider .slide {
  width: 100%;
  height: 80px;
  /* header + main-menu + slider = 80+50+260=390 minus 300 padding  */
  padding-top: 310px;
  background: #fff url("//confluence.engin.umich.edu/download/attachments/30508410/slider-bg-blue.gif") 50% bottom repeat-x; }

#slider .slide.first {
  /*background: #fff url(../../images/) 50% bottom no-repeat;
  background-color: pink;	*/ }

#slider .slide.second {
  /*background: #fff url(../../images/) 50% bottom no-repeat;
  background-color: pink;	*/ }

#slider .slide.third {
  /*background: #fff url(../../images/) 50% bottom no-repeat;
  background-color: pink;	*/ }

#slider .slide.fourth {
  /*background: #fff url(../../images/) 50% bottom no-repeat;
  background-color: pink;	*/ }

#slider .slide.fifth {
  /*background: #fff url(../images/) 50% bottom no-repeat;
  background-color: pink;	*/ }

#slider .slide h2 {
  width: 100%;
  margin-bottom: 0; }

#slider .slide h2 a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1em;
  color: #13477d;
  text-decoration: none; }

#slider .slide a:hover,
#slider .slide a:focus {
  text-decoration: none; }

#slider .slide p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 90%; }

#slider .slide p a {
  display: block;
  margin: 0;
  padding: 0;
  color: black;
  text-decoration: none; }

/* SLIDER2 BUTTON
================================================================ */
.slider2button {
  display: inline-block;
  font-weight: normal;
  font-family: Arial, sans-serif;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  *float: left;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); }

.slider2button:active {
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.08); }

.slider2button.large i {
  float: left;
  margin: 3px 5px 0 -7px; }

.slider2button.medium i {
  float: left;
  margin: 2px 5px 0 -5px; }

.slider2button.small i {
  float: left;
  margin: 1px 5px 0 -3px; }

.slider2button.large {
  padding: 10px 20px 8px 20px;
  font-size: 18px;
  line-height: 20px; }

.slider2button.medium {
  padding: 7px 14px;
  font-size: 14px; }

.slider2button.small {
  padding: 6px 12px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  line-height: 16px; }

.slider2button.yellow {
  border: 1px solid #e6bd4c;
  background-image: linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
  background-image: -o-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
  background-image: -moz-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
  background-image: -webkit-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
  background-image: -ms-linear-gradient(bottom, #FCCC73 0%, #FAE198 100%);
  background-color: #fdeb52;
  color: #0c3054; }

.slider2button.yellow:link {
  text-decoration: none; }

.slider2button.yellow:visited {
  text-decoration: none; }

.slider2button.yellow:active {
  text-decoration: none; }

.slider2button.yellow:hover {
  background: #fbe41f;
  text-decoration: none; }

.slider2button.blue {
  background-image: linear-gradient(bottom, #0280e1 0%, #1799fe 100%);
  background-image: -o-linear-gradient(bottom, #0280e1 0%, #1799fe 100%);
  background-image: -moz-linear-gradient(bottom, #0280e1 0%, #1799fe 100%);
  background-image: -webkit-linear-gradient(bottom, #0280e1 0%, #1799fe 100%);
  background-image: -ms-linear-gradient(bottom, #0280e1 0%, #1799fe 100%);
  background-color: #0280e1;
  color: #FFFFFF; }

.slider2button.blue:link {
  text-decoration: none; }

.slider2button.blue:visited {
  text-decoration: none; }

.slider2button.blue:active {
  text-decoration: none; }

.slider2button.blue:hover {
  background: #1799fe;
  text-decoration: none; }

.slider2button.dk-blue {
  background-image: linear-gradient(bottom, #1e5086 0%, #1e5086 100%);
  background-image: -o-linear-gradient(bottom, #1e5086 0%, #1e5086 100%);
  background-image: -moz-linear-gradient(bottom, #1e5086 0%, #1e5086 100%);
  background-image: -webkit-linear-gradient(bottom, #1e5086 0%, #1e5086 100%);
  background-image: -ms-linear-gradient(bottom, #0280e1 0%, #1e5086 100%);
  background-color: #1e5086;
  color: #FFFFFF; }

.slider2button.dk-blue:link {
  text-decoration: none; }

.slider2button.dk-blue:visited {
  text-decoration: none; }

.slider2button.dk-blue:active {
  text-decoration: none; }

.slider2button.dk-blue:hover {
  background: #0280e1;
  text-decoration: none; }

/* SLIDER2 BUTTON
================================================================ */
.flexslider .slides > li,
.slide,
.slide img {
  display: block;
  position: absolute;
  top: 0;
  right: 0; }

.slide img {
  /* forces slider image to fill entire space. May distort image */
  width: 100%;
  height: 100%; }

.flexslider {
  /* position: absolute;
   left: 200px;*/
  position: relative;
  width: 960px;
  margin: 0 auto 10px;
  /* change margin-bottom in screen.css line 105 to push the caption away from the bottom.
     using bottom:50px messes things up */ }

ul.flex-direction-nav {
  background: #f3f2f1;
  top: 370px;
  right: 50px;
  height: 8px;
  width: 84px;
  /* TOTAL height:20px; width: 48px; 3 buttons= 48px */
  /* 4 buttons=60px, 5 buttons=72px, 6 buttons=84px, 7 buttons=96px  */
  padding: 6px 0 6px 6px;
  z-index: 9; }

.flex-direction-nav li {
  float: left;
  margin-right: 6px;
  display: block;
  width: 8px;
  height: 8px; }

.flex-direction-nav li a {
  width: 8px;
  height: 8px;
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/slider-indicator.gif") 50% 50% no-repeat; }

.flex-direction-nav li a.current {
  background: transparent url("//confluence.engin.umich.edu/download/attachments/30508410/slider-indicator-current.gif") 50% 50% no-repeat; }

.flex-direction-nav .flex-caption {
  background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; }

@media (max-width: 768px) {
  #slider {
    display: none; } }
#ribbon {
  /*height: 240px;*/
  /* Total height: 280px; */
  padding-top: 30px;
  padding-bottom: 1px;
  margin-bottom: 0;
  background: #f3f2f1 none 25% -30px no-repeat;
  /* url("//confluence.engin.umich.edu/download/attachments/30508410/ISD-video-ribbons.png") */
  margin-top: 330px; }

#ribbon h3 {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 1em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f3901d;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2.5px; }

#ribbon h4 {
  color: #9f9f9f;
  font-size: 1.7em;
  line-height: 1.3em; }

#ribbon p {
  color: #4c4c4c;
  font-size: 1em; }

#ribbon .button {
  float: none;
  display: inline-block;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  font-size: .85em;
  border: none;
  background: #1b75bc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzViYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzc1YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #1b75bc 0%, #2775bc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b75bc), color-stop(100%, #2775bc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1b75bc 0%, #2775bc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1b75bc 0%, #2775bc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1b75bc 0%, #2775bc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1b75bc 0%, #2775bc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b75bc', endColorstr='#2775bc', GradientType=0);
  /* IE6-8 */ }

#ribbon div.video {
  margin-left: 20px;
  float: right; }

#ribbon .video-container {
  /*width: 370px; height: 205px;*/
  /* This needs to be manually set to meet the size of the embedded video */
  float: right;
  border: 8px solid #fff;
  margin-bottom: 30px; }

/*  KTA's addition */
.marginTopNeg50 {
  margin-top: -50px; }

#slider {
  position: relative; }

ul.slides .container.flex-caption {
  position: inherit;
  font-size: .9em;
  padding: 10px; }

#ribbon {
  margin-top: 0; }

#ribbon table, #ribbon table tr, #ribbon table tr td {
  border-style: none;
  background: inherit; }

#action {
  /*height: 240px;*/
  /* Total height: 280px; */
  padding-top: 30px;
  /* need this for homepage WITHOUT #ribbon */
  background: #f3f2f1 url("//confluence.engin.umich.edu/download/attachments/30508410/rule-embossed.gif") repeat-x scroll left top; }

#action .mini-feature {
  height: 180px;
  margin-bottom: 15px;
  margin-right: 20px;
  /*border: #fff solid 5px;*/
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/mini-feature-background.jpg") left top no-repeat;
  /*32113: ../images/lean-pd-mini-feature.jpg*/ }

#action .mini-feature .overlay {
  height: 140px;
  /*background: url(//confluence.engin.umich.edu/download/attachments/30508410/mini-feature-overlay.png) 50% 50% no-repeat;*/ }

#action h3 {
  padding-top: 13px;
  padding-left: 30px;
  /*changed from 100px 03/25/13 for Online Grad Courses Mini Feature*/
  line-height: 1em;
  /*added 03/25/13 for Online Grad Courses Mini Feature*/
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  /*added 5/29/13*/ }

#action h3 span {
  color: #ffcc33;
  /*online grad course spring green #A9B84E...32113:#efb500*/
  font-weight: bold;
  /*added 03/25/13 for Online Grad Courses Mini Feature*/ }

#action h3 a:link {
  text-decoration: none; }

#action h3 a:visited {
  text-decoration: none; }

#action h3 a:hover {
  text-decoration: none; }

#action h3 a:active {
  text-decoration: none; }

#action .mini-feature img {
  float: right;
  margin-right: 30px;
  margin-top: 30px; }

#action p {
  width: 110px;
  color: #ffffff;
  float: left;
  margin-left: 30px;
  display: block;
  margin-top: 35px;
  line-height: 1.1em;
  font-size: 13px; }

#action p a:link {
  text-decoration: none;
  color: #FFFFFF; }

#action p a:active {
  text-decoration: none;
  color: #FFFFFF; }

#action p a:hover {
  text-decoration: underline;
  color: #FFFFFF; }

#action p a:visited {
  text-decoration: none;
  color: #FFFFFF; }

#action .buttons {
  height: 160px;
  /*width: 560px;*/
  margin-bottom: 15px;
  margin-left: 0; }

#action .buttons a.actions {
  display: block;
  float: left;
  height: 40px;
  /* TOTAL height: 50px; */
  width: 80%;
  padding: 10px 5%;
  margin-bottom: 34px;
  text-align: center;
  text-transform: uppercase;
  border: #fff solid 5px;
  color: #fff;
  font-weight: bold; }

#action .buttons a.actions:hover,
#action .buttons a.actions:focus {
  text-decoration: none; }

#action .buttons a.actions h4 {
  font-size: 1.7em;
  color: #fff; }

#action .buttons a.actions h4 span {
  font-size: 65%; }

#action .buttons a.actions.first {
  /* programs of study */
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-programs-off.gif") left top repeat; }

#action .buttons a.actions.first:hover,
#action .buttons a.actions.first:focus {
  /* programs of study */
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-programs-hover.gif") left top repeat; }

#action .buttons a.actions.second {
  /* get started */
  margin-right: 0;
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-getstarted-off.gif") left top repeat; }

#action .buttons a.actions.second:hover,
#action .buttons a.actions.second:focus {
  /* get started */
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-getstarted-hover.gif") left top repeat; }

#action .buttons a.actions.third {
  /* events */
  /*margin-bottom: 0;*/
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-events-off.gif") left top repeat; }

#action .buttons a.actions.third:hover,
#action .buttons a.actions.third:focus {
  /* events */
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-events-hover.gif") left top repeat; }

#action .buttons a.actions.fourth {
  /* upcoming programs */
  margin-right: 0;
  margin-bottom: 0;
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-upcoming-off.gif") left top repeat; }

#action .buttons a.actions.fourth:hover,
#action .buttons a.actions.fourth:focus {
  /* upcoming programs */
  background: url("//confluence.engin.umich.edu/download/attachments/30508410/button-bg-upcoming-hover.gif") left top repeat; }

#action .tagline {
  padding-top: 15px;
  border-top: 1.5px solid #e7e6e3;
  box-shadow: inset 0 1px 0 #fcfcfc;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2.3em;
  color: #5082b9;
  letter-spacing: 3px; }

#teasers {
  /*height: 160px;*/
  /* Total height: 180px; */
  padding-top: 20px;
  padding-bottom: 20px;
  background: #ffe466 url("//confluence.engin.umich.edu/download/attachments/30508410/branding-ribbon-bg.gif") left top repeat-x; }

#teasers .teasers {
  margin-left: 0;
  margin-right: 0;
  /*width:972px;*/ }

#teasers a {
  display: block;
  padding: 0; }

/* bottom image with overlay */
#teasers a.bottom-img {
  height: 140px;
  position: relative;
  max-width: 225px; }

#teasers a.bottom-img div.plus {
  color: white;
  display: none;
  position: absolute;
  top: 65px;
  left: 110px;
  font-size: 2em; }

#teasers a.bottom-img img {
  z-index: 5; }

#teasers a.bottom-img div.overlay {
  /*background: rgba(0, 100, 200, 0.5);*/
  background: rgba(0, 100, 200, 0.7);
  /*background: url(../../images/branding-image-overlay.png) left bottom no-repeat;*/
  bottom: 0;
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 10; }

#teasers a.bottom-img div.overlay span {
  bottom: 15px;
  /*color: #bbd7e5;*/
  color: #fff;
  position: absolute;
  /*left: 10px;*/
  width: 100%;
  text-align: center; }

#teasers .thinking,
#teasers .leadership,
#teasers .disciplines,
#teasers .technology {
  height: 140px; }

#teasers .thinking {
  background: url("//confluence.engin.umich.edu/download/attachments/21103180/integrative-thinking.jpg") 50% 50% no-repeat; }

#teasers .leadership {
  background: url("//confluence.engin.umich.edu/download/attachments/21103180/leadership.jpg") 50% 50% no-repeat; }

#teasers .disciplines {
  background: url("//confluence.engin.umich.edu/download/attachments/21103180/acrossdisciplines.jpg") 50% 50% no-repeat; }

#teasers .technology {
  background: url("//confluence.engin.umich.edu/download/attachments/21103180/designtech.jpg") 50% 50% no-repeat; }

/*   - - - - - - - Print specific styles - - - - - - -   */
@media print {
  body {
    font-family: "Times New Roman", Times, serif; }

  h1, h2, h3, h4, h5, h6 {
    font-family: arial, verdana, sans-serif; }

  #main-menu,
  #audience-menu,
  #footer-nav,
  #breadcrumbs .social-media,
  #footer .social-media,
  #footer div.five, #footer div.eleven {
    display: none; }

  #page-banner,
  #page-banner .container,
  .about #page-banner,
  .about #page-banner .container,
  .about.landing #page-banner,
  .about.landing #page-banner .container,
  .admissions #page-banner,
  .admissions #page-banner .container,
  .admissions.landing #page-banner,
  .admissions.landing #page-banner .container.admissionsaid,
  .grad#page-banner,
  .grad #page-banner .container,
  .grad #page-banner .container.degproglanding,
  .grad.landing #page-banner,
  .grad.landing #page-banner .container.degproglanding,
  #footer {
    background: none; }

  #page-banner,
  #page-banner .container,
  .about #page-banner,
  .about #page-banner .container,
  .about.landing #page-banner,
  .about.landing #page-banner .container,
  .admissions #page-banner,
  .admissions #page-banner .container,
  .admissions.landing #page-banner,
  .admissions.landing #page-banner .container.admissionsaid,
  .grad#page-banner,
  .grad #page-banner .container,
  .grad #page-banner .container.degproglanding,
  .grad.landing #page-banner,
  .grad.landing #page-banner .container.degproglanding {
    height: 100px; }

  h2.page-title {
    padding-top: 20px; }

  .about #sidebar,
  .admissions #sidebar {
    display: none; }

  .about.landing #page-banner,
  .admissions.landing #page-banner {
    height: 100px; } }
/*  #Tablet
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  /*  Homepage specific */
  #action .buttons a.actions h4 {
    font-size: 1.4em;
    padding-top: 9px;
    padding-bottom: 5px; }

  #action .tagline {
    font-size: 1.75em; }

  #teasers {
    display: none; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  body {
    background-color: #f0f0f0; }

  .container {
    width: 100%; }

  .mobile-hide {
    display: none; }

  .landing #page-banner {
    min-height: 67px; }
    .landing #page-banner h2.page-title {
      min-height: 27px; }

  #main-content {
   /* margin: 0 3%;*/
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: #fff; }

  #main-content .container #page-content.eleven.columns, #main-content .container #page-content .eight.columns {width:100%;}
  #main-content .container #page-content.eleven.columns h2 {font-size:1.65em;}
  #main-content .container #page-content .captioned.left {width:100% !important;}
  #main-content .container #page-content .captioned.left iframe {width:100% !important;}
  #main-content .container #page-content .captioned.right {margin-left:0;}
  #main-content .container #page-content .captioned.left img,
    #main-content .container #page-content .captioned.right img {width:100%; border:none; height: auto;}
  #main-content .container #page-content #course-description #tabWidget #overview{margin-left: 0;padding-left: 0;}
  #main-content .container #page-content #course-description #tabWidget .list-wrap{padding: 0;}
  #main-content .container .two-col .three.columns.alpha,
    #main-content .container .seven.columns.omega,
    #main-content .container .seven.columns.alpha,
    #main-content #page-content .six.columns.omega,
    #main-content .container .five.columns.omega,
    #main-content .container .ten.columns.alpha{width:100%; margin: auto 0;}
  #main-content .container #sidebar .five.columns {width:100%; margin: auto 0;}
  .calendar .event  {}

  .sidebar div.mobile-accordion {
    margin-bottom: 0 !important; }

  .sidebar div.clearfix {
    margin-bottom: 0; }

  /* - - - - -  CMS related mobile fixes can be found in _cms.scss - - - - - -  */ }
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

.displayNone {
  display: none;
}