@charset "UTF-8";
/* CSS Document */
 body {
     background-color: #eee;
}
/*******************/
/* override boostrap headings */
h1, h2, h3, h4 {
    line-height: 1em;
    margin: 0 0 .25em 0;
    text-transform: uppercase;
    font-weight: 200;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h5 {
    margin: 0;
}

p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

/* main content headings */

#content h1, #content h2, #content h3, #content h4 {
    text-transform: none;
    font-weight: normal;
}

/* lower region heading */

#lower h1, #lower h2, #lower h3, #lower h4 {
    text-transform: none;
    font-weight: normal;
}
#lower h1.caps, #lower h2.caps, #lower h3.caps {
    text-transform: uppercase;
    font-weight: 100;
}
#lower h2.media-heading {
    font-size: 22px;
    margin-top: 10px;
    color:#c10037;
}
#lower h3 {
    font-size: 18px;
}
/* lead */
.lead {
font-weight:400;
}
/*******************/
/* General Layout */
 header, #main, #lower {
     background-color: #fff;
}
 header, #lower {
     padding-bottom: 30px;
}
 #main {
     padding-top: 30px;
}
 #sidebar, #content {
     margin-bottom: 30px;
}
 .footer-section {
     margin-bottom: 1em;
     clear: both;
     overflow: auto;
     color:#333;
}
 .breadcrumb {
     background-color: transparent;
     padding: 10px 0;
     opacity: .75;
}
 #logo {
     margin: 30px 0;
     display: block 
}
/* Thumbnails */
.thumbnail ul li {
    font-size: 16px;
    line-height: 23px;
}

.thumbnail a.btn {
    width: 100%;
    padding: 8px 0;
}
/* MISC */
 img {
     vertical-align: initial;
}
 .collist li {
     width: 45%;
     float: left;
     margin-right: 5%;
}
 .cherry {
     color: #c10037;
}
 .teal {
     color: #008996;
}
 .orange {
     color: #f6911e;
}
 .green {
     color: #a8bc27;
}
ul.program-list {
list-style: none;
margin-left: 20px;
}
img.partner-logo {
display: inline;
vertical-align: middle;
margin: 15px;
}
/*****************/
/* UNMBar */
 #unmbar {
     margin: 0;
     background-color:#c10037;
     min-height: 30px;
}
 #unmbar .navbar-brand {
     color: #fff;
     padding: 5px 15px;
     height: auto;
}
 #unmbar .nav > li > a {
     color: #fff;
     padding: 5px 10px;
}

 #unmbar .nav > li.open > a {
     color: #c10037;
     padding:5px 10px;
}

 #unmbar .navbar-toggle {
     background-color: #fff;
}

/* Search Form */
 #unm_search_form {
     margin: 2px 0 0 15px;
}
 #unm_search_form .search-query {
     padding: 0 10px;
     margin-top: 3px;
     background-color: white;
     border-radius: 10px;
     width: 100%;
}
 #unm_search_form button.btn {
     padding: 0;
     margin: 0;
     background: none;
     box-shadow: none;
     border: 0;
}
 #unm_search_form input {
     padding: 0;
     margin: 0;
     border: 0;
     background-color: transparent;
     box-shadow: none;
     position: relative;
}

.navbar-default .navbar-form {
    border: none;
}

/********************************/
/**** Main Nav ****/
 #main-nav-toggle {
     text-align: left;
     display: none;
}
 #main-nav .collapse.in {
     height: auto;
}
 #main-nav .nav > li > a {
     display: block;
     border-bottom: 2px solid #C10037;
     color: #333;
     font-size: 1.1em;
}
 #main-nav ul.nav li.dropdown:hover > ul.dropdown-menu {
     top: 95%;
}
 #main-nav .nav > li > a:hover, #main-nav .nav > li > a:focus {
     text-decoration: none;
     background-color: #FFF;
     border-bottom: 2px solid #333;
     color: inherit;
}
 #main-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: '';
}
 #main-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: '';
}
 #main-nav .flyout {
     position: relative;
}
 #main-nav .flyout:after {
     content: '▸';
     position: absolute;
     right: 5px;
     top: 4px;
     font-size: 0.8em;
     opacity: .8;
}
 #main-nav .flyout:hover:after {
     color: #fff;
}
 #main-nav .flyout .dropdown-menu {
     left: 100% !important;
     position: absolute;
     top: 0;
     visibility: hidden;
     margin-top: -6px;
     width: auto;
}
 #main-nav .flyout:hover > .dropdown-menu {
     visibility: visible;
}
 #main-nav .flyout .dropdown-menu:before {
     content: ' ';
     border-bottom: 7px solid rgba(0, 0, 0, 0);
     border-left: none;
     border-right: 7px solid rgba(0, 0, 0, 0.2);
     border-top: 7px solid rgba(0, 0, 0, 0);
     left: -8px;
     top: 8px;
     position: absolute;
}
 #main-nav .flyout .dropdown-menu:after {
     content: ' ';
     border-top: 6px solid rgba(0, 0, 0, 0);
     border-left: none;
     border-right: 6px solid #FFF;
     border-bottom: 6px solid rgba(0, 0, 0, 0);
     left: -6px;
     top: 9px;
     position: absolute;
}
#main-nav > .nav > li {
    padding: 0 10px;
}
#main-nav > .nav > li:first-child {
padding-left: 0;
}
#main-nav > .nav > li:last-child {
padding-right: 0;
}
#main-nav > .nav > li > a {
    padding: 0;
}
.dropdown-menu {
     z-idex: 999;
}
/********************************/
/* Sidebar Menu */
 #contextual_nav {
     list-style: none;
     margin: 0 0 30px;
     padding-left: 0;
}
 #contextual_nav a {
     margin: 5px 0;
}
 #contextual_nav a:hover {
     text-decoration: none;
     margin: 5px 0;
}
#contextual_nav .submenu ul {
    padding-left: 0;
}
 #contextual_nav > li {
     border-bottom: 1px solid #ccc;
}
 #contextual_nav > li > a {
     color: #464646;
     display: block;
     padding: 5px 0;
}
 #contextual_nav a.active {
     border-left: 5px solid #C10037;
     padding-left: 5px;
     color: #C10037;
}
 #contextual_nav .openMenu > a.active {
     border-left: 5px solid #464646;
     color: #464646;
}
 #contextual_nav .submenu ul {
     list-style: none;
     border-left: 1px solid #CCC;
     border-bottom: 1px solid #CCC;
     margin: 0 0 -1px 10px;
}
 #contextual_nav .submenu ul li {
     font-size: .9em;
     border-top: 1px solid #CCC;
     margin-top: 0;
}
 #contextual_nav .submenu ul li a {
     color: #666;
     display: block;
     padding: 5px 0 5px 15px;
}
 #contextual_nav .submenu ul li a.active {
     padding-left: 10px;
}
 #contextual_nav li.submenu > a::before {
     content: '▸ ';
     opacity: .7;
}
 #contextual_nav li.openMenu > a::before {
     content: '▾ ';
}
/********************/
/* HERO */
 #hero {
     background-color: #F4F4F4;
     padding: 0;
     border-top: 1px solid #CCC;
     border-bottom: 1px solid #CCC;
}



 
 #hero h1, #hero h2, #hero h3 {
     color: #c10037;
     text-transform: none;
     font-weight: normal;
}
 #hero .media-body p {
     color: #000;
}
/********************************/
/*Custom Well Styles*/
 .well {
     min-height:10px;
     padding:8px 10px 0 10px;
     margin-bottom: 0px;
}
 .well.pull-right {
     margin-left: 12px;
}
 .well.pull-left {
     margin-right: 12px;
}
#hero .well h3, #hero .well p {
margin-left: 10px;
}
#hero .well img {
margin-top: 10px;
}
/* Adjust Well for Mobile */
 @media (max-width: 420px) {
     #hero .well {
         clear: both;
         display: block;
         float: none;
    }
    /* Hide Only Pulled Wells on Mobile, as well as Hide Breadcrumbs on Mobile */
     #hero .well.pull-right, #hero .well.pull-left, ul.breadcrumb {
         display: none;
    }
}
/* Hero Well */
 #hero .well {
     background-color: #FFF;
     padding: 6px;
     width: 25%;
}
 #hero .well.pull-right {
     margin: 0 0 10px 15px;
}
/* feature links in Hero area */
 #feature-links {
     font-size: 1.2em;
     padding: 0;
}
 #feature-links a {
     padding: 10px;
     margin: 0;
}
 #feature-links .divider {
     height: 1px;
     margin: 5px 0;
     overflow: hidden;
     background-color: #E5E5E5;
     border-bottom: 1px solid #FFF;
}
 footer {
     border-top: 1px solid #CCC;
     background: #EEE;
     padding: 2em 0;
     font-size: 1em;
}
 @media (max-width: 959px) {
     #unmbar .brand {
         float: none;
         margin-left: 10px;
    }
     #unm_search_form {
         float: none;
    }
    /* fix drop menu in main nav*/
     #main-nav .nav-collapse.collapse {
         height: auto;
         overflow: visible;
    }
     #main-nav .nav-collapse .nav>li>a, #main-nav .nav-collapse .dropdown-menu a {
         padding: 3px 20px;
         font-weight: normal;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         border-radius: 0;
    }
     #main-nav .dropdown-menu {
         position: absolute;
         top: 100%;
         left: 0;
         float: left;
         max-width: auto;
         margin: 2px 0 0;
         padding: 5px 0;
         background-color: #FFF;
         border: 1px solid rgba(0, 0, 0, 0.2);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
         -webkit-box-shadow: none;
         -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
}
 @media (max-width: 767px) {
     body {
         padding-left: 0;
         padding-right: 0;
    }
    /* adapt main nav to smaller screen */
     #main-nav-toggle {
         display: block;
    }
     #main-nav.in .nav-collapse.collapse {
         height: auto;
         overflow: hidden;
    }
     #main-nav .nav-collapse.collapse {
         height: 0;
         overflow: hidden;
    }
     #main-nav .nav > li > a {
         font-size: 1.5em;
         padding: 10px 0;
    }
    /* sidebar nav */
     #sidebar-nav.nav-collapse, #sidebar-nav.nav-collapse.collapse {
         overflow: hidden;
         height: 0;
    }
     a.btn-sitenav {
         display: block;
         text-align: left;
    }
     #sidebar-nav h2 {
         display: none;
    }
    /* layout tweak for smaller screen */
     header, #lower, footer {
         padding: 20px;
    }
     #main {
         padding:0px;
    }
    /* hero and flex slider for smaller screen */
     #hero {
         padding: 20px 20px 5px 20px;
    }
     #hero .flexslider {
         margin: 0 -20px 1em -20px;
         border-bottom: 1px solid #C0C0C0;
         overflow: auto;
         height: auto;
         padding: 10px 0;
    }
     #hero .flexslider .flex-caption {
         padding: 0 20px;
    }
    /* unm bar and UNM search tweaks */
     #unmbar .brand {
         float: none;
         margin-left: 10px;
    }
     #unm_search_form {
         float: none;
    }
     #unm_search_form .search-query {
         border-radius: 15px;
         width: 90%;
    }
     #unm_search_form input {
         width: 95%;
         height: 30px;
    }
     #unm_search_form button.btn {
         height: 30px;
    }
    /* footer */
     footer .collist li {
         float: none;
    }
}
 @media (min-width: 767px) {
    /* sidebar nav collapse */
     #sidebar-nav.collapse {
         height: auto !important;
         overflow: hidden !important;
    }
     a.btn-sitenav {
         display: none 
    }
}
/**************************** * jQuery FlexSlider v2.0 */
/* Browser Resets */
 .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
     outline: none;
}
 .slides, .flex-control-nav, .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none;
}
/* FlexSlider Necessary Styles *********************************/
 .flexslider {
     margin: 0;
     padding: 0;
}
 .flexslider .slides > li, .flexslider .slides > .slide {
     display: none;
     -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
 .flexslider .slides img {
     width: 100%;
     display: block;
}
 .flex-pauseplay span {
     text-transform: capitalize;
}
/* Clearfix for the .slides element */
 .slides:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 html[xmlns] .slides {
     display: block;
}
 * html .slides {
     height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
 .no-js .slides > li:first-child {
     display: block;
}
/* FlexSlider UNM Theme *********************************/
 .flexslider {
     margin: 0;
     background: transparent;
     border: 0 solid #fff;
     position: relative;
     zoom: 1;
}
 .flex-viewport {
     max-height: 2000px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     transition: all 1s ease;
}
 .loading .flex-viewport {
     max-height: 300px;
}
 .flexslider .slides {
     zoom: 1;
}
 .flexslider .slide {
     position: relative;
}
 .carousel li {
     margin-right: 5px 
}
/*Caption */
/* IE rgba() hack */
 .flex-caption {
     background: none;
     margin-top: 20px;
     zoom: 1;
}
 .flex-caption {
     -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
     box-sizing: border-box;
    /* Opera/IE 8+ */
}
/* .flex-caption h2 {
     margin-bottom: .5em;
}
 */
 .flex-caption h2 a {
     color: #c10037;
     text-decoration: none;
}
/* Direction Nav */
 .flex-direction-nav a {
     width: 30px;
     height: 30px;
     margin: -20px 0 0;
     display: block;
     background: url(http://webcore.unm.edu/v1/javascript/flexslider/images/bg_direction_nav.png) no-repeat 0 0;
     position: absolute;
     top: 140px;
     cursor: pointer;
     text-indent: -9999px;
     opacity: 0;
     -webkit-transition: all .3s ease;
}
 .flex-direction-nav .flex-next {
     background-position: 100% 0;
     right: 0;
}
 .flex-direction-nav .flex-prev {
     left: 0;
}
 .flexslider:hover .flex-next {
     opacity: .75;
     right: 5px;
}
 .flexslider:hover .flex-prev {
     opacity: .75;
     left: 5px;
}
 .flex-direction-nav .disabled {
     opacity: .3!important;
     filter: alpha(opacity=30);
     cursor: default;
}
/* Control Nav */
 .flex-control-nav {
     width: auto;
     text-align: center;
     padding: 5px 5px 0 5px;
     margin: -5px 0 0 0;
     float: right;
}
 .flex-control-nav li {
     margin: 5px;
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .flex-control-paging li a {
     width: 40px;
     height: 5px;
     display: block;
     background: #ccc;
     color: #333;
     cursor: pointer;
     text-indent: -9999px;
}
 .flex-control-paging li a:hover {
     background: #ccc;
}
 .flex-control-paging li a.flex-active {
     background: #c10037;
     color: #fff;
     cursor: default;
}
 .flex-control-thumbs {
     margin: 5px 0 0;
     position: static;
     overflow: hidden;
}
 .flex-control-thumbs li {
     width: 25%;
     float: left;
     margin: 0;
}
 .flex-control-thumbs img {
     width: 100%;
     display: block;
     opacity: .7;
     cursor: pointer;
}
 .flex-control-thumbs img:hover {
     opacity: 1;
}
 .flex-control-thumbs .active {
     opacity: 1;
     cursor: default;
}
 .flex-pauseplay {
     position: absolute;
     bottom: -20px;
}
 .flex-pause {
     background: transparent url(http://webcore.unm.edu/v1/javascript/flexslider/images/pause-play.png) no-repeat;
     width: 16px;
     height: 16px;
     text-indent: -9999px;
     overflow: hidden;
     display: block;
}
 .flex-play {
     background: transparent url(http://webcore.unm.edu/v1/javascript/flexslider/images/pause-play.png) 0 -16px no-repeat;
     width: 16px;
     height: 16px;
     text-indent: -9999px;
     overflow: hidden;
     display: block;
}
 @media screen and (max-width: 860px) {
     .flex-direction-nav .flex-prev {
         opacity: 1;
         left: 0;
    }
     .flex-direction-nav .flex-next {
         opacity: 1;
         right: 0;
    }
}
/*** FlexSlide Custom ***/
 #hero .flex-caption h3 {
     color: #666666;
     line-height: 26px;
     margin-top: 0;
     padding: 0;
}
 #hero .flex-caption a.button {
     margin-top: 10px;
}
/* Button Styles */
 @media (max-width: 836px) {
     .reg-btn {
         width: 100%;
    }
}
/* Image Alterations */
 img.pull-left {
     margin-right: 15px;
}
 img.pull-right {
     margin-left: 15px;
}
 img.hero-logo {
     padding: 10px;
     background: #ffffff;
     border: solid 2px #e7e7e7;
}
/* VERIFIED CSS */
/* @group LoboAlert */
 #unm_alert {
     padding: 15px 100px;
     background: #c10037 url(http://webcore.unm.edu/v1/images/message_icons/alert.png) 60px 10px no-repeat;
     font-size: 1.25em;
     font-weight: bold;
     color: #fff;
     margin: 0;
}
 #unm_alert h1 {
     color:#fff;
     margin-bottom:.25em;
     font-size:1.5em;
}
 #unm_alert a {
     color: #fff;
}
 #unm_alert p {
     margin: 0;
}
 footer hr {
     border-color: #e4e4e4;
}
/*************** Custom Styles ***/
/********************************/

/* Buttons */
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
/* padding: 4px 12px;
font-size: 14px;
line-height: 20px; */
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color: #e6e6e6;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

.btn:hover, .btn:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
background-color: #e6e6e6;
}

/* Calendar View */
.date {
    text-align: center;
    border: 1px solid #999;
    background-color: #fff;
    padding: 3px;
    min-width: 7%;
}

.date.pull-left {
    margin-right: 15px;
}
.date.pull-right {
    margin-left: 15px;
}

.month {
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    text-transform: uppercase;
}
.day {
    display: block;
    font-size: 2em;
}

/*** Tabs ***/

.tab-pane {
    margin-top: 15px;
}

.tab-pane h3 {
padding: 0px 0px 0 7px;
}

ul.nav-tabs {
    background-color: #f5f5f5;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-top: 40px;
}

ul.nav-tabs li.active {
    border: none;
}

ul.nav-tabs li a {
font-size: 16px;
}

ul#tabs li {
    border-left: solid 1px #e3e3e3;
}

ul.nav-tabs li a.tab-lg {
    font-size: 1.4em;
}

.nav-tabs > li > a {
    padding-left: 11px;
    padding-right: 11px;
}

@media (max-width: 1200px) {
    ul.nav-tabs {
    display: -moz-groupbox;
    width: 100%;
    }
}

/* Event Pages */

img.event-img {
    display: block;
    margin-bottom: 15px;
}

h3.well-head {
    color: #008996;
    font-size: 32px;
    margin-top: 0;
    padding: 0;
}

h4.well-subhead {
    font-size: 26px;
    margin-top: 7px;
}

.border-top {
    border-top: solid 2px #eee;
    padding-top: 15px;
}

.border-right {
    border-right: solid 2px #eee;
    padding-right: 15px;
}

.border-bottom {
    border-bottom: solid 2px #eee;
    padding-bottom: 15px;
}

.border-left {
    border-left: solid 2px #eee;
    padding-left: 15px;
}

ul.materials-list {
list-style: none;
}

ul.materials-list li {
padding: 5px;
border-bottom: solid 1px #e7e7e7;
}

/* Class Display Styles */

.faq-q {
color: #c10037;
float: left;
font-size: 28px;
padding: 3px 5px 0 0;
}

.faq-a {
color: #c10037;
float: left;
font-size: 28px;
padding: 0 5px 20px 0;
}

h3.ui-accordion-header, h4.ui-accordion-header { 
font-size: 20px; 
}

h5.course-name {
    font-size: 18px;
}

.accClass h5.ui-accordion-header-active {
    color: #008996;
}

h5.c-type {
background-color: #fff;
border-bottom: 2px dotted #008996;
color: #008996;
font-size: 1.4em;
font-weight: 600;
margin: 10px 0;
padding: 10px 0;

}

h5.c-type .badge {
background-color: #008996;
color: #fff;
margin: 0 0 0 10px;
}

.table p {
font-size: 1em;
line-height: 22px;
text-align:left;
}

.ui-accordion-header, th.header {
cursor: pointer;
}

.ui-state-highlight p {
padding-left: 15px;
}

.ui-state-highlight p i {
padding-left: 0;
}

table.table {
font-size: 1.1em;
}

.accordion table th {
font-size: 16px;
font-weight: bold; 
background-repeat: no-repeat;
}

.class-table, .cert-table {
border-collapse:collapse;
text-align: left; 
width: 100%;
}

.class-table tbody, .cert-table tbody {
background-color: #f7f7f7;
}

.class-table tr, .cert-table tr { 
border-bottom: solid 1px #008996; 
width: 100%;
}

.cert-table th {
padding: 10px 5px 5px 10px;   
}

th.header {
color: #666666;
font-size: 18px;
font-weight: 400;
}

th.header:first-of-type {
padding-left: 20px;
}

td.class-name { 
width: 70%;
}

td.class-date { 
padding: 0 5px;
width: 15%;
border-left: none;
vertical-align: text-top;
}

td.class-price { 
padding: 0 5px;
width: 15%;
border-left: none;
vertical-align: text-top;
}

.ui-accordion-header .badge {
background-color: #b3b2b6;
float: right;
margin: 3px 20px;
}

p.no-class-message {
margin: 5px 20px;
}

p.no-class-message i {
color: #c10037;
margin-top: 0;
}

/*** Class Layout Styles ***/

h3.subcat-name, h3.certificate-name {
    color: #666666;
}

.certificate-card {
    margin-bottom: 20px;
}

.class-table-container {
}

.class-table thead {
    background-color: #f2f2f2;
}

.ui-widget-content {
background-image: none;
border-color: #717073;
}

p.ui-widget-content {
background-image: none;
border: none;
}

.event-well {
margin-top: 30px;
}

.course-data {
font-size: 17px;
}

.course-section {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    padding: 6px;
}

.details-block {
    display: block;
    padding: 3px 8px;
    line-height: 26px;
}

.section-label {
    font-weight: bold;
    padding-right: 5px;
}

.section-label .fa {
    padding-right: 5px;
}

.section-details {
    padding: 5px 0;
}

.section-closed {
    padding: 0 0 10px 6px
}

.reg-options {
border-top: solid 1px #e7e7e7;
display: block;
padding: 5px 0 5px 7px;
}

.register-phone {
padding: 5px 0;
}

.register-phone i {
margin-top: 1px;
}

.location-address {
font-size: 16px;
line-height: 42px;
}

.map-link {
margin-left: 15px;
}

.event-well h3 {
    padding: 10px 10px 0 10px;
}

.class-description {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    display: block;
}

.online-description {
    padding: 0 10px 10px 10px;
}

h6.modal-title {
    font-size: 24px;
    font-weight: 400;
}

.dataTables_info {
    font-weight: bold;
    font-size: 16px;
}

.dataTables_wrapper .dataTables_filter {
    float: left;
}

ul.pagination li.active {
    border-bottom: solid 1px #c10037;
}

/* Color Multiple Sections */

.section-info-1 .course-section, .section-info-6 .course-section, .section-info-11 .course-section, .section-info-1 .section-label, .section-info-6 .section-label, .section-info-11 .section-label {
color: #008996;
}

.section-info-2 .course-section, .section-info-7 .course-section, .section-info-12 .course-section, .section-info-12 .section-label, .section-info-2 .section-label, .section-info-7 .section-label, .section-info-12 .section-label {
color: #c10037;
}


.section-info-3 .course-section, .section-info-8 .course-section, .section-info-13 .course-section, .section-info-3 .section-label, .section-info-8 .section-label, .section-info-13 .section-label {
color: #939308;
}


.section-info-4 .course-section, .section-info-9 .course-section, .section-info-14 .course-section, .section-info-4 .section-label, .section-info-9 .section-label, .section-info-14 .section-label {
color: #a80056;
}

.section-info-5 .course-section, .section-info-10 .course-section, .section-info-15 .course-section, .section-info-5 .section-label, .section-info-10 .section-label, .section-info-15 .section-label {
color: #004a80;
}

.section-block {
display: block;
height: auto;
padding: 0 15px 0 0;
}

.course-schedule .badge {
    background-color: #FFF;
    border: 2px solid #E7E7E7;
}

.course-schedule .badge span {
    padding: 4px;
}

.section-table {
    font-size: 16px;
    width: 60%;
}

.section-table tr {
    border-bottom: none;
    border-top: none;
}

.section-table td.section-label {
    width: 30%;
}

.section-table td.section-content {
    width: 70%;
}

/* Remove border from class name */
h5.ui-state-default, .ui-widget-content h5.ui-state-default, .ui-widget-header h5.ui-state-default {
background: none;
border: none;
}

.ui-widget-content h5.ui-state-active {
border-bottom: solid 1px #008996;
color: #008996;
}

/* Table Sorting */

table.tablesorter {
clear: both;
}

.tablesorter thead {
border: solid 1px #b3b2b6;
}

.tablesorter th.header { 
background: url(images/small.gif) no-repeat left center;  
padding: 5px 5px 5px 20px;   
}

th.header.headerSortUp { 
background: url(images/small_asc.gif) no-repeat left center #ffffff; 
border-bottom: solid 2px #970023;
}

th.header.headerSortDown { 
background: url(images/small_desc.gif) no-repeat left center; 
background-color: #ffffff;
border-bottom: solid 2px #c10037;
}

/*** Date & Cost ***/

td.class-date, td.class-price, td.class-date-iyn, td.class-location-iyn {
padding: 18px 0 0 6px;
}

/*** Cert Tables ***/

.certificate-info {
margin-bottom: 40px;
}

.certificate-info h3 {
    padding-bottom: 15px;
}

.certificate-info p {
font-size: 15px;
line-height: 23px;
}

h6.class-option {
background-color: #f9f9f9;
border: solid 1px #ddd;
border-radius: 4px;
color: #666666;
font-size: 15px;
font-weight: normal;
margin: 0 0 10px 20px;
padding: 10px 20px;
}

p.certificate-total {
border-left: 5px solid #c10037;
font-size: 18px;
font-weight: normal;
padding-left: 10px;
}

table.multiple-choice {
border-bottom: solid 1px #b3b2b6; 
}

table.multiple-choice tr {
border: none;
}

tr.or {
border: none;
}

tr.or td {
color: #b3b2b6;
padding-left: 33px;
}

/* C-Type: Required, Electives, Totals Etc. */

h5.c-type i {
padding-right: 6px;
}

p.c-alt {
margin-top: 10px;
}

/* External Link Icon */
i.ext-link-content {
color: #666666;
font-size: 10px;
margin-top: 3px;
}

/* Remodel JQUI */

.ui-accordion .ui-accordion-content {
padding: 1em;
}

.ui-tabs .ui-tabs-nav {
width: 100%;
}

.ui-accordion .ui-accordion-header {
padding: 0.7em 0.5em 0.7em 2em;
border-color: #b3b2b6;
}

.ui-accordion .ui-accordion-header-active {
border-color: #c10037;
}

.ui-tooltip {
z-index: 9999;
position: absolute;
}

/* Change Color on Class Lists */
.ui-accordion .ui-accordion-header-active {
border-color: #666666;
}

.register-more a, .register-phone a {
    color: #008996;
}

/* Button Styles */
.btn {
    white-space: normal;
}

.reg-btn {
    background-image: none;
    background-color: #008996;
    border: solid 1px #00616a;
    border-radius: 4px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 1px 1px #00616a;
    letter-spacing: 1px;
    margin: 7px 0 0 2px;
    padding: 6px;
}

.reg-btn:hover {
    background-color: #00616a;
    border: solid 1px #008996;
    color: #f4f4f4;
    opacity: 0.7;
}

.reg-btn fa-arrow-circle-right {
color: #008996;
}

.section-info-1 .register-button .reg-btn, .section-info-6 .register-button .reg-btn, .section-info-11 .register-button .reg-btn {
    background-color: #e4e4e4;
    color: #008996;
    border: solid 2px #008996;
}

.section-info-1 .register-button .reg-btn:hover, .section-info-6 .register-button .reg-btn:hover, .section-info-11 .register-button .reg-btn:hover {
    background-color: #008996;
    color: #f4f4f4;
    border: solid 2px #057681;
    opacity: 0.75;
}

.section-info-2 .register-button .reg-btn, .section-info-7 .register-button .reg-btn, .section-info-12 .register-button .reg-btn {
    background-color: #c10037;
    color: #ffffff;
    border: solid 2px #b2153a;
}

.section-info-2 .register-button .reg-btn:hover, .section-info-7 .register-button .reg-btn:hover, .section-info-12 .register-button .reg-btn:hover {
    background-color: #c10037;
    color: #f4f4f4;
    border: solid 2px #b2153a;
    opacity: 0.75;
}

.section-info-3 .reg-btn, .section-info-8 .reg-btn, .section-info-13 .reg-btn {
    background-color: #939308;
    color: #ffffff;
    border: solid 2px #777b2a;
}

.section-info-3 .reg-btn:hover, .section-info-8 .reg-btn:hover, .section-info-13 .reg-btn:hover {
    background-color: #939308;
    color: #f4f4f4;
    border: solid 2px #777b2a;
    opacity: 0.75;
}

.section-info-4 .reg-btn, .section-info-9 .reg-btn, .section-info-14 .reg-btn {
    background-color: #a80056;
    color: #ffffff;
    border: solid 2px #881147;
}

.section-info-4 .reg-btn:hover, .section-info-9 .reg-btn:hover, .section-info-14 .reg-btn:hover {
    background-color: #a80056;
    color: #f4f4f4;
    border: solid 2px #881147;
    opacity: 0.75;
}

.section-info-5 .reg-btn, .section-info-10 .reg-btn, .section-info-15 .reg-btn {
    background-color: #004a80;
    color: #ffffff;
    border: solid 2px #043b69;
}

.section-info-5 .reg-btn:hover, .section-info-10 .reg-btn:hover, .section-info-15 .reg-btn:hover {
    background-color: #004a80;
    color: #f4f4f4;
    border: solid 2px #043b69;
    opacity: 0.75;
}

.fw-btn {
    width: 100%;
    padding: 8px 0;
}

/* .button i, .btn i {
font-size: 1.1em;
margin-top: 6px;
padding-right: 10px;
vertical-align: middle;
} */

/* DOWNLOAD ICONS */

/* PDF document links
a[href$='.pdf'], .pdf-icon a[href$='.pdf'] {
background:transparent url(../imgs/icons/pdf-icon.png) center left no-repeat;
padding-left: 24px;
}
 */

a[href$='.pdf']  {
    position:relative;
    padding-left: 20px;
    margin-left: 5px;
}

a[href$='.pdf']:before {
        position:absolute;
        font-family: FontAwesome;
        left: 0;
        top:0;
        content: "\f1c1";
    }
    
a[href$='.doc'], a[href$='.docx'] {
    position:relative;
    padding-left: 20px;
    margin-left: 5px;
}

a[href$='.doc']:before, a[href$='.docx']:before {
        position:absolute;
        font-family: FontAwesome;
        left: 0;
        top:0;
        content: "\f1c2";
    }
 
/* Word Document Links 
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(../imgs/icons/doc.png) center left no-repeat;
padding-left: 24px;
}

*/


/* Image Alterations */
img.pull-left {
margin-right: 15px;
}

img.pull-right {
margin-left: 15px;
}

img.hero-logo {
padding: 10px;
background: #ffffff;
border: solid 2px #e7e7e7;
}

/* Contacts */
ul.contact {
list-style: none;
margin: 0;
padding: 0;
}

ul.contact > li > .fa {
padding-right: 10px;
}

/* Icons */
h3 i {
color: #c10037;
padding: 5px 6px 0 0;
}

i.icon-angle-right {
margin-top: 3px;
}

i.fix {
float: left;
margin-top: 3px;
padding-right: 6px;
}

h3 .fix {
padding-right: 15px;
}

i.info-title {
margin-top: 3px;
color: #fff;
}

/* Facebook Badges */

.fb-badge img {
width: 130px;
}

/* Adjust AddThis for Smaller Screens */
@media (max-width: 836px) {
 .addthis_toolbox {
margin: 20px auto;
     }
 }
 
.big-number {
font-size: 9em; 
font-weight: 400;
line-height: .6em; 
padding-right: 10px;
}

 .teal, #hero h2.teal, #hero h3.teal  {
color: #008a97;
}

#hero h3.teal-header {
color: #008a97;
font-weight: 400;
margin-left: 50px;
}

/* Blog Feed */
#blog-feed {
margin-top: -20px;
}
#rss-feeds ul {
list-style: none;
margin: 0;
padding-left: 0;
}

#rss-feeds ul li {
padding: 3px 0 3px 0;
}

#rss-feeds ul li p {
margin-top: -5px;
}

#rss-feeds h3 {
font-size: 17.5px;
}

.blog-date {
background-color: #f4f4f4;
border: solid 1px #b4b4b4;
font-size: 14px;
font-weight: normal;
line-height: 15px;
margin-right: 7px;
padding: 2px 7px;
text-align: center;
}

a .blog-date {
color: #666666;
}

a .blog-date:hover {
color: #c10037;
}

.blog-title {
display: block;
}

p.blog-text {
clear: both;
}

p.blog-link {
margin: 5px 0 0 0;
}

p.blog-link a:hover {
color: #00535b;
}

/* @group LoboAlert */
#unm_alert {
padding: 15px 100px;
background: #c10037 url(http://webcore.unm.edu/v1/images/message_icons/alert.png)
60px 10px no-repeat;
font-size: 1.25em;
font-weight: bold;
color: #fff;
margin: 0;
}
#unm_alert h1 {
color:#fff;
margin-bottom:.25em;
font-size:1.5em;
}
#unm_alert a {
color: #fff;
}
#unm_alert p {
margin: 0;
}

/* Footer */

.footer-section address {
    font-size: 15px;
}

ul.footer-list {
    color: #666666;
    font-size: 13px;
    padding-left: 0;
}

ul.footer-list li {
    margin: 3px 0;
}

ul.social-icons {
margin: 16px 0 0 0;
}

ul.social-icons li {
display: inline;
list-style: none;
}

ul.social-icons li span {
font-size: 32px;
line-height: 36px;
padding-right: 10px;
}

ul.social-icons li a:hover {
text-decoration: none;
}

.fa-facebook-square {
color: #3b5998;
}

.fa-twitter-square {
color: #00aced;
}

.fa-linkedin-square {
color: #007bb6;
}

.fa-flickr {
color: #ff0084;
}

.fa-instagram {
color: #bc2a8d;
}

.fa-pinterest {
color: #bd081c;
}

.fa-youtube-square {
color: #bb0000;
}

.fa-rss-square {
color: #f4801f;
}

.social-icons i:hover {
zoom: 1;
filter: alpha(opacity=75);
opacity: 0.75;
}

.add-on i.fa-envelope {
color: #008996;
}

.newsletter-submit {
margin-top: -11px;
}

footer hr {
border-color: #e4e4e4;
}

/* Footer Mobile Views */
@media (max-width: 480px) {
    .newsletter-footer, .social-icons {
    width: 100%; 
    }
    .newsletter-submit {
    float: none;
    margin-top: -9px;
    width: 100%;
    }
}

/* Weather Widget */
#wxWrap {
    width: 75%;
    background: #EEE; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    border: solid 1px #666;
    padding: 2px 13px 2px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}
#wxIntro {
    display: inline-block;
    font: 14px/20px Arial,Verdana,sans-serif;
    color: #666;
    vertical-align: top;
    padding-top: 9px;
}
#wxIcon {
    display: inline-block;
    width: 61px;
    height: 34px;
    margin: 2px 0 -1px 1px;
    overflow: hidden;
    background: url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;
}
#wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 6px 0 8px;
    overflow: hidden;
}
#wxTemp {
    display: inline-block;
    font: 15px/28px Arial,Verdana,sans-serif;
    color: #333;
    vertical-align: top;
    padding-top: 5px;
    margin-left: 0;
}

/* Add to Calendar */

.add-to-cal {
    margin: 10px 0;
}

.addthisevent-drop {
    background-color: #fff;
}

/* Remove Titles and url's after links on Print */

@media print {
  a[href]:after {
    content: none;
  }
  footer, img, hr, #main-nav, #sidebar-nav, .addthis_toolbox, .addthis-smartlayers, .fb-box, .breadcrumb {
    display: none;
  }
  div {
     border: none;
     clear:both;
     width: 100%;
  }
}

/* Fix Video */
video {
    width: 100%;
    height: auto;
}

/* Suggest a Class Form */

.fsSection textarea {
    width: 100%;
}

/* Add to Bootstrap */

.panel {
background-color: #FFF;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default {
    border-color: #DDD;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #F5F5F5;
    border-color: #DDD;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-subcategory {
    margin-bottom: 10px;
}

.heading-lg h4 {
    font-size: 20px;
}

.panel-body {
    padding: 15px;
}

/* AB TESTING */

.ab-v1 a {
    background-image: none;
    background-color: #c10037;
    color: #fff;
    padding: 10px;
}

.ab-v1 a:hover {
    background-color: #b2153a;
    color: #fff;
}

.ab-v2 a {
    background-image: none;
    background-color: #004a80;
    color: #fff;
    padding: 10px;
}

.ab-v2 a:hover {
    background-color: #043b69;
    color: #fff;
}

.ab-v3 a {
    background-image: none;
    background-color: #008996;
    color: #fff;
    padding: 10px;
}

.ab-v3 a:hover {
    background-color: #03737d;
    color: #fff;
}

h2.program-header {
    color: #c10037;
    background-color: #F5F5F5;
    padding: 10px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}

hr.dark {
    border-color: #b3b2b6;
    border-width: 1px;
}

.nav-tabs {
    border-color: #b3b2b6;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border-color: #b3b2b6 #b3b2b6 transparent;
}

/* Enews Footer */
.newsletter-footer a {
    width: 75%;
    background: transparent -moz-linear-gradient(center top , #F0F0F0 0%, #E0E0E0 100%) repeat scroll 0% 0%;
    border: 1px solid #666;
    padding: 11px 13px 11px 11px;
    border-radius: 4px;
}

/* Lead Capture / Email Signup */
#lcform label {
    font-size: 18px;
    font-weight: bold;
}

#lcform .req, #lcform .required {
    color: #c10037;
}

#lcform .ext-form-checkbox {
    margin: -4px 5px 0 0;
}

#lcform .btn {
    margin-top: 15px;
}

/* Thumbnails */
.dh-container {
    position: relative;
    overflow: hidden;
}
.dh-overlay {
    position: absolute;
    top: -100%;
}

/* Full Width Hero IMG */
.full-img {
    width: 100%;
    margin: -20px 0 -10px 0;
}

/* Menu Fix */
li.edge ul.dropdown {
    right:0;
}

/* FLoating A-Z Button */
#floataz {
    float: left;
    position: fixed;
    top: calc(50% - 47px);
    right: 0; 
}

#floataz a {
background: #c10037;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 3px solid #fff;
    border-right: 0;
    display: block;
    padding: 10px 0 10px 0;
    transition: all .2s ease-in-out;
}

#floataz a:hover {
    padding-right: 20px;
}

/* A-Z List */
.azmaster {
list-style: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
.azletter {
text-decoration: underline;
}
ul.azlist {
padding: 0 5px 10px 10px;
white-space: nowrap;
}
.azlist li {
white-space: normal;
}
.azpanel {
margin: 0 0 30px 0;
width:95%;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
display:table;
}
.azletterlinks {
margin: 0 0 0 38px;
}

.dataTables_wrapper .btn-group {
white-space: normal;
}

.dataTables_wrapper .btn-group > .btn + .btn {
    margin-left: -4px;
    cursor: pointer;
}

/* Tabs - Change Icon */
ul.nav-tabs li.tab-title span.fa:before {
color: #666666;
content: "\f138";
}
ul.nav-tabs li.active span.fa:before {
    color: #c10037;
    content: "\f13a";
}
ul.nav-pills li.tab-title span.fa:before {
color: #c10037;
content: "\f138";
}
ul.nav-pills li.active span.fa:before {
    color: #ffffff;
    content: "\f13a";
}

/* Breadcrumbs */
.bc-icon {
    padding: 0 0 0 10px;
}

/* Fix Hero for new BS3 */
#hero > .col-md-4 > img {
width: 100%;
height: auto;
}

/* BS3 Accordions */
h4.panel-title {
    font-size: 1.5em;
    padding: 10px 0px;
    font-weight: 400;
}

h4.panel-title a {
    padding: 15px 15px 15px 0px;
}

h4.panel-title > a > .fa, h4.class-title > a > .fa {
    padding-right: 1px;
}

h4.panel-title > a.collapsed > .fa, h4.class-title > a.collapsed > .fa {
  padding-right: 5px;
}

p.alert-teal {
    background-color: #e0eff0;
    border-color: #008996;
    color: #008996;
}

/* Content Heros */

#hero > #smclasses {
background: url('../imgs/bus-tech/digital-arts/social-media-header.jpg') no-repeat top center #fff;
background-size: cover;
height: 500px;
margin: 0;
padding: 0;
}

#hero > #smonline {
background: url('../imgs/bus-tech/digital-arts/social-media-bg.jpg') no-repeat top center #fff;
background-size: cover;
height: 500px;
margin: 0;
padding: 0;
}
#hero > #rananim {
background: url('../imgs/bus-tech/pro-dev/rananim.jpg') no-repeat top center #fff;
background-size: cover;
height: 500px;
margin: 0;
padding: 0;
}

.highlight-box {
    margin-top: 45px;
}

/* Home Page */
.feature a.feature-link {
    width: 100%;
}

/* Catalog Request */
#catalog-request {
background: none;
text-align: center;
width: 100%;
}

#catalog-request img {
margin: 0;
padding: 0;
vertical-align: bottom;
}

a#catalog-cover {
 display: block;   
}

h4.class-title {
    margin: 0;
    padding: 7px 0;
    font-size: 1.3em;
}

h4.class-title a {
padding: 15px 10px;
}

.class-start-date p, .class-price p {
    padding: 1px 0 0 8px;
    text-align: left;
}

p.class-description, p.course-info {
    padding: 5px 10px;
}

p.class-description, p.class-notes, p.course-info {
    font-size: 1em;
}

p.class-notes {
    margin-left: 10px;
}

.class-choose:after {
    font-family: FontAwesome;
    content: "\f149";
    padding-left: 7px;
}
.class-or:before {
        font-family: FontAwesome;
        content: "\f06a";
        padding-right: 7px;
}

.panel-group .section-panel {
    margin-bottom: 20px;
}

p.section-name {
color: #666666;
font-size: 1.1em;
font-weight: 600;
padding: 0 0 10px 0;
border-bottom: solid 1px #e4e4e4;
}

.nav-pills > li > a {
    color: #666666;
    font-size: 20px;
    background: #f4f4f4;
    border: solid 1px #ccc;
    margin: 0 3px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #008996;
    color: #fff;
}

.nav-pills > li.active > a > .fa {
    color: #ffffff;
}

.juicer-feed h1.referral a {
    color: #e4e4e4;
}

/* Youth Classes */
#youth-bar-pink {
    padding-top:5px;
    border: 2px solid;
    border-radius: 25px;
    background: #AE1655;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}
#youth-bar-orange {
    padding-top:5px;
    border: 2px solid;
    border-radius: 25px;
    background: #D7691B;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}
#youth-bar-green {
    padding-top:5px;
    border: 2px solid;
    border-radius: 25px;
    background: #ACBA1E;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}
#youth-bar-blue {
    padding-top:5px;
    padding-bottom:0px;
    border: 2px solid;
    border-radius: 25px;
    background: #004C81;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}
#youth-bar-purple {
    padding-top:5px;
    border: 2px solid;
    border-radius: 25px;
    background: #6A297F;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}


/* Resonsive iframe */
.test-prep-iframe {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    border: 1;
    overflow: visible
}