/*
	Page background
	Text Color and Weight
	Links Color
*/
body {font-weight:400; background-color: #FAFAFA; color: #212121}
h3 {font-weight: 400; }
p {	font-weight:normal;	font-size:110%;	line-height:200%; }
a {color: #16689F; }
/*
	Header Color
	Logo Image Style
*/
#topcontainer .topbckgr, #header {background-color: #1565C0;}
#header > a > img.logo  {padding:6px;}
/*
	Navegation Bar Styles
*/
#navi {	z-index:2; padding: 0;}
.navbar { margin-bottom: 5px; min-height: 0;}
.navbar, .navbar.navbar-default {
	color: #212121!important;
	background-color: #ffd200;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    #color: #fff;
	background-color: #dcbe31;
}
.navbar-about { padding-top: 15px; padding-bottom: 7px; }
/*
	Search field in Navigation Bar
*/
#frmsrch input {  
background-image: linear-gradient(#212121, #212121), linear-gradient(#212121, #212121);
}
#frmsrch input::-webkit-input-placeholder {
color: #212121 !important;
}
 
#frmsrch input:-moz-placeholder { /* Firefox 18- */
color: #212121 !important;  
}
 
#frmsrch input::-moz-placeholder {  /* Firefox 19+ */
color: #212121 !important;  
}
 
#frmsrch input:-ms-input-placeholder {  
color: #212121 !important;  
}
/* 
	Footer Styles 
*/
#footer-head {
    font-size: 16px;
	background: #E0E0E0;
}
#footer-head > p {
	font-size: 90%;
}
#footer_container ul {
    padding-left: 17px;
}
#footer_container a {
    color: #00395b;
}

/* 
	General Styles 
*/
img {
    max-width: 100%;
    height: auto;
}
#centered {	display: block;	margin-left: auto;	margin-right: auto;}
#main-video {text-align:center;	padding:10px;}
#video-player {text-align:center;}
.stl-content {padding-bottom: 30px}
.stl-content > h1 {	margin:15px;}
.stl-content > p {margin:20px;}
#facebook {background: #3B5998;}
#rss {background:#FF8300;}
#twitter {background: #39A9E0;}
#youtube {background: #CD332D;}
#itunes {background: #B9BFC1;}
.skipbtn {background-color: #1565C0;}
.course {background: #E64A19!important;}
.file {background: #C62828!important;}
.collection {background: #2E7D32!important;}
.lecture {background: #039BE5!important;}
.image {background: #37474F!important;}
.conference {background: #6A1B9A!important;}
.accordion-inner ul li {margin-top: 15px;}
.pop-preview {	cursor: pointer; }
.img128 { width: 128px; }
.img64 { width: 64px; }
.stl-content2 {
	background: #E0E0E0!important;
}
.stl-content2 > h1 {
	margin:15px;
}
#conten2t > p {
	margin:20px;
}
.stl-sitemap {
	font-size: 90%;
}
.stl-sitemap > p {
	font-size: 90%;
}
.editor > p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
/* Lecture css */
body .container .well p{
    font-weight: normal;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before, .tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tabs-left > .nav-tabs {
	border-right: 0;
}
.tabs-left > .nav-tabs > li{
	border-right: 1px solid #ddd;
    width: 100%;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
#content_left {
  background: #FAFAFA;
}
#sidel, #sidec, #sider {
    min-height: 85px;
}
#myTabs, #sidel {
    background: #fff;
	padding: 0;
}
.tab-content {
  background: #FAFAFA;
  overflow: auto;
}
.nav-tabs > li > a {
    font-size: 15px;
    color: #212121 !important;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #1E88E5 !important;
}
#myTabs > li:hover, #myTabs > li:focus, #myTabs > li.active {
    background: #e0e0e0;
}

#sidel > li:hover, #sidel > li:focus, #sidel > li.active {
    background: #e0e0e0;
}
.panel-heading {
    padding: 5px 15px 10px;
}
/* END Lecture css */
#mainCarousel {
    z-index: 1;
}
.carousel-caption {
    padding-top: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    left: 0;
}
.carousel-caption > p {
	line-height: normal;
}
.carousel-control {
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.container { margin-bottom: 0; }
.container > #navbar2 { position: static; }
.container > #navbar2 .nav {display:table; width: 100%; text-align: center; left:0; right:0; }
.nav>li { display: table-cell; }
.panel-heading2 { padding-left: 15px; }
/* Table styles */
th, td {
    padding: 15px;
    text-align: left;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #E0E0E0;
}
.btn.btn-raised.btn-primary{
    background-color: #1976D2;
}
.btn.btn-raised:not(.btn-link):hover.btn-primary{
    background-color: #1E88E5;
}
.btn.btn-raised:not(.btn-link):focus.btn-primary {
    background-color: #03a9f4;
}
a:hover, a:focus {
    color: #000;
}
.breadcrumb {
    padding: 0;
    margin-top: 23px;
    margin-bottom: 14px;
    background: 0;
}
.label-default {
    padding: 3px;
    font-size: 65%;
    font-weight: 300;
}
.pagination>.active>span {
    z-index: 1;
}
#nav2 {
    z-index: -1;
}
/*Courses*/
.nowell {
    padding: 8px;
	word-wrap: break-word;
	overflow: hidden;
}
.centrme {
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}
img .img-polaroid {
	width: 100%!important;
}
#bannercollect { display: flex;}
#lecmainvid iframe {
    width: 720px!important;
    height: 405px!important;
}
.label {
	font-size: small;
}
/*
    Small devices (phones, 587px and up)
    Medium devices (tablets, 768px and up)
    Large devices (desktops, 992px and up)
    Extra large devices (large desktops, 1200px and up)
*/
@media (max-width: 1199px) { /*Less Extra large devices*/
	.nbfixed { width: 971px!important; }
	.navbar-right { float: left!important; }
    .navbar-about { padding-top: 7px!important; }   
	#lecmainvid iframe { width: 640px!important; height: 360px!important; }    
}
@media (max-width: 991px) { /*Less Large devices*/
	.nbfixed { width: 751px!important; }
    .navbar-about { padding-top: 52px!important; }    
    #ocw .panel-body table { width: 100%!important; }  
	#lecmainvid iframe { width: 505px!important; height: 280px!important; } 
}
@media (max-width: 767px) { /*Less Medium devices*/
	.nbfixed { width: 749px!important; }
    .navbar-toggle { float: left!important; }
    #header { width: 100%; }
    .navbar-header { width: 746px; }
    .navbar-about { padding-top: 7px!important; }
    .tabbable { display: block;}
	#lecmainvid iframe { width: 510px!important; height: 282px!important; } 
}
@media (max-width: 587px) { /* 592? */ /*Less Small devices*/
	.nav>li { display: inline-flex!important; }    
	.navbar-collapse.collapse.in { display: table-caption!important; }
    #bannercollect { display: block!important;}
	#lecmainvid iframe { width: 460px!important; height: 256px!important; } 
}