@CHARSET "UTF-8";

#header .navbar-inner .logoImg.brand {
	padding: 10px 0px 20px 30px;
}

.navbar-inverse.navbar-static-top .navbar-inner, .navbar-inverse.navbar-fixed-top .navbar-inner {
  background-color: #e04e39 !important;
  background-image: -moz-linear-gradient(top, #e04e39, #dd3f28) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e04e39), to(#dd3f28)) !important;
  background-image: -webkit-linear-gradient(top, #e04e39, #dd3f28) !important;
  background-image: -o-linear-gradient(top, #e04e39, #dd3f28) !important;
  background-image: linear-gradient(to bottom, #e04e39, #dd3f28) !important;
  background-repeat: repeat-x !important;
  border-color: #c0321e !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe04e39', endColorstr='#ffdd3f28', GradientType=0) !important;
}

#header .smallLogo {
	margin-bottom: 10px;
}

div.row.accordion {
    margin: 0px;
    width: 65%;
    height: auto;
}
#horizontalMenu .nav {
	padding-left: 0px;
}

@media (min-width: 980px) {
	.navbar .nav {
      padding-top: 10px;
	}
}
@media (max-width: 979px) {
	.navbar .nav {
      padding-top: 5px;
	}
}
@media (max-width: 1200px) {
	div.row.accordion {
    	width: 55%;
	}
}
@media (max-width: 767px) {
	div.thumb_wrapper a img {
		width: 125px;
		height: 70px;
	}
}

#galleryGrid.full li.galleryItem {
	width: 100%;
	display: block;
	clear: both;
	float: left;
	border-top: 1px solid #ccc;
	min-height: inherit;
	margin-bottom: 5px;
	background: #ffffff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left: 0px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}
#galleryGrid.full li.galleryItem:hover, #galleryGrid.short li.galleryItem:hover {
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.7);
	        box-shadow: 0px 1px 5px rgba(0,0,0,0.7);	
}
#galleryGrid.short li.galleryItem {
	margin-left: 0px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);	
}
#galleryGrid.full, #galleryGrid.short {
	padding-left: 30px;
}

#galleryGrid.full .alert, #galleryGrid.short .alert {
	margin-left: 1px;
}

#Captions .videoSearchInput .btn-group .btn {
	border: 1px solid #ccc;
	/*border-right: 1px !important;*/
}

.hidden-phone div[class*="stack"]::before {
	background: #5a76a1;
} 
.hidden-phone div[class*="stack"]::after {
	background: #b46f65;
}
a .carousel-caption h2, a .carousel-caption h4 {
	color: #f4f4f4;
}
/* #toplinks {
	float: right !important;
	position: absolute;
	top: 21px;
	right: 10px;
}
.pull-right .nav li:last-child {
	margin-right: 30px;
} */
/* #toplinks ul li a {
	background-image: url("https://uofi.box.com/shared/static/ut6zulq79v5w45aknhro.png");
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 2px;
	height: 40px;
	width: 32px;
	padding: 0px;
	margin-top: 2px;
	background-position-x: 2px;
	background-position-y: 2px;
}
#toplinks ul li a:hover, #toplinks ul li a:focus {
	background-color: #c0321e;
} */
#imark {
	float: right !important;
	position: absolute;
	/*background-image: url("https://uofi.box.com/shared/static/ut6zulq79v5w45aknhro.png");
	background-repeat: no-repeat;*/
	background-color: transparent;
	border-radius: 2px;
	height: 40px;
	width: 32px;
	padding: 0px;
	/* margin-top: 2px; */
	/*background-position-x: 2px;
	background-position-y: 2px;*/
}
@media (min-width: 980px) {
		#imark {
			top: 30px;
			right: 20px;
		}
}
@media ( min-width: 768px) and ( max-width: 979px ) {
		#imark {
			top: 20px;
			right: 20px;
		}
}
@media (max-width: 767px) {
		#imark {
			top: 20px;
			right: 10px;
		}
}
#imark:hover, #imark:focus {
	background-color: #c0321e;
}
#mobileUserMenu {
	margin-right: 50px;
}
/* .rootOnly.last a {
	background-image: url("https://uofi.box.com/shared/static/ut6zulq79v5w45aknhro.png");
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 10px;
	height: 34px;
}
.rootOnly.last {
	height: 54px;
} */
.dd-wrapper .dd-menu li.wasActive>a{
	font-weight: bold;
	color: #f4f4f4 !important;
	text-decoration: none;
	background-color: #13294b;/*#c0321e;*/
	-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.dd-wrapper .dd-menu li.dd-parent a.ddicon-holder {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20%;
	height: 100%;
	max-height: 100%;
	/*padding-left: 10px;*/
	border-left: 2px #999 solid !important;
}

.dd-wrapper .dd-header #currentTitle h3, .dd-wrapper .dd-menu li {
  border-top: 2px solid #999;
}
.dd-wrapper .dd-menu li.last{
  border-bottom: 2px solid #999;
}

.icon-chevron-right:before {
    position: absolute;
    top: 12px;
}

.navbar-inverse .dd-wrapper .dd-header #navlinks a + a {
    border-left: 3px solid #999;
}

.dd-wrapper .dd-header #navlinks > a {
    width: 46%;
    position: absolute;
    padding-left: 1%;
    margin: 0px 1%;
    left: 0px;
    top: 0px;
    height: 30px;
    padding-bottom: 10px;
    padding-top: 0px !important;
}

.dd-wrapper .dd-header #navlinks {
    height: 38px !important;
	position: relative;
	font-size: 16.9px;
	border-top: 2px solid #999;
	background-color: #13294b;
}

#Kbtn-navbar {
	margin-top: 0px !important;
}

#header.navbar.navbar-static-top .navbar-inner, #header.navbar.navbar-fixed-top .navbar-inner {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

#footerHr {
	margin: 20px 0;
	border: 0;
	border-top: 2px solid #13294b;
}
#uiucWordMark {
	vertical-align: top;
	padding-right: 75px;
	border-right: 1px #13294b solid;
}
#uiucWordMark a img {
	width: 300px;
	max-width: 300px;
	min-width: 300px;
}
@media (min-width: 768px) and (max-width: 979px) {
	#uiucWordMark a img {
		width: 225px;
		max-width: 300px;
		min-width: 175px;
	}
	#uiucWordMark {
		padding-right: 50px;
		padding-top: 10px;
	}
}
@media (max-width: 767px) {
	#uiucWordMark a img {
		width: 175px;
		max-width: 175px;
		min-width: 175px;
	}
	#uiucWordMark {
		padding-right: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
#footerPrime {
	padding-left: 15px;
	width: 100%
}
#footerPrime h5 {
	border-bottom: 1px dotted #13294b;
	padding-bottom: 5px;
}
.footerInfo {
	padding-left: 20px;
	font-size: 12px;
}
@media (max-width: 420px) {
	#header .center {
		margin: 0px 20px 0px 0px;
		width: 80%;
	}
	#header .smallLogo {
		 max-width: 100px;
		 margin: 7px auto auto;
	}
	#header .center a {
		 margin: 0;
	}
}
.toggle-off.btn-inverse {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: transparent;
	*background-color: #999999;
	background-image: -moz-linear-gradient(top, #999999, #666666);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999),
		to(#666666));
	background-image: -webkit-linear-gradient(top, #999999, #666666);
	background-image: -o-linear-gradient(top, #999999, #666666);
	background-image: linear-gradient(to bottom, #999999, #666666);
	background-repeat: repeat-x;
	border-color: #aaaaaa #777777 #555555;
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999',
		endColorstr='#ff666666', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 0px 3px 3px 0px;
}
.toggle-on.btn-success {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: transparent;
	*background-color: #2ba977;
	background-image: -moz-linear-gradient(top, #2ba977, #1b6a4b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba977),
		to(#1b6a4b));
	background-image: -webkit-linear-gradient(top, #2ba977, #1b6a4b);
	background-image: -o-linear-gradient(top, #2ba977, #1b6a4b);
	background-image: linear-gradient(to bottom, #2ba977, #1b6a4b);
	background-repeat: repeat-x;
	border-color: #aaaaaa #777777 #555555;
	border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba977',
		endColorstr='#ff1b6a4b', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius: 3px 0px 0px 3px;
}

.customlanding .carleft, .customlanding .carmain, .customlanding .carright {
	display: none;
}

#wrapper.audio #player div#kplayer {
  width: 100%;
  min-height: 100px;
  height: 150px;
}

span.badge, .catname, .capitalize, .media-heading, .thumbnail .thumb_name_content, .entryTitle {
	text-transform: none;
}

.navbar-inverse.sidr.left .navbar-inner .navbar-search .input-prepend.input-append .add-on, .navbar-inverse.sidr.left .navbar-inner .input-prepend.input-append .btn {
	background: #f4f4f4 !important;
	border: 1px solid;
	border-color: #17325b #17325b #0f203b;
	border-color: rgba(23, 50, 91, 0.5) rgba(23, 50, 91, 0.5) rgba(23, 50, 91, 0.75);
	border-right-width: 0px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
	   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
		    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	color: #333;
	border-radius: 4px 0 0 4px !important;
}
.navbar-inverse.sidr.left .navbar-inner .navbar-search .input-prepend.input-append input {
	  color: #333;
	  background-color: #f4f4f4;
	  /*border-color: #12394b;*/
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
	 	 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
		      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
	  -webkit-transition: none;
	     -moz-transition: none;
	       -o-transition: none;
	          transition: none;
	  border: 1px solid;
	  border-color: #17325b #17325b #0f203b;
	  border-color: rgba(23, 50, 91, 0.5) rgba(23, 50, 91, 0.5) rgba(23, 50, 91, 0.75);
	  border-left: 0px;
	  border-radius: 0 4px 4px 0 !important;
}
.navbar-inverse.sidr.left .navbar-link {
	color: #f4f4f4;
}

.navbar-inverse.sidr.left .input-prepend.input-append .navbar-link {
	color: #999999;
}

.navbar-inverse.sidr.left .navbar-inner .navbar-search .input-prepend.input-append {
	padding-top: 10px;
}

#help-nav td:first-child {
    padding-right: 10px;
}
#help-nav td:last-child {
    padding-left: 10px;
}
#help-nav td {
	vertical-align: top;
	width: 50%
}
#help-nav h5 {
    padding-left: 10px;
}

.help-table {
	border-collapse: collapse;
	background-color: #EBF5FF;
	width: auto;
}
.help-table th, .help-table td {
	border: 1px solid #333;
	padding: 10px;
}
.help-table th {
	font-weight: bold;
}
.help-table tbody tr:hover {
	background-color: #f2faec;
}

.commentIcon i {
	color: #e04e39;
}

.rtt {
	padding-left: 30px;
	padding-top: 15px;
	color: #13294b;
	text-decoration: underline;
	display: block;
}

.carousel .thumb_icon_content, .carousel .thumb_time {
	line-height: 20px;
}

.thumbnails li:hover, .thumbnails li:focus {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}

#channelGallery.thumbnails li:hover, #channelGallery.thumbnails li:focus {
	box-shadow: none;
}

dl dl {
	margin-left: 15px;
	font-size: 13px;	
}

.help-list {
	background-color: #ecf2fa;
	padding: 15px;
	border-radius: 7px;
	border: 1px solid #13294b;
}

dl dl.help-list {
	background-color: #f2faec;
	padding: 15px;
	border-radius: 7px;
	border: 1px solid #13294b;
}

#mediaContainer.expanded {
	width: 100%;
}
.module-browseandembed.action-media #mediaContainer {
	width: 100%;
	margin: 0px;
}
.anchor {
	display: block;
	position: relative;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.anchor.fixedNav {
	top: -150px;
}

#featuredPlayer #wrapper {
	height: 400px !important;
}
.navbar-inverse .nav .active>a{background-color: #13294b;}
.navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus{background-color:#13294b}
.navbar .nav .active>a{background-color: ##13294b;}
.navbar .nav .active>a:hover, .navbar-inverse .nav .active>a:focus{background-color:#13294b}