#footer {
  padding: 20px;
  margin-top: 70px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}

h3 { overflow: hidden; }

.browseTxt {
  font-size:14px;
}

#main-nav .form-search,
#main-nav .form-search *,
#utility-nav { 
	margin-bottom: 0px !important;
}
#main-nav {}
.navbar-search .btn { margin-top: 0; }

#logo {
	margin-bottom: 20px;
}

.visible-phone-portrait {
	display: none !important;
}

#featured-videos {
	margin-top: 40px;
}
#featured-videos .carousel-indicators {
	top: 10px;
}
#featured-videos .carousel-inner {
	background-color: #000;
}
#featured-videos .carousel-inner > .item > img {
	margin: auto;
	height: 500px;
}

#featured-videos .carousel-caption {
	color: #fff;
}
/*
#featured-videos .carousel-control {
	top: 0;
	margin-top: 0;
	bottom: auto;
}
#featured-videos .carousel-control.left {
	left: auto;
	right: 55px;
}
#featured-videos .carousel-control.right {
	right: 0;
}
/**/

/* Large desktop */
@media (min-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#featured-videos .carousel-inner > .item > img {
		height: auto;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#featured-videos .carousel-inner > .item > img {
		height: auto;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#logo {
		text-align: center;
		float: none !important;
		clear: both !important;
		display: block!important;
	}
}

/* Portrait phones and down */
@media (max-width: 380px) {
	.visible-phone-portrait {
		display: inherit !important;
	}
	.hidden-phone-portrait {
		display: none !important;
	}
}




#collection_items { list-style-type: none; margin: 0; padding: 0; }
#collection_items li { margin: 0 5px 5px 5px; padding: 5px; }

.video_container { width: 100%; }

.clearboth { clear:both; }

dd { padding: 5px; }








.sortable li {
	font-size: 15px;
	height: 18px;
	margin: 0 3px 3px;
	padding: 6px 6px 6px 25px;
	cursor: move;
	position: relative;
	list-style: none;
}
.sortable li input {
	position: absolute;
	right: 10px;
	top: 7px;
}
p.sortable-delete {
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 2px 3px 0;
}







.accordion {
  margin-bottom: 0px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 5px;
  border-top: 1px solid #e5e5e5;
}

.accordion > .active > div > div > a,
.accordion > .active > div > div > a:hover,
.accordion > .active > div > div > a:focus {
  color: #ffffff;
}

.accordion > .active > div {
  color: #ffffff;
  background-color: #0088cc;
}







/* KHAN ACDEMY SUBJECT COLORS */
/*.accordion-heading a.accordion-toggle { display: inline-block; } /* ONLY ACCORDION LINK IS CLICKABLE */

.accordion-toggle {  }

a.x29232c6b { background-color: #FFFFFF; }

a.x7a488390 { color: #FFF; background-color: #297395; } /* Math */
a.xb92336a2 { color: #FFF; background-color: #ba3d66; } /* Science & Economics */
a.x905db83d { color: #FFF; background-color: #4858a4; } /* Humanities */
a.x7626d097 { color: #FFF; background-color: #8e4c9b; } /* Test Prep */



.collapsibleList li{
  list-style-image:url('../img/button.png');
  cursor:auto;
}

li.collapsibleListOpen{
  list-style-image:url('../img/button-open.png');
  cursor:pointer;
}

li.collapsibleListClosed{
  list-style-image:url('../img/button-closed.png');
  cursor:pointer;
}





/* UPLOADING FADE */
.loading
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}



/* SAME HEIGHT THUMBNAILS */
.thumbnails li.span2 > a, .thumbnails li.span3 > a, .thumbnails li.span6 > a {
  display: block;
  background-color: #000;
  text-align: center;
  white-space: normal;
}

.thumbnails li.span2 > a:before, .thumbnails li.span3 > a:before, .thumbnails li.span6 > a:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  /*margin-right: -0.25em;  Adjusts for spacing */
}

.thumbnails li.span2, .thumbnails li.span3, .thumbnails li.span6 {
  overflow: hidden;
}

.thumbnails li.span2 > a img, .thumbnails li.span3 > a img, .thumbnails li.span6 > a img {
  display: inline-block;
  vertical-align: middle;
}

.thumbnails li.span3.photo > a { height: 150px; } 
.thumbnails li.span3.photo > a img { max-height: 150px; }
.thumbnails li.span6.photo > a { height: 316px; }
.thumbnails li.span6.photo > a img { max-height: 316px; }

.thumbnails li.span3.video > a { height: 113px; } 
.thumbnails li.span3.video > a img { max-height: 113px; }
.thumbnails li.span6.video > a { height: 238px; }
.thumbnails li.span6.video > a img { max-height: 238px; }

.thumbnails li.span3.newVideo > a { height: 100px; } 
.thumbnails li.span3.newVideo > a img { max-height: 100px; }
.thumbnails li.span2.newVideo > a { height: 96px; }
.thumbnails li.span2.newVideo > a img { max-height: 96px; }


@media (min-width: 980px) and (max-width: 1200px) {
  .thumbnails li.span3.photo > a { height: 122px !important; }
  .thumbnails li.span3.photo > a > img { max-height: 122px !important; }
  .thumbnails li.span6.photo > a { height: 255px !important; }
  .thumbnails li.span6.photo > a > img { max-height: 255px !important; }
  
  .thumbnails li.span3.video > a { height: 92px; } 
  .thumbnails li.span3.video > a img { max-height: 92px; }
  .thumbnails li.span6.video > a { height: 193px; }
  .thumbnails li.span6.video > a img { max-height: 193px; }
  
  .thumbnails li.span3.newVideo > a { height: 82px; } 
  .thumbnails li.span3.newVideo > a img { max-height: 82px; }
  .thumbnails li.span2.newVideo > a { height: 79px; }
  .thumbnails li.span2.newVideo > a img { max-height: 79px; }
}

@media (min-width: 768px) and (max-width: 979px) {
  .thumbnails li.span3.photo > a { height: 92px !important; }
  .thumbnails li.span3.photo > a > img { max-height: 92px !important; }
  .thumbnails li.span6.photo > a { height: 195px !important; }
  .thumbnails li.span6.photo > a > img { max-height: 195px !important; }
  
  .thumbnails li.span3.video > a { height: 69px; } 
  .thumbnails li.span3.video > a img { max-height: 69px; }
  .thumbnails li.span6.video > a { height: 147px; }
  .thumbnails li.span6.video > a img { max-height: 147px; }
  
  .thumbnails li.span3.newVideo > a { height: 61px; } 
  .thumbnails li.span3.newVideo > a img { max-height: 61px; }
  .thumbnails li.span2.newVideo > a { height: 59px; }
  .thumbnails li.span2.newVideo > a img { max-height: 59px; }
}

@media (max-width: 767px) {
  .thumbnails li.span2 > a, .thumbnails li.span3 > a, .thumbnails li.span6 > a { background: none; }
  .thumbnails li.span2, .thumbnails li.span3, .thumbnails li.span6 { border-bottom: 1px solid #e3e3e3; }
  
  .thumbnails li.span6.photo > a, .thumbnails li.span6.video > a { height: auto; }
}






h1, h3 {
  border-bottom: 1px solid #e3e3e3;
}


/* FIX ACCORDIAN FOR SUB CATEGORYS */
.accordion-heading { padding: 5px; }
.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0; }
.accordion-heading .accordion-toggle { display: inline; padding: 0; }
.accordion-heading > .accordion-toggle > a { padding-left:10px; }

.accordion > .active > div { background-color: transparent; }
.accordion > .active > .accordion-heading > a { color: #ffffff !important; }
.accordion > .active > .accordion-heading { background-color: #0088cc; }
.bootstrap-select.btn-group .dropdown-menu { max-width: 100%; }