/* apply a natural box layout model to all elements */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cherry {color:#c10037;}
hr.cherry {color:#c10037; background-color:#c10037; height:3px;}

.right {
    float: right;
    margin: 0 0 1em 1em;
}

.left {
    float: left;
    margin: 0 1em 1em 0;
}

.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}




.pdf{background:url(http://webcore.unm.edu/v1/images/icons/pdf.png) no-repeat; padding-left:20px }
.email{background:url(http://webcore.unm.edu/v1/images/icons/email.png) no-repeat center right; padding:5px 20px 5px 0; }
li.pdf {list-style-type:none;}
.doc{background:url(http://webcore.unm.edu/v1/images/icons/doc.png) no-repeat; padding-left:20px }
li.doc {list-style-type:none;}
.xls{background:url(http://webcore.unm.edu/v1/images/icons/xls.png) no-repeat; padding-left:20px }
li.xls {list-style-type:none;}
.ext {background: url(http://webcore.unm.edu/v1/images/icons/external_link.png) no-repeat center right; padding: 5px 15px 5px 5px;}
li.ext {list-style-type:none;}
.box {
    border: 1px solid #ccc;
    background-color: #F4F4F4;
    padding: 10px;
    overflow:hidden;
}

body {
    xpadding-top: 60px;
    xpadding-bottom: 40px;
    background-color: #d7d7d7;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    
}
h1, h2, h3,h4,h5, #soe-nav, #contextual_nav, #slogan {
font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:normal;
}
h1 {line-height: 50px;}
h2 {color:#817e7e;}
h3 {color:#c10037;}
 
#page {
    background-color: white;
    width: 960px;
    padding: 10px;
}

#main {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NctWrVfwAHAwL///FU0gAAAABJRU5ErkJggg==) 249px 0 repeat-y;
}


#dept-logo {
    float: left;
}
#unmbar {
    font-size: .9em;
    margin-bottom: 0;
    -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
    
    
}
#unmbar .brand {
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 20px;
}
#unmbar .navbar-inner {
    min-height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#unmbar.navbar .nav > li > a {
    padding: 5px 15px;
}
#unm_search_form.navbar-search {
    margin-top: 2px;
}
#unm_search_form .search-query {
    padding: 1px 10px;
    font-size: 12px;
    margin-top: 2px;
    background-color: #eee;
}
#unm_search_form .input-append {
    margin-bottom: 0;
}
#unm_search_form input {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
}
#unm_search_form button.btn {
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    border: 0;
}
#unm_search_form .btn, #unm_search_form .btn-group {
    margin-top: -8px;
}
#header {
    padding: 30px 0 10px 0;
    background-color: white;
}
#dept-quick-nav {
    font-size: .8em;
}
#dept-quick-nav li a {
    padding: 2px 10px;
    color: #999;
    border-right: 1px solid #999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
#soe-search {
    clear: right;
}

.navbar-search .search-query {height:25px;}



#soe-nav-container {
    width: 960px;
}
#soe-nav {
    margin-left: -30px;

}
#soe-nav ul {
    margin-left: 30px;
        background-color: #C10037;
}
#soe-nav ul li {
    background-color: #c10037;
    margin-left: 0;
    width: 20%;
    border-right: 1px;
    padding:1px 0 1px 0;
}

#soe-nav ul li:hover a {
   color: #333;
}

#soe-nav ul li:hover > a {
color: white;
}
.nav>li>a:hover {
background-color: #c10037;
color:#fff;
}
.nav-pills>li>a:hover {
color: #C10037;
background-color: #DDD;
}


#soe-nav a {
text-align: center;
color: white;
padding: 5px;
border-right: 1px solid white;
text-transform: uppercase;
font-size: 1.25em;
}


#soe-nav .dropdown-menu {
background: white;
margin-left: 15px;
opacity: 0.975;
}

#soe-nav .dropdown-menu li {
background: white;
color: #333;
width:auto;
}

#soe-nav .dropdown-menu li > a  {
color: #333;
text-align:left;
padding-left:20px;
text-transform:none;
}




#soe-nav .dropdown-menu::before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}


#soe-nav .dropdown-menu::after {
position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
border-left: 6px solid transparent;
content: '';
}





.hero-unit {
    padding: 0
}
.learn-more {
    color:#c10037 !important; 
    font-weight:normal !important; 
    font-size:90% !important;
    position:absolute;
    bottom:0;
    right:15px;
    }
a:hover.learn-more {
    color:black !important;
    }
#callouts {
margin: 10px -10px;
}

#callouts .callout {
border-right: 1px solid #CCC;
margin-bottom: 1em;
width: 25%;
margin-left: 0;
padding: 0 10px 30px 10px;
position:relative;
}



#callouts .callout:last-child {
    border-right: none;
}
#callouts a {text-decoration:none; color:black; font-weight:bold;}
#callouts a:hover {color:#c10037;}
.callout h2 {
    background-color: #00356a;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top:0;
}
.callout .title {
    font-weight: bold;
}


#slogan {
    background-color: #c10037;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.25em;
    padding: 10px;
    margin: 0 0 0 10px;
width: 960px;

}
.slogan-fade { color:#dca7be;}

#news h2, #calendar h2 {
    color: #c10037;
    border-bottom: 1px solid #c10037;
    font-size: 1.5em;
    padding: 0;
    line-height: 1.25em;
}
#calendar img {
  max-width: 100px;
}

#lowernav {
    background:  url(../img/footer-bg.jpg) bottom center repeat-x;
   padding: 200px 0 20px 0;
}
#lowernav h2 {
    font-size: 1.25em;
    color: #e6e2e2;
    border-bottom: 1px solid #fff;
    line-height: 1.1em;
    padding-bottom: .25em;
}

#lowernav ul {
list-style: none;
margin: 0;
}
#lowernav .linklist ul {
margin-bottom: 2em;
}

#lowernav a {
    color: #fff;
}
#pagefooter {
    background-color: #fff;
    padding: 10px 0 0 0;
}
      
  ul#unm_footer_links {
    margin: 0;
    padding: 0;
    display: inline;
}

ul#unm_footer_links li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0 1em 0 0;
}    
      
      
/* @group Bread Crumps */
ul#unm_breadcrumbs {
    margin-left: 0;
    padding-left: 0;
    display: block;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 2px 0px;
    border-bottom: 1px solid #ccc;
    font-size: .9em;
}

ul#unm_breadcrumbs li {
    margin-left: 0;
    padding: 1px;
    border: none;
    list-style: none;
    display: inline;
}

/* doesn't work in IE
ul#unm_breadcrumbs li:before {
    content: "\00BB \0020";
    color: #333;
}
*/

ul#unm_breadcrumbs .breadcrumb-div {
    color:#333;
    padding:0 3px;
    }

ul#unm_breadcrumbs li.unm_home:before {
    content: " ";
}

/* @end */


/* Sidebar Menu */
#sidebar-nav h2 {
font-size: 24px;
}


#contextual_nav {
list-style: none;
margin: 0;
text-transform:uppercase;
}

#contextual_nav a {
margin: 5px 0;
}


#contextual_nav > li {
font-size: 16px;
border-bottom: 1px solid #333;
}


#contextual_nav > li > a {
color: #333;
display:block;
padding:5px;
}


#contextual_nav > li:hover > a {
color: #fff;
}

#contextual_nav > li:hover > a.active {
color: #c10037;
}

#contextual_nav > li.openMenu:hover > a.active {
color: #fff;
}

.submenu ul {
margin: 0 0 20px 0;
list-style: none;
}

.submenu ul li {
font-size: .9em;
border-top: 1px solid #CCC;
margin-top: 1px;
padding-left: 1em;
}

.submenu ul li a {
color: #666;
padding: 5px 0;
display: block;
}

li.submenu > a::before {
content: '▸ ';
opacity: .7;
}

li.openMenu > a::before {
content: '▾ ';
}


#contextual_nav a.active {
border-left: 5px solid #C10037;
padding-left: 5px;
color: #C10037;
}

#contextual_nav > li:hover > a.active {
}

#contextual_nav .openMenu > a.active {
border-left: 5px solid #333;
}

#contextual_nav li.openMenu > a {
color: #fff;
}


.subhead {
font-size: .5em;
}


/* EVENTS */
.event {clear:left; overflow:auto; margin-bottom:1em;}
.event img {float:left; margin-right:10px;}


.minical {margin-left:1em;}

.minical .calendartext
{font-size:1em;color:#555555;}
.minical.titleSmallGrid
{font-weight:Bold;font-size:12px;color:#c10037;}
.minical .dayheaderSmallGrid
{font-weight:Bold;font-size:12px;color:#FFFFFF;background-color:#c10037;}
.minical .calendarcellSmallGrid {
font-size: 11px;
color: #555;
padding:0;
border: 1px solid #F6F6F6;
width: 25px;
}
.minical .calendarcellSmallGrid a{
display: block;
border-bottom: 3px solid #C10037;
}
.minical .calendarcellhiliteSmallGrid a {
display: block;
border-bottom: 3px solid #C10037;
color:#fff;
padding:0;
}



.minical .calendarcellhiliteSmallGrid  .calendarcellSmallGrid a{
background-color:#555;
}

.minical .calendarcellhiliteSmallGrid
{background-color:#555555; color:#fff;font-size: 11px; padding:0;border: 1px solid #F6F6F6;}
/* This style controls the style of grid cells not being used. */
.minical .otherdaySmallGrid
{font-size:11px;color:#333;background-color:#F5F5F5; padding:0;}
      
      
#support-engineering {
margin: 40px 20px 20px 0;
background-color: #c10037;
background-image: none;
color: white;
padding: 5px 10px;
text-transform: uppercase;
}      
      
/********************/      
/* Responsive settings */


 @media (min-width: 1200px) {
    #page, #soe-nav-container {
        width: 1190px;
        
     }
     #main { 
background: transparent 
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NctWrVfwAHAwL///FU0gAAAABJRU5ErkJggg==) 318px 0 repeat-y;
}

     
     #slogan {   
       margin: 0 0 0 20px;
       width: 1190px;
       }  
    }
     @media (max-width: 979px) and (min-width: 768px) {
    #page, #soe-nav-container {
        width: 744px;
    }
    #main {
      background: transparent 
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NctWrVfwAHAwL///FU0gAAAABJRU5ErkJggg==) 196px 0 repeat-y;
      }
    
    #slogan {    width: 744px;}
    
    #dept-quick-nav, #soe-search {
        float: none;
        margin: 20px 0 0;
    }
    #dept-logo {
        float: none;
    }
    
    callouts .callout, #lowernav .linklist {
        width: 352px;
    }
      .minical {display:none;}
}


@media (max-width: 767px) {
    #page, #soe-nav-container {
        width: auto;
    }
    
    #main {
background-image: none;
}
    
    ul#unm_breadcrumbs {display:none;}
    #dept-quick-nav {display:none;}
    
    #soe-nav ul li {
    width: 100%;
     border-top: 1px solid white;
    }
    #soe-nav ul li a{ font-size:1.25em;padding:10px;}
    
    
    #slogan {
    margin: 0 -10px 0 -10px;
    width: auto;
    
    }
    #dept-quick-nav, #soe-search {
        float: none;
        margin: 20px 0 0;
    }
    #dept-logo {
        float: none;
    }
    
    #callouts .callout{
        width: 50%;
    margin:0;
    float:left;
    }
   
   #callouts .callout:nth-child(even) {border:none; }
   #callouts .callout:nth-child(odd)  {clear:left; }
   
   
    #lowernav .linklist{
    width: 48%;
    margin:1%;
    float:left;
    
    }
    
    .minical {display:none;}
}

@media (max-width: 420px) {
body {padding: 0; font-size:1.2em;}

  #callouts .callout, #lowernav .linklist{
    width: auto;  
    float:none;
  }
  

  
}
/* Faculty Profiles */
h2.profile, h3.profile {font-size: 1.75em; color:#989898;}

h4.profile {color:#989898; }
.contact-box {background:#ccc;}
p.profile-department{margin-top:-15px;}
ul.profile {list-style-type:none; margin-left: -1px;}
.single-person-entry {
    margin-bottom:10px;
    padding:10px;
    float:left;
    width:95%;
    -webkit-box-shadow: 1px 1px 4px #CCCCCC;
    -moz-box-shadow: 1px 1px 4px #CCCCCC;
    box-shadow: 1px 1px 4px #CCCCCC;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}
.single-person-entry h4 {
    margin-bottom:0.5em;
}
.single-person-entry p {
    margin-bottom:0.9em;
}
.single-person-entry img {
    margin-bottom:0;
}
.single-person-entry table {
    margin-bottom:10px;
}
.single-person-entry table tr td {
    border:none;
    padding:0;
}

p.areas {
    font-weight:500;
}

img.person-list  {
width: 80px;
height:107px;
}
/*Faculty Directory Page */
.hr-style {
text-shadow: 2px 2px #ff0000;
height:3px;
margin-top:2px;
}
/*flex-slider override */
.flex-caption h2 {
color: white;
}
.flex-caption p {color:white;}
/*outreach boxes */
#callouts .outreach{
border-right: 1px solid #CCC;
margin-bottom: 1em;
width: 33%;
margin-left: 0;
padding: 0 10px;
}
.outreach h2 {
color: white;
background: #c10037;
font-size: 1.2em;
text-align: center;
}

/*News Archives Menu */
/* @group SlideMenu */
ul.slidemenu {
    font-weight: bold;
    padding: 0;
    margin: 0 0 2em 0;
    list-style-type: none;
}

ul.slidemenu ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

ul.slidemenu li {
    list-style: none;
    padding: 0 0 1px 0;
    background: transparent url(/v1/images/dot.gif) bottom left repeat-x;
}

ul.slidemenu li a, ul.slidemenu li a:link, ul.slidemenu li a:visited {
    display: block;
    text-decoration: none;
    padding: 3px 5px 3px 15px;
    color: #555;
}

ul.slidemenu li ul li {
    padding: 0 0 1px 1px;
}

ul.slidemenu li a:hover {
    color: #fff;
    background-color: #c10037;
}

ul.slidemenu li.submenu > a:hover {
    background: #c10037 url(/v1/images/unm_sprites.gif) 0 9px no-repeat;
    color: #fff;
}

ul.slidemenu li a.active {
    background-color: #ccc;
}

ul.slidemenu li ul {
    padding: 0;
    margin: 0 0 0 10px;
}

ul.slidemenu li ul {
    background: url(/v1/images/dot.gif) top left repeat-y;
}

ul.slidemenu li:hover ul li a {
    background-color: transparent;
    color: #555;
}

ul.slidemenu li ul li:hover a {
    background-color: #ccc;
    color: #555
}

ul.slidemenu li.submenu > a {
    background: url(/v1/images/unm_sprites.gif) 0 -72px no-repeat;
}

ul.slidemenu li.openMenu > a {
    background: #555 url(/v1/images/unm_sprites.gif) 0 -32px no-repeat;
    color: #fff;
}

ul.slidemenu li.openMenu {
    background-image: none;
    padding: 0;
}

ul.slidemenu li.openMenu > a:hover {
    color: #fff;
    background: #c10037 url(/v1/images/unm_sprites.gif) 0 -32px no-repeat;
}

.slidemenu_all {
    text-align: center;
    font-size: .9em;
    margin: .5em;
}
/* @end */

/********************************/
/* UNM schedule css */
/******************/
hr.college-divider {
    height: 3px;
    background-color: #c10037;
    border: 0;
    margin: 2em 0 0 0;
}
.unm-schedule h3 {
    color: #c10037;
    font-size: 1.5em;
    margin-top: 0;
}
.unm-schedule h4 {
    margin-top: 1.3em;
    margin-bottom: .5em;
    font-weight: bold;
}
.unm-schedule h5 {
    width: 100%;
    overflow: auto;
}
    .unm-schedule h5 a {
        font-weight: normal
    }
.unm-schedule caption {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: .25em;
    text-align: left;
    vertical-align: top;
}
.unm-schedule thead th {
    color: white;
    background: #C10037;
    font-size: 1.1em;
    text-align: left;
}
.unm-schedule tr.section-title td {
    border: 0;
    font-weight: bold;
}
table.schedule-sessions {
    width: 100%
}
    table.schedule-sessions td, table.schedule-sessions th {
        border: 0;
        padding: 5px 10px;
        border-bottom: 1px solid #CCC;
        vertical-align: top;
    }
.unm-schedule tr.canceled, .unm-schedule tr.canceled td {
    text-decoration: line-through
}
.unm-schedule .ui-state-default, .unm-schedule .ui-widget-content .ui-state-default, .unm-schedule .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #fff;
}
.unm-schedule .ui-state-default, .unm-schedule .ui-widget-content .ui-state-default, .unm-schedule .ui-widget-header .ui-state-default {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.unm-schedule .ui-widget-header .ui-state-active {
    border: 0
}
.unm-schedule .ui-state-active, .unm-schedule .ui-accordion-content-active {
    background-color: #eee
}
.unm-schedule .ui-widget-content {
    background: none
}
/* format section based on status */
.status-c, .status-m, .status-s, .status-t {
    color: #666
}
.cancelled-section {
    color: #c10037;
    font-weight: bold;
}
.unm-schedule .ui-accordion-content-active, .unm-schedule .ui-state-active {
    background-color: #F9F9F9
}
.unm-schedule .ui-state-active {
    border-bottom: 0;
    background: #F9F9F9;
}
.ui-accordion .ui-accordion-header {
    margin-top: 0px
}

.course {border-bottom:1px solid silver;}
.course h3 {
color: inherit;
font-size: 16px;
margin: 0;
}
.course-info.in {
background-color: #FAFAFA;
padding: 15px;
border: 1px solid #C0C0C0;
margin-bottom: -1px;
}

/* END UNM schedule css */
/********************************/
/********************************/

/* Test Horz Nav */
#horz-nav {
 background-color: #C10037;
 margin: 0 -10px;
}

#horz-nav .nav>li>a {
float: none;
padding: 10px 15px 10px;
color: #FFF;
text-decoration: none;
text-shadow: 0 1px 0 #777;
}


#horz-nav ul.nav > li {
border-right: 1px solid #FFF;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Responsive table tweak for schedule */

@media only screen and (max-width: 979px) { 
    /* Schedule Table fix for responsive layout */
    /* Force table to not be like tables anymore */
    .schedule-sessions table, .schedule-sessions thead, .schedule-sessions tbody, .schedule-sessions th, .schedule-sessions td, .schedule-sessions tr {
        display: block
    }
    /* Hide table headers (but not display: none;, for accessibility) */
        .schedule-sessions thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    .schedule-sessions tr {
        border: 1px solid #ccc
    }
    .schedule-sessions td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }
    .schedule-sessions td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    /* Label the data */
    .schedule-sessions td:nth-of-type(1):before {
        content: "#"
    }
    .schedule-sessions td:nth-of-type(2):before {
        content: "CRN"
    }
    .schedule-sessions td:nth-of-type(3):before {
        content: "Time/Location"
    }
    .schedule-sessions td:nth-of-type(4):before {
        content: "Instructor"
    }
    .schedule-sessions td:nth-of-type(5):before {
        content: "Credits"
    }
    .schedule-sessions td:nth-of-type(6):before {
        content: "Seats Avail"
    }
    .schedule-sessions tr:nth-of-type(odd) {
        background: #eee
    }
}


div.controls {
    position: absolute;
    top: 10px;
    right: 0;
}
div.controls a {
text-indent: -9999px;
background-color: #EEE;
padding: 5px;
border-radius: 50%;
margin: 5px;
width: 1em;
height: 1em;
line-height: 1;
}
.carousel p {line-height:20px;}

.profile {
border-top: 1px solid #EEE;
padding: 10px 0 20px 0;
}



/* Google Search Styles */

#googlesearch .gsc-control-cse {
background-color: inherit;
}

#googlesearch .gsc-above-wrapper-area {
margin-bottom: 10px;
}

#googlesearch .gsc-result {
background-color: #FAFAFA;
padding: .5em;
}

#googlesearch .gsc-results {
width: auto;
}


#googlesearch input.gsc-input {
font-size:16px;
}

#googlesearch input.gsc-input {
 font-size: 20px;
 height: auto;
}

#googlesearch input#gsc-i-id1 {
margin: 0;
}

#googlesearch input.gsc-search-button {
font-size: 20px;
height: auto;
padding: 3px 6px;
margin: 0;
color: #FFF;
}


#googlesearch .gsc-cursor-page {
background-color: inherit;
border: 1px solid #C0C0C0;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
text-decoration: none;
}

#googlesearch .gsc-cursor-current-page {
background-color: #C10037;
color: #FFF;
}

#googlesearch .gsc-selected-option-container {
width: auto !important;
}


/* Give to CS button */
#support-engineering {
text-align: left;
}

#support-engineering p {
padding-top: 5px;
margin: 0;
}