/**
 * CSS STYLES FOR MAIN SUBPORTAL
 */

/*** PORTAL NAVIGATION ***/
.stripeSquirrelHeader #sub_portals .active .nav_link,
#sub_portals .active .nav_link {
  border-color: #e63712;
}



/*** MAIN NAVIGATION ***/
#main_navigation {
  border: 1px solid #e12d0f;
  background: #e12d0f;
  background: -moz-linear-gradient(center top, #eb4215, #e22e0f);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4215), to(#e22e0f));
  background: -o-linear-gradient(top, #eb4215, #e22e0f);
}
#main_navigation .main_nav_item {
  border-right: 1px solid #cd0000;
  -moz-box-shadow: inset -1px 0 #ff6e24;
  -webkit-box-shadow: inset -1px 0 #ff6e24;
  box-shadow: inset -1px 0 #ff6e24;
}
#main_navigation .main_nav_item:hover, #main_navigation .main_nav_item:focus, #main_navigation .active.main_nav_item  {
  background: #b82d0e;
  background: -moz-linear-gradient(center top, #b2250c, #bc3511);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc3511), to(#bc3511));
  background: -o-linear-gradient(top, #b2250c, #bc3511);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}



/*** SUB NAVIGATION ***/
.sub_navigation {
  border: 1px solid #b3786c;
  border-top-color: #b3786c;
}
.sub_navigation  .sub_nav_item {
  background: #fad7d0;
  background: rgba(250,215,208,0.9);
}
.sub_navigation .sub_nav_item:hover, .sub_navigation .sub_nav_item:focus {
  background: #f08771;
  background: rgba(240,135,113,0.9);
}



/*** VERTICAL NAVIGATION ***/
.sidebar .vnav_link:hover, .sidebar .vnav_link:focus {
  background-color: #e63712;
}
.sidebar .vnav_link.active {
  background-color: #b82d0f;
}

.sidebar .filter.active {
  background-color: #B82D0F;
}
.sidebar .filter:hover, .sidebar .filter:focus {
  background-color: #E63712;
}

.course_overview .sidebar .vnav_link:hover, .course_overview .sidebar .vnav_link:focus,
.course_overview .sidebar .vnav_link.active {
  background-color: #d74200;
}



/*** SORTING ***/
.sort_box .current:hover {
  border-color: #B82D0F;
  background-color: #E63712;
}
.sort_options .sort_link:hover {
  background-color: #E63712;
}



/*** HOMEPAGE ***/
.demo_lecture_link .demo_title {
  background-image: url('../images/layout/play_demo_main.png');
}



/*** HTML SLIDESHOW ***/
.html_slide_buttons .html_slide_button.active {
  border-color: #c8280d;
  color: #FFF;
  background: #e63712;
  background: #e63712 -moz-linear-gradient(center top , #eb4215, #c8280d);
  background: #e63712 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb4215), to(#c8280d));
}