body{	
	background-color: #ffffff;
	font-family: Roboto, "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif; 
	margin:0;
    padding:0;
	-webkit-font-smoothing: antialiased;
}


span{
	border: 0px solid #ffff00;
}
div{
	border: 0px solid #ff0000;
}
#navbar{
	padding-top:0;
}
#home_icon{
	font-size: 1.25em;
	margin-right: 3px;
}
#language-bar {	
	height: 25px;
	padding:0;
	margin:0;
	text-indent: 0px;	
	font-family:'Roboto Condensed';
	font-weight:400;
	font-size:1.25em;
}
/*ZYU top nav bar*/
#top_bar{
	background: #f2f2f2;
    margin: 0;
    padding: 0;
    border: none !important;
    border-bottom: #00adef solid 5px !important;
    height: 41px;
    min-height: inherit;

	
	top: 0;
    border-width: 0 0 1px;

	position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
#language_bar_container{
	padding:0;
	margin:0;
}
/*ZYU For the glyphicon change color to black*/
.white, .white a {
  color: #000;
}
/*The Language display*/
.language-switcher-locale-url{
	padding:0;
	margin:0;
}
#language-bar  a{
	color: #ffffff;
}
#language-bar  a:visited{
	color: #FF9E25;;
}
#language-bar  ul {
	text-align: right;	
	float: right;
	margin:5px 0 0 0;
}
#language-bar ul li {
	display: inline;
	/* padding-right: 1em;
	font-family: Tahoma, Arial, "Arabic Transparent";
	font-size: .923em;
	font-size: .65em; */	
	font-family: 'Roboto Condensed';	
	font-weight:400;
	margin-right:10px;
}
#language-bar ul.right  {		
	margin: 0;
	color:#ff0000;
	margin:5px 0 0 0;	
}
#language-bar ul li.right  {		
	margin: 0;
	color:#ff00ff;
}
/*ZYU update the background color, color, padding bottom*/
#audiolibrary_masthead {	
	background-color: #ffffff; /*#00aeef;*/	
	color: #4d4d4d;
	margin-top: 0;
	padding-top: 50px; /*25px;*/	
	padding-bottom: 15px;
	vertical-align: middle;	
}
/*ZYU update bg color, color, padding top and bottome*/
#unifeed_library_masthead {
	background-color: #ffffff; /*#00aeef;*/	
	color: #4d4d4d; /*#ffffff;*/
	margin-top: 0;
	padding-top: 50px; /*12px;*/	
	padding-bottom: 15px;
	vertical-align: middle;	
	/*padding-bottom: 12px;*/
}
/*ZYU update bg color, color, padding top and bottome*/
#_21st_century_library_masthead {
	background-color: #ffffff; /*#00aeef;*/	
	color: #4d4d4d; /*#ffffff;*/
	margin-top: 0;
	padding-top: 50px; /*12px;*/	
	padding-bottom: 15px;
	vertical-align: middle;		
}
/*UN classic masthead*/
#cl_library_masthead {	
	background-color:#3398cc;	
	color:#ffffff;
	margin-top: 0;
	padding-top:25px;	
	padding-bottom: 15px;
	vertical-align: middle;	
}

#site_banner_UN_text{
	color:#ffffff;
	margin: 5px 10px 10px 40px;
	font-family: 'Roboto';	
	font-weight:900;
	font-size:4.66em; /*56pt*/
	float: left;
	padding: 0 10px 0 0;
	border-right: 2px dotted #ffffff;
	line-height:0.73em; /*60px;	*/
}


.span-logo{
	border-right: 2px dotted #ffffff;
	line-height:1em; /*60px;	*/
}
.span-logo-small{
	display:none;
	border-right: 2px dotted #ffffff;
	line-height:1.0em;
	color:#ffffff;
	font-size: 0.875em; /*14px;*/
	font-weight:900;
	padding: 0 5px 0 0;
}
.span-logo-small a{
	color: #ffffff;
}

/*specialized skins*/
.span-logo_cl{	
	line-height:1em; /*60px;	*/
	padding: 0;
	margin:0;
	background-color:#3398cc;
}
.span-logo-small_cl{
	display:none;
	/*border-right: 2px dotted #ffffff;*/
	line-height:1.0em;
	color:#ffffff;
	font-size: 0.875em; /*14px;*/
	font-weight:900;
	padding:0;
}
.span-logo-small_cl a{
	color: #ffffff;
}

/*Radio classic logo extension*/
.rc_header_right{
	line-height:1em; /*60px;	*/
	padding:0;

}


.navbar-collapse.in {
    overflow-y: visible;
}
.navbar-collapse{
		min-width:733px;
}
/*ZYU update the color of the link*/
#site_name_link{
	color: #4d4d4d; /*#ffffff;*/
	text-decoration:none;
}
/*The social media links default color*/
.fa{
	color:#ffffff;
}
.social-links, .social-links ul{
	padding:0 5px;
	margin:0;
}
.site_banner_AV_text{
	font-family: 'Roboto';	
	font-weight:700;
	font-size:3em; /*36pt;*/	
	margin-bottom:auto;
	margin-top:auto;
	margin:6px 0 0 10px;
	color:#ffffff;	
}

.cl_site_banner_AV_text{
	font-family: 'Roboto';	
	font-weight:700;
	font-size:2.0em; /*36pt;*/	
	margin-bottom:auto;
	margin-top:auto;
	margin:6px 0 0 10px;
	color:#ffffff;	
}

/*ZYU adjust the font family, size and margin*/
.navbar-brand{
	font-family: "Merriweather","Roboto Slab","Georgia","Times New Roman","Times",serif; /*'Roboto';*/	
	font-weight:700;
	font-size: 1em; /*0.75em;*/  /*24pt;*/	
	margin-bottom:auto;
	margin-top:auto;
	margin: 0 0 0 10px; /*6px 0 0 10px;*/
	color:#ffffff;
}

/*ZYU adjust the font family, size and margin*/
.navbar-brand-uni{
	font-family: "Merriweather","Roboto Slab","Georgia","Times New Roman","Times",serif; /*'Roboto';*/	
	font-weight:700;
	font-size: 1em; /*0.75em;*/  /*24pt;*/		
	margin-bottom:auto;
	margin-top:auto;
	margin: 0 0 0 10px; /*6px 0 0 10px;*/
	color:#ffffff
}

.navbar-brand-cl{
	font-family: 'Roboto';	
	font-weight:700;
	font-size:0.75em;  /*24pt;*/	
	margin-bottom:auto;
	margin-top:auto;
	margin:6px 0 0 0;
	color:#ffffff
}


#site_banner_social{
	text-align: right;
	vertical-align: baseline;	
	padding: auto 0 auto auto;
	margin: auto 0 auto auto;
	top:70%;
}

.cl_site_name{
	padding: 0 10px; font-size: 1.66em; font-weight:700; height:100%;  vertical-align:middle;
}

.bottom_social_media{
	text-transform:uppercase;
	color:#5c637a;	
}
.bottom_social_media a, .bottom_social_media a:link, .bottom_social_media a:hover, .bottom_social_media a:visited{	
	text-decoration:none;	
}
/*ZYU add margin-left*/
.bot_social_link{
	color:#4A4F62;
	text-decoration:none;
	font-family:'Roboto Condensed';
	font-weight:700;
	font-size:1.15em;
	margin-left:5px;
}
.bottom_social_media .fa{
	color:#5c637a;
	padding-right: 3px;
}

.cl_logo{
	padding-right:0;
}



@media (max-width: 1200px){
/*specialized skins - un classics*/ 
	
	.span-logo-small_cl{
		display:block;
	}
	.span-logo_cl  img{
		width:100%;
		height:100%;
	}
	
	
}

@media (max-width: 1000px){
	.rc_header_right{		
		display:none;
	}
}
@media (max-width: 467px){
	/*specialized skins - un classics*/ 
	.span-logo_cl{
		width:80%;
		padding:0 5px 0 0;
	}
}


/*ZYU update width and span-logo-uni*/
@media (max-width: 767px) {
	.span-logo{
		width: 13%; /*33%;*/
		padding:0 5px 0 0;		
	}
	
	.span-logo_uni{
		width: 35%; /*15%;*/ /*40%;*/		
	}
	
	.span-logo-small{
		display:block;
	}
	.span-logo img{
		width:100%;
		min-width:2em;
		height: auto;/*100%;*/
	}
	/*ZYU add this*/
	.span-logo_21 {
		width:13%;
	}
	
	
	.site_banner_AV_text{
		font-size:1.33em;  /*16pt;*/
	}
/*ZYU update the font size and margin*/
	.navbar-brand {
		margin: 8px 0 0 0;
		float: left;
		padding: 4px;
		font-size: 1.8em; /*1.125em;*/ /*18px;*/
		font-weight:700;
		/*line-height: 20px;*/
	}
/*ZYU update the font size and margin*/	
	.navbar-brand-uni {
	    margin: 0 0 0 0;
		float: left;
		padding: 4px;
		font-size: 1.8em; /*1.125em;*/ /*18px;*/
		font-weight:700;
		/*line-height: 20px;*/
	}
	
	#audiolibrary_masthead {
		/*padding-top: 6px;*/
	}
	#unifeed_library_masthead {
		/*padding-top: 6px;*/
		padding-bottom: 5px;
	}
	#_21st_century_library_masthead	{
		/*padding-top: 6px;*/
		padding-bottom: 0;
	}
	
	#cl_library_masthead{
		padding-top: 10px;
	}	
	.blue_header {
		padding-left:0;
		padding-right:0;
	}
	.cl_site_name{
		 font-size: 1.33em; font-weight:700;  
	}
	
	
	
}

@media (max-width: 560px) {
	.cl_site_name{
		 font-size: 1.0em; font-weight:700;  
	}
}
/*ZYU update the font size*/
@media (max-width: 500px) {
	.navbar-brand {
		margin:8px 0 0 0;
		float: left;
		padding: 4px;
		font-size: 1.2em; /*0.66em;*/ /*12px;*/
		font-weight:700;		
	}
/*ZYU update the font size*/	
	.navbar-brand-uni {
		margin: 1px 0 0 0; /*8px 0 0 0;*/
		float: left;
		padding: 4px;
		font-size: 1.2em; /*0.66em;*/ /*12px;*/
		font-weight:700;		
	}
	.site_banner_AV_text {
		margin: 0;
		color: #FFF;
	}
	/*.navbar-brand {
		margin:0;
	}*/
/*ZYU update the margin right to make it align with searchbar when responsive*/
	.navbar-toggle {
		margin-right:6px;
	}
	.breadcrumb{
		display: none;
	}
	
}

@media (max-width: 360px) {
	.cl_site_name{
		 font-size: 0.825em; font-weight:700;  
	}
	.navbar-brand, .navbar-brand-uni {
		float: left;
		padding: 4px;
		margin-left:10px;
		font-size: 0.85em; /*12px;*/
		font-weight:700;		
	}
	/*.logo_uni img {
		width:1em;
		height:auto;
	}*/
}
.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
.login_links{
			float:right;
}
 @media (max-width: 767px) {
        /* line 309, ../sass/main.scss */
		.login_links{
			float:left;
			width:100%;
		}
		}
/*Derived from New UN drupal theme; SAM ZYU move it to here for dynamic menu*/
.main_menu_div_container{
		background: transparent;/*#4d4d4d; #008fd5;*/
		margin-right:0;
		margin-left:0;
	}
 header.navbar-default nav ul.navbar-nav {
	margin:0;
    padding-left: 0; /*22px;*/
    background: #4d4d4d; /*#008fd5;*/
    width: auto;
   /* padding-top: 9px;
    padding-bottom: 8px;*/
	padding-right: 10px;

	}
	
	header.navbar-default div.main_menu_div_container{
		/*margin-left: 0;
		margin-right:-15px;
		padding-right:15px;
		padding-left:15px;
		border:2px solid #ff0000;*/
	}
	header.navbar-default div.main_menu_div_container nav ul.navbar-nav li {
		/*border:2px solid #0000ff;*/
		border-right:1px solid #ffffff;
		text-align: center;
		padding-right:0;
		padding-left:0;
	}

	header.navbar-default div.main_menu_div_container nav ul.navbar-nav li:last-child {
		/*border:2px solid #0000ff;*/
		border-right:none;
		padding-right:0;
		
	}
	
   
    /* line 309, ../sass/main.scss */
    header.navbar-default nav ul.navbar-nav > li > a {
      font-family: "Roboto Condensed";
      font-weight: 500;
      letter-spacing: 0.11em;
      padding-top: 9px;
       padding-bottom: 8px;
      padding-left: 20px;
     padding-right: 20px;
      line-height: 22px;
      color: #ffffff; /*#e6f4fb !important;*/
      background-color: transparent !important;
      /*text-transform: uppercase;*/
      font-size: 1.0em; /*14px;*/ }
      /* line 323, ../sass/main.scss */
      header.navbar-default nav ul.navbar-nav > li > a:active, header.navbar-default nav ul.navbar-nav > li > a:hover {
        background-color: #f2f2f2 !important;
        color: #000000 !important; 
		/*font-weight: 800;*/
		}
		/* header.navbar-default nav ul.navbar-nav > li.dropdown.active.open > a, 
 header.navbar-default nav ul.navbar-nav > li.dropdown.active.open > ul.dropdown-menu a:hover,*/
	.main_menu_div_container nav ul.navbar-nav > li.dropdown.open > a, 
	.main_menu_div_container nav ul.navbar-nav > li.dropdown.open > ul.dropdown-menu a:hover
	{
        background-color: #f2f2f2 !important;
        color: #000000 !important; 
		font-weight: 800;
		}
		
		ul.menu.nav.navbar-nav.login_links {
	/*.main_menu_div_container nav ul.navbar-nav >.login_links{*/
		padding-right:0px;
	}
		
	.open .dropdown-toggle header.navbar-default nav ul.navbar-nav > li > a {
		background-color: #f2f2f2 !important;
        color: #000000 !important; 
		font-weight: 800;
	}	
      @media (max-width: 1200px) {
        /* line 309, ../sass/main.scss */
        header.navbar-default nav ul.navbar-nav > li > a {
          padding-right: 26px; } }
      @media (max-width: 991px) {
        /* line 309, ../sass/main.scss */
        header.navbar-default nav ul.navbar-nav > li > a {
          padding-right: 10px;
          font-size: 1.0em; /*14px;*/ 
		   padding-left:10px;
		  } }
      
      /* line 361, ../sass/main.scss */
      li.open header.navbar-default nav ul.navbar-nav > li > a.dropdown-toggle {
        background: #000; }
      /* line 365, ../sass/main.scss */
      header.navbar-default nav ul.navbar-nav > li > a.dropdown-toggle span.caret {
        border-top-color: #f2f2f2;
        border-bottom-color: #f2f2f2;
        border-width: 5px;
        border-bottom-width: 0; }
        /* line 371, ../sass/main.scss */
        header.navbar-default nav ul.navbar-nav > li > a.dropdown-toggle span.caret:hover {
          border-top-color: #4d4d4d !important;
          border-bottom-color: #4d4d4d !important; }
        
    /* line 394, ../sass/main.scss */
    header.navbar-default nav ul.navbar-nav ul.dropdown-menu {
      border: none !important;
      -webkit-border-radius: 0px 0px;
      -moz-border-radius: 0px / 0px;
      border-radius: 0px / 0px;
      -webkit-box-shadow: inset 0 0 0 0 transparent;
      box-shadow: inset 0 0 0 0 transparent;
	  background-color: #f4f4f4;
      margin-top: 5px;
      left: 0px;
	  border-top:1px solid #f2f2f2;
	/*min-width:1280px;
	 width:600%;
	  list-style-type:none;*/
	  
	  }
	  
	
	 /* header.navbar-default nav ul.navbar-nav ul.dropdown-menu li {
		 list-style-type:none;
		 display:inline-block;
		 position: relative;*/
		/* float:left;
		border: 3px solid #ff0000;
		width:auto;
		}*/

		.open > nav ul.navbar-nav ul.dropdown-menu {
			
			/*position:absolute;
			float:left;
			left:0;
			
			margin-left: auto;
			margin-right: auto;*/
			margin-top:37px;
			
		}
		
		/*.nav > li.dropdown.open {*/
		div.col-md-12.main_menu_div{
			margin-left:0;
			margin-right:0;
			background:#4d4d4d;
			
			/*border:1px solid #00ff00;
			overflow:hidden;*/
		}
		
		.main_menu_div > li.expanded.dropdown{
			color:#000000;			
		}
		
		.dropdown-menu>li {
			/*display: table-cell;*/
		}
		div.col-md-12.main_menu_div .nav  > li:hover, div.col-md-12.main_menu_div .nav  > li:active {
			
			background: #f2f2f2;
			/*border-bottom:1px solid #f2f2f2;*/
			border-radius:0;
			color:#000000;
		}
		
		div.col-md-12.main_menu_div .nav  > li.dropdown:hover, div.col-md-12.main_menu_div .nav  > li.dropdown:active {
			position: static;
			background: #f2f2f2;
			color:#000000;
		}
		
		div.col-md-12.main_menu_div .nav  > li.dropdown:hover > a {
			color:#000000;
		}
		
		div.col-md-12.main_menu_div .nav > li.dropdown.open .dropdown-menu {
			/*display:table; */
			display: inline-flex;
			width: 100%; 
			text-align: center; 
			left:0;
			right:0;
			margin-right:-15px;
			top:37px;
			border-top:1px solid #f2f2f2;
		}
		
		div.col-md-12.main_menu_div .nav > li.dropdown:hover .dropdown-menu {
			
			display: inline-flex;
			width: 100%; 
			text-align: center; 
			left:0;
			right:0;
			margin-right:-15px;
			top:37px;
			border-top:1px solid #f2f2f2;
		}

		
		div.col-md-12.main_menu_div .nav  > li.dropdown.open {
			position: static;
			background: #f2f2f2;
			color:#000000;
			
		}
		header.navbar-default div.col-md-12.main_menu_div ul.navbar-nav   li.expanded.dropdown.open  a.dropdown-toggle {		
			
			color:#000000;
		}
		
		header.navbar-default nav ul.navbar-nav > li > a > .open {
			color: #000000;
		}
		
		/*
		
		div.col-md-12.main_menu_div .nav  > li.dropdown {
			position: static;
		}
		div.col-md-12.main_menu_div .nav > li.dropdown .dropdown-menu {
		
			display:none !important;
			
		}*/
		
	  /*header.navbar-default nav ul.navbar-nav ul.dropdown-menu{
		 position:absolute;
		 
		 list-style-type: none;
		 width:100%;
		 margin-top : 10px;
		 list-style-image: none;
	list-style-type:none;
	  }*/
	/*.dropdown-menu li{*/
	
      
        /* line 394, ../sass/main.scss */
        header.navbar-default nav ul.navbar-nav .dropdown-menu {
          margin-top: 0 !important;
          padding-top: 0;
          background: #d4d4d4; } }
      /* line 409, ../sass/main.scss */
      header.navbar-default nav ul.navbar-nav .dropdown-menu li a {
        font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #666666; 
		font-size:13px;
		}
        
        /* line 419, ../sass/main.scss */
        header.navbar-default nav ul.navbar-nav .dropdown-menu li a:hover {
          background-color: #f2f2f2; }
          
      /* line 429, ../sass/main.scss */
      header.navbar-default nav ul.navbar-nav .dropdown-menu li a.active {
        background-color: #f2f2f2;
        color: #000 !important; }
        
	@media (max-width: 767px) {
		header.navbar-default nav ul.navbar-nav {
			
			padding-right: 0px;

		}
		div.col-md-12.main_menu_div nav ul.navbar-nav > li, div.col-md-12.main_menu_div nav ul.navbar-nav.login_links > li  {
			position: relative;
			display: block;
			width:100%;
		}
		div.col-md-12.main_menu_div nav ul.navbar-nav > li > a, div.col-md-12.main_menu_div nav ul.navbar-nav.login_links > li > a {
			color: #ffffff !important;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 4px;
			border-bottom: #cccccc dotted 1px;
			width:100%;
		}
		
		
		div.col-md-12.main_menu_div nav ul.navbar-nav > li > a:hover, div.col-md-12.main_menu_div nav ul.navbar-nav.login_links > li > a:hover {
			color: #000000 !important;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 4px;
			border-bottom: #cccccc dotted 1px;
			width:100%;
		}
		
		header.navbar-default div.main_menu_div_container nav ul.navbar-nav li {
			/*border:2px solid #0000ff;*/
			border-right:none;
			text-align: left;			
			color: #ffffff;
			/*border-bottom: #cccccc dotted 1px; */
		}
		
		div.col-md-12.main_menu_div .nav > li.dropdown.open .dropdown-menu {
			/*display:table; */
			display: block;
			position:relative;			
			
			text-align: left; 
			/*left:0;
			right:0;*/			
			top:0;
			border-top:1px solid #f2f2f2;
			
		}
		
		
		
		div.col-md-12.main_menu_div .nav > li.dropdown:hover .dropdown-menu {
			/*display:table; list-style-type:none;*/
			display: block;			
			position:relative;			
			text-align: left; 
			left:0;
			padding-left:10px;
			/*right:0;
			margin-right:-15px;*/
			top:0;
			border-top:1px solid #f2f2f2;
				
		}
		div.col-md-12.main_menu_div nav ul.navbar-nav > li:hover > a, div.col-md-12.main_menu_div nav ul.navbar-nav.login_links > li:hover > a {
			color: #000000 !important;
		}
		.navbar-collapse {
			max-height: 500px;
		}
		
		
		
		ul.menu.nav.navbar-nav.login_links {
			/*.main_menu_div_container nav ul.navbar-nav >.login_links{*/
			padding-right:0px;
			width:100%;
		}
		
		/*.main_menu_div_container nav ul.navbar-nav > li.dropdown.open > a, 
		.main_menu_div_container nav ul.navbar-nav > li.dropdown.open > ul.dropdown-menu a:hover
		{
			background-color: #f2f2f2 !important;
			color: #000000 !important; 
			font-weight: 800;
		}*/
		
	}
	

    
    
    
}
	
/*End of*/
.row{
	margin:0;
	padding:0;
}
.main-container{	
	padding:0;	
}
/*ZYU comment out all borders*/
.main-container-row{
	/*First 2 commented out to avoid modifications to .main-container .col-sm-12 - below */
	margin-left:15px;
	margin-right:15px;	
	padding:0 0 20px 0;	
	/*border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;*/
}
.main-container .col-sm-12{
	padding-left:0;
	padding-right:0;
}
.navbar_blue{
	background:#4d4d4d;/*#008FD5;#001A45*/
	margin:0;	
}
.blue_header{
	background:#4d4d4d; /*#00AEEF; #001A45*/	
}

/*Radio classics*/
	.rc_blue_header{
		background: #3398cc;
	}


/*ZYU The category and series bar remove the bg color and add padding bottom*/
#cat_series_bar {
	padding-top: 6px;
	padding-bottom: 3px;
	/*background-color: #d9dbdd;*/	
}
 @media (max-width: 1024px) {
	#cat_series_bar {
		padding-top: 0;	
		background-color: transparent;	
		padding: auto 0 auto 0;
		padding-left:0;
		padding-right:0;
	}
 }
.cat_series_main_div{
	padding:0; background-color:#d9dbdd;
}
.col-md-12.main_menu_div  nav {
	background-color:#4d4d4d;
	clear:both;
	overflow:hidden;
	/*display:table;*/
	
}
/*Derived from New UN drupal theme - the categories and series menu*/
 div.cat_series_div nav ul.navbar-nav {
	margin:0;
    padding-left: 8px;
    background: #d9dbdd;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0; }
	
	/*.cat_series_main_div > li.dropdown.open {
    position: static;
	}*/
    @media (max-width: 767px) {
      /* line 295, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav {
        background: #4d4d4d;
        padding: 0; 
		border-bottom:none;
		position:relative;
		} 
		
		}		
    /* line 309, ../sass/main.scss */
    div.cat_series_div nav ul.navbar-nav > li > a {
      font-family: "Roboto Condensed";
      font-weight: 500;
      letter-spacing: 0.05em;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 45px;
      line-height: 18px;
      color: #000000 !important;
      background-color: transparent !important;
      text-transform: uppercase;
      font-size: 1.30em; /*18px;*/ }
      /* line 323, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav > li > a.active, div.cat_series_div nav ul.navbar-nav > li > a:hover {
        background-color: transparent !important;
        color: #000000 !important; }
      @media (max-width: 1200px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          padding-right: 18px; } }
      @media (max-width: 991px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          padding-right: 16px;
          font-size: 1.0em; /*14px;*/ } 
		  div#cat_series_bar{
			margin-right:12px;
			  
		  }
		  
		  }
      @media (max-width: 767px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          color: #ffffff !important;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 9px;
          padding-bottom: 8px;
          border-bottom: #cccccc dotted 1px; }
          /* line 345, ../sass/main.scss */
		  div.cat_series_div nav ul.navbar-nav > li > a {
			  background-color: #4d4d4d !important;
            color: #ffffff !important; 
		  }
          .open div.cat_series_div nav ul.navbar-nav > li > a {
			   background-color: #f2f2f2 !important;
            color: #000000 !important;
            border-bottom: #cccccc dotted 1px; 
			
			}
          /* line 349, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a:hover {
            background-color: #f2f2f2 !important;
            color: #000000 !important; }
          /* line 354, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a.active {
            color: #f4c624 !important; } }
      /* line 361, ../sass/main.scss */
      li.open div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle {
        background: #ffffff; }
      /* line 365, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret {
        border-top-color: #000000;
        border-bottom-color: #000000;
        border-width: 7px;
        border-bottom-width: 0;		
		}
        /* line 371, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret:hover {
          border-top-color: #4d4d4d !important;
          border-bottom-color: #4d4d4d !important; }
        @media (max-width: 767px) {
          /* line 365, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret {
            border-top-color: #ffffff;
            border-bottom-color: #ffffff; } }
    /* line 394, ../sass/main.scss */
    div.cat_series_div nav ul.navbar-nav .dropdown-menu {
      border: none !important;
	  background-color: #f2f2f2;
      -webkit-border-radius: 0px 0px;
      -moz-border-radius: 0px / 0px;
      border-radius: 0px / 0px;
      -webkit-box-shadow: inset 0 0 0 0 transparent;
      box-shadow: inset 0 0 0 0 transparent;
      margin-top: 0px;
      left: 0px; 
	  }
	 /*div.row.cat_series_div nav ul.navbar-nav .dropdown-menu li {
		 display:table;
			 }
	  div.row.cat_series_div nav ul.navbar-nav .dropdown-menu li.dropdown.open {
			position: static;
		}
		div.row.cat_series_div nav ul.navbar-nav > li.dropdown.open .dropdown-menu {
			display:table; 
			display: block !important;
			width: 100%; 
			text-align: left; 
			left:0;
			right:0;
			margin:0 40px;;
		}
		div.row.cat_series_div nav ul.navbar-nav > li.dropdown.open > .dropdown-submenu {
			display:none;
			
		}*/
	    
			 
			 
			 
      @media (max-width: 767px) {
        /* line 394, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav .dropdown-menu {
          margin-top: 0 !important;
          padding-top: 0;
          background: #d4d4d4; } }
      /* line 409, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav .dropdown-menu li a {
        font-family: "Roboto Condensed";
        font-weight: 700;
        color: #666666; }
        @media (max-width: 767px) {
          /* line 409, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav .dropdown-menu li a {
            color: gray;
            border-bottom: #cccccc dotted 1px; } }
        /* line 419, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav .dropdown-menu li a:hover {
          background-color: white; }
          @media (max-width: 767px) {
            /* line 419, ../sass/main.scss */
            div.cat_series_div nav ul.navbar-nav .dropdown-menu li a:hover {
              background-color: #f2f2f2 !important;
              color: black !important; } }
      /* line 429, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav .dropdown-menu li.active a {
        background-color: white;
        color: #000 !important; }
        @media (max-width: 767px) {
          /* line 429, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav .dropdown-menu li.active a {
            background-color: #f2f2f2 !important;
            color: black !important; } }

div.cat_series_div  .nav , header.navbar-default .nav  {
	border-bottom:none;
	-moz-border-bottom-colors: none;
}
/*End of the dynamic menu*/
.row{
	margin:0;
	padding:0;
}
.main-container{	
	padding:0;	
}
/*ZYU comment out all borders*/
.main-container-row{
	/*First 2 commented out to avoid modifications to .main-container .col-sm-12 - below */
	margin-left:15px;
	margin-right:15px;	
	padding:0 0 20px 0;	
	/*border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;*/
}
.main-container .col-sm-12{
	padding-left:0;
	padding-right:0;
}
/* ZYU change the background color to fill the gap in main nav menu*/
.navbar_blue{
	background: transparent; /*#008FD5;*/ /*#001A45*/
	margin:0;	
}
.blue_header{
	background: transparent; /*#00AEEF; #001A45*/	
}

/*Radio classics*/
	.rc_blue_header{
		background: #3398cc;
	}


/*ZYU comment out this; The category and series bar*/
#cat_series_bar {
	/*padding-top: 8px;	
	background-color: #d9dbdd;*/	
}
 @media (max-width: 1024px) {
	#cat_series_bar {
		padding-top: 0;	
		background-color: transparent;	
		padding: auto 0 auto 0;
		padding-left:0;
		padding-right:13px;
	}
 }
 /*ZYU update bg color*/
.cat_series_main_div{
	padding:0; background-color:#d9dbdd;
	margin-bottom:5px;
}
/*ZYU change the bg color, padding-top and bottom; Derived from New UN drupal theme - the categories and series menu*/
 div.cat_series_div nav ul.navbar-nav {
	margin:0;
    padding-left: 8px;
    background: #d9dbdd;
    width: 100%;
    padding-top: 10px; /*20px;*/
    padding-bottom: 10px; /*0;*/ }	
    @media (max-width: 767px) {
      /* line 295, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav {
        background: #f2f2f2;
        padding: 0; 
		border-bottom:none;} }		
    /* line 309, ../sass/main.scss */
/*ZYU update the font-size*/
    div.cat_series_div nav ul.navbar-nav > li > a {
      font-family: "Roboto Condensed";
      font-weight: 500;
      letter-spacing: 0.05em;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 45px;
      line-height: 18px;
      color: #000000 !important;
      background-color: transparent !important;
      text-transform: uppercase;
      font-size: 1.15em; /*1.30em;*/ /*18px;*/ }
      /* line 323, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav > li > a.active, div.cat_series_div nav ul.navbar-nav > li > a:hover {
        background-color: transparent !important;
        /*color: #008FD5 !important;*/ }
      @media (max-width: 1200px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          padding-right: 18px; } }
      @media (max-width: 991px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          padding-right: 16px;
          font-size: 1.0em; /*14px;*/ } }
      @media (max-width: 767px) {
        /* line 309, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a {
          color: black !important;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 9px;
          padding-bottom: 8px;
          border-bottom: #cccccc dotted 1px; }
          /* line 345, ../sass/main.scss */
          .open div.cat_series_div nav ul.navbar-nav > li > a, div.cat_series_div nav ul.navbar-nav > li > a:focus {
            border-bottom: #cccccc dotted 1px; }
          /* line 349, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a.active, div.cat_series_div nav ul.navbar-nav > li > a:hover {
            background-color: #666666 !important;
            color: white !important; }
          /* line 354, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a.active {
            color: #f4c624 !important; } }
      /* line 361, ../sass/main.scss */
      li.open div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle {
        background: #000; }
      /* line 365, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret {
        border-top-color: #000000;
        border-bottom-color: #000000;
        border-width: 7px;
        border-bottom-width: 0; }
        /* line 371, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret:hover {
          border-top-color: #fff !important;
          border-bottom-color: #fff !important; }
        @media (max-width: 767px) {
          /* line 365, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav > li > a.dropdown-toggle span.caret {
            border-top-color: black;
            border-bottom-color: black; } }
    /* line 394, ../sass/main.scss */
    div.cat_series_div nav ul.navbar-nav .dropdown-menu {
      border: none !important;
	  background-color: #f4f4f4;
      -webkit-border-radius: 0px 0px;
      -moz-border-radius: 0px / 0px;
      border-radius: 0px / 0px;
      -webkit-box-shadow: inset 0 0 0 0 transparent;
      box-shadow: inset 0 0 0 0 transparent;
      margin-top: 0px;
      left: 0px; }
      @media (max-width: 767px) {
        /* line 394, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav .dropdown-menu {
          margin-top: 0 !important;
          padding-top: 0;
          background: #d4d4d4; } }
      /* line 409, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav .dropdown-menu li a {
        font-family: "Roboto Condensed";
        font-weight: 700;
        color: #666666; }
        @media (max-width: 767px) {
          /* line 409, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav .dropdown-menu li a {
            color: gray;
            border-bottom: #cccccc dotted 1px; } }
        /* line 419, ../sass/main.scss */
        div.cat_series_div nav ul.navbar-nav .dropdown-menu li a:hover {
          background-color: white; }
          @media (max-width: 767px) {
            /* line 419, ../sass/main.scss */
            div.cat_series_div nav ul.navbar-nav .dropdown-menu li a:hover {
              background-color: #f2f2f2 !important;
              color: black !important; } }
      /* line 429, ../sass/main.scss */
      div.cat_series_div nav ul.navbar-nav .dropdown-menu li.active a {
        background-color: white;
        color: #000 !important; }
        @media (max-width: 767px) {
          /* line 429, ../sass/main.scss */
          div.cat_series_div nav ul.navbar-nav .dropdown-menu li.active a {
            background-color: #f2f2f2 !important;
            color: black !important; } }
/*End of*/
div.cat_series_div  .nav , header.navbar-default .nav  {
	border-bottom:none;
	-moz-border-bottom-colors: none;
}
/**/
/*Search css - YP*/
/*ZYU update the height value to make the search bar horizontally aligned*/
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 37px; /*38px;*/
  padding: 5px 16px;
  font-size: 0.85em; /*12px*/;
  line-height: 1.00;
  border-radius: 0px;
}
.form-control{
	color: #3F4044;
}
/*ZYU update the padding-top and right values*/
#searchBar {
	padding-top: 13.5px; /*20px;*/ /*10px;*/	
	padding-right: 0px; /*52px;*/
}
/* Search Bar Button — Orange*/
.btn {
  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}
.btn-primary {
  color: #fff;
  background-color:#ff7600; /* #d88838;*/
  border: 0px;
}
/* Search Bar Button — Quick Filter Dropdown*/
.btn-default {
  color:#3F4044;
  background-color: white;
  border: 1px solid #ccc;
   border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}
.btn-warning{
	border-radius:3px;	
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border: 0px;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border: 0px;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-lg {
padding: 10px 16px;
font-size:0.85em; /*12px;*/
line-height: 1.33;
border-radius: 0px;
}
.form_no_padding_bottom{
	padding-bottom:0;
	margin-bottom:0;
}

.advanced_search_avlibrary{	
	color:#3b5f7f;
	margin:0px 0px;
	padding:0;
	font-size:0.50em;/*11.5px;*/
	font-weight:700;
}

.advanced_search{	
	color:#3b5f7f;
	margin:2px 0px;
	padding:0;
	font-size:0.85em;/*11.5px;*/
	font-weight:700;
	display:block;
}
@media (max-width : 500px){
	.advanced_search {
		margin-bottom: 8px;
	}
}
/*end of search css*/
/* Navbar toggle - Remove top margin*/
.navbar-toggle {
	margin-top: 0px;
	margin-right:6px;
}
/* ---------- FEATURED -------------- */
.featuredContent {
  max-height: 360px;
  height:100%;
  background-color: #6998c9;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Roboto, "Roboto Condensed"; 
}
#featured {
	max-height: 400px;
	height:100%;
	background-color: orange;
}
/*ZYU update the bg color*/
#featuredHeader {	
	background-color: #00adef; /*#1b75bb;*/
	color: white;
	padding: 0;	
	margin:0 auto;
		width:100%;
		-webkit-box-shadow: 8px 6px 12px -6px black;
	   -moz-box-shadow: 8px 6px 12px -6px black;
	        box-shadow: 8px 6px 12px -6px black;
}

.featuredHeader_21stcentury{
	background-color: #00adef;
	color: white;
	padding: 0;	
	margin:0 auto;
		width:100%;
		-webkit-box-shadow: 8px 6px 12px -6px black;
	   -moz-box-shadow: 8px 6px 12px -6px black;
	        box-shadow: 8px 6px 12px -6px black;
}

#featuredDetails {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
	padding-right: 10px;	
	background-color: #ffffff;
	color: #000000;
	max-height: 360px;	
	min-width:150px;	
	height:100%;	
	font-family:Roboto;
	font-weight:500;
	width:100%;
	z-index: 10;
}
#featuredVideo{
	max-width:640px;
	width:100%;
	max-height:360px;
	height:100%;
	background-color: #6998c9;
	color: white;
	float:right;
	margin-left:auto;
	margin-right:auto;
	z-index: 5;
	position:relative;	
}
#featured_media_header{	
	color: #ffffff;
	font-family: 'Roboto';	
	font-weight:500;
	font-size: 1em; /*11pt;*/
	width:90%;
	margin-top:18px;
	margin-bottom: 15px;
	border-bottom: 1px solid #EDF0F4
}
#featured_media_description{
	font-family: 'Roboto';
	font-weight:400;
	font-size: 1.0em; /*10pt;*/
	color:#000000;
	width:90%;	
}
.featured_media_length{
	font-size: 0.95em;
}
#featured_media_details{
	font-family: 'Roboto';
	font-weight:400;
	font-size: 0.9em; /*10pt;*/
	color:#90a3ad;	
	-webkit-font-smoothing: antialiased;
}
#featured_media_details_date{
	font-family: 'Roboto';
	font-weight:500;
	font-size: 0.9em; /*10pt;*/
	color:#000000;
	-webkit-font-smoothing: antialiased;
}
#featured_media_title{
	font-family: 'Roboto Condensed';
	font-weight:700;
	font-size: 1.0em; /*11pt;*/
	color:#777e8c;	
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.00em;
	max-width:34%;	
}
#featured_media_link{
	padding: 15px 0;
}
#featured_media_link .btn-sm {
	background-color: #ff7600;
	border-color:#ff7600; 
}
#featured_media_header_label{
	margin:0;
	padding: 5px 0 5px 3px;
	font-size: 1.0em; /*13px;*/
	font-weight:500;	
}
#featured_media_header_link{
	text-decoration:none;
	color: #ffffff;
	text-align:right;
	padding-right: 5px;
}
/* overlay for the featured items*/
#featuredVideo a{
	max-width:640px;
	width:100%;
	max-height:360px;
	height:100%;
}
#featuredVideo a span.featured_play {
	max-height:60px;
	max-width:60px;
	height: 100%;
	width:100%;
	display:none;
	background: #000000 url('../images/video_overlay_2.png') bottom right  no-repeat;	
	position: absolute;
	bottom: 0px;
	right:0px;	
	margin-left:auto;
	margin-right:auto;
	float:right;	
	z-index: 200;
	opacity: 0.5;
	filter: alpha(opacity=50);	
}
#featuredVideo a:hover span.featured_play {
	display:none;	
} 
#featuredVideo a span.featured_meta{
	max-height:60px;
	max-width:60px;
	height: 100%;
	width:100%;
	display:none;
	background: url('../images/meta_data_only_2.png') bottom right no-repeat;	
	position: absolute;
	bottom: 0px;
	right:0px;	
	margin:0;
	margin-left:auto;
	margin-right:auto;
	float:right;	
	z-index: 200;
	opacity: 0.5;
	filter: alpha(opacity=50);	
}
#featuredVideo a:hover span.featured_meta {
	display:none;	
}
.see_all {
	border: 0px solid #0F0;
	color: #3B5F7F;
	margin: 2px 0px;
	padding: 0px 45px;
	font-size: 1.0em;/*11.5px;*/
	font-weight: 700;
	text-align:right;
} 

.see_all_uni{
	padding: 0px 10px 0px 10px;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.cat_series_main_div {
		padding: 0px;
		background-color: #D9DBDD;
		margin:auto 0;
	}
	.main-container .col-sm-12{
		padding-left:0;
		padding-right:0;
	}	
	.main-container-row{
		margin-left:0;
		margin-right:0;		
	}
	.see_all {
		border: 0px solid #0F0;
		color: #3B5F7F;
		margin: 2px 0px;
		padding: 0;
		font-size: 0.85em; /*11.5px;*/
		font-weight: 700;
		text-align:right;
	}
	.social-links{
		display:none;
	}	
}
@media (max-width: 500px){
	#featuredHeader{
		display:none;
	}
}

/*End of featured content*/
/* ----------- CAROUSEL ------------ */
.carousel-control.left {
  /*background: transparent;*/
  filter: none;
  left:2px;
  z-index:500;
}
.carousel-control.right {
  filter:none;  
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/*ZYU comment out the grey bg*/
.carousel-row{
	/*background-color: #d9dbdd;*/
	padding: 0; /*0 80px 0 80px;*/
	border:none;
	border-color: #D9DBDD;
}
.carousel-row-21stcentury {
    padding: 0 0 10px 0;
}


/* Carousel base class */
.carousel {		
	margin:0 0 0 0;		
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;	
}
/* Declare heights because of positioning of img element */
.carousel .item { 
  background: transparent; 
}
.carousel-inner{		
		width:100%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:14px;
		border-bottom:2px solid #D9DBDD;
		border-left: 2px solid #D9DBDD;
		background-color:#ffffff;
	-webkit-box-shadow: 8px 6px 12px -6px black;
	   -moz-box-shadow: 8px 6px 12px -6px black;
	        box-shadow: 8px 6px 12px -6px black;
}
.carousel-indicators {
  position: absolute; 
  top:90%;
  left: 75%;
  z-index: 15;  
  padding-left: 0;  
  text-align: center;
  list-style: none;
  width:50%;
}
 .carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .8s; /*adjust timing here */
         -moz-transition: opacity .8s;
           -o-transition: opacity .8s;
              transition: opacity .8s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 5;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 5;
}
.left{
	height:60px;
	width:30px;
	border-radius: 0 60px 60px 0;
	background:#ffffff;/*#1b75bb;*/
	position: absolute;
	top: 40%;
	left:0;
	z-index: 2;
	display: inline-block;
	padding: 0 10px 0 0;
	color:#00adef;
	border: 1px solid #4d4d4d;
	border-left:none;
}
.right{
	height:60px;
	width:30px;
	border-radius: 60px 0 0 60px;
	background: #ffffff;/*#1b75bb;*/
	position: absolute;
	top: 40%;
	right: 50px;
	z-index:2;
	display: inline-block;
	padding: 0 10px 0 0;
	color:#00adef;
	border: 1px solid #4d4d4d;
	
}
.carousel-control:hover, .carousel-control:focus {
    color: #00adef;
}
.carousel-control.right {
	right: 0;
	z-index:500;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 37%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 0;/*30%;*/
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 0;
}
.carousel-indicators li {
  background-color: #1b75bb;
}
.carousel-indicators .active {
  background-color: #FF7600;
}
/* Carousel - small screens*/
@media (max-width: 1280px) {	
	.carousel-row{
		padding:0;
		margin-left:auto;
		margin-right:auto;
		max-width:none;
	}
	.carousel-row-21stcentury {
		padding: 0;
		margin-left:auto;
		margin-right:auto;
		max-width:none;
	}
	#featured_media_title{
		max-width:45%;
	}	
	/*.left{
		
		height:60px;
		width:30px;
		border-radius: 60px 0 0 60px;
		background:#1b75bb !important;
		position: absolute;top: 40%;		
		z-index: 5;display: inline-block;
		padding: 0 10px 0 0;
	}
	.right{		
		height:60px;
		width:30px;
		border-radius: 0 60px 60px 0;
		background:#1b75bb !transparent;
		position: absolute;top: 40%; right: 30px; z-index:5;display: inline-block;
	} */
	.carousel-indicators {
		position: absolute;		
		top:90%;
		left: 66%;
		z-index: 15;  
		padding-left: 0;  
		text-align: center;
		list-style: none;
		width:50%;
	}
	.carousel-indicators li {
		height:10px;
		width:10px;
	}	
	.carousel-indicators .active {
		height:10px;
		width:10px;
		margin:1px;
	}
}

@media (max-width: 1000px) {	
	#featuredVideo{
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.carousel-row{
		padding:0;
		margin-left:auto;
		margin-right:auto;
		max-width:640px;
	}
.carousel-inner{		
	background-color:#ffffff;/*#4d4d4d;*/
}	
	#featuredDetails{
		padding:0 10px 0 10px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		position:absolute;
		overflow: hidden;
		bottom:0;
		height:auto;
		background: #4d4d4d;/*#777e8c;*/
		color:#ffffff;
		opacity:0.5;
max-width:640px;		
	}	
	#featured_media_title{
		font-family: 'Roboto Condensed';
		font-weight:500;
		font-size: 0.95em; /*9pt;*/
		color:#ffffff;		
		-webkit-font-smoothing: antialiased;
		letter-spacing: 0.00em;
		padding:0;
		margin:0;
		max-width:100%;
	}
	#featured_media_description{
		display:none;
	}
	#featured_media_link{
		margin:0;
		padding:0;
	}	
	#featured_media_link .btn-sm {
		text-decoration:none;
		color: #ffffff;
		text-align:right;
		padding:0;
		margin:0;		
		font-size: 0.75em; /*9px;*/
		font-weight:500;
	}
	.featured_media_length{
		display:none;
		text-transform:uppercase;
	}
	.carousel-indicators {
		position: absolute;
		top: 80%;
		left: 0;
		margin-left: auto;
		margin-right:auto;
		z-index: 15;
		padding-left: 0px;
		text-align: center;
		list-style: none outside none;
		width: 100%;
	}
}
/*ZYU special update - remove float:none - for responsive design. see if it fits all pages*/
@media (max-width: 767px){
	#searchBar {		
		padding: 5px 20px 0 20px;		
		/*float:none;*/
	}	
	.carousel-inner{		
		width:100%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		background-color:#ffffff;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	}	
	.carousel-indicators {
		/*position: absolute;*/
		top: 80%;
		/*left: 55%;
		z-index: 15;
		padding-left: 0px;
		text-align: center;
		list-style: none outside none;
		width: 50%;*/
	}
}
@media (max-width: 720px) {	
	.col-sm-12{
		padding-left:0;
		padding-right:0;
	}	
}
/*end of carousel for small screens*/
.main-container {
	margin-top:0px;
}

div.archives_recent .navbar-default{
	margin-top:0;
	margin-bottom:0;
}
/*Tabs*/
/*ZYU update the border color*/
.nav-tabs>li { 
    margin-bottom: -2px;
}
div.archives_recent .nav-tabs > li.active > a, div.archives_recent  .nav-tabs > li.active > a:hover, div.archives_recent  .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #00adef #00adef transparent;
    -moz-border-top-colors: #00adef;
    -moz-border-right-colors: #00adef;
    -moz-border-bottom-colors: #none;
    -moz-border-left-colors: #00adef;
    border-image: none;
}
/*ZYU update the border color*/
div.archives_recent .nav-tabs > li > a {
    /*margin-right: 10px;*/
    line-height: 1.42857;
    border: 1px solid #00adef; /*transparent;*/
    border-radius: 5px 5px 0px 0px;
}
div.archives_recent .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 25px;
	background-color: #EEE;
	-moz-border-bottom-colors: #d0d0d0;
}
div.archives_recent .tab-content{
	background-color: #ffffff;
}
div.archives_recent .tab-pane{
	background-color: #ffffff;
}
/*ZYU comment out bg color and update the border bottom color*/
div.archives_recent .nav{
	border-bottom: 2px solid #00adef;
	/*background-color: #d9dbdd;*/
	padding: 10px 0 0 30px;	
	-moz-border-bottom-colors: #a0a0a0;
	font-family:"Roboto Condensed";
	font-weight:700;
	/*font-size: 1.0em; 16px;*/
	
	
	color: #4d4d4d;
font-size: 18.2px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: 0.03em;
/*border-bottom: #00aeef solid 3px;
padding-bottom: 7px;
margin-bottom: 9px;*/
}

/*UNifeed*/

/*Unifeed*/
.unifeed_wrapper { 
	margin:6px 3px;
  border : 0px solid #000; 
  overflow:hidden;
  padding: 5px 10px;
  background-color: #f4f4f4;
}

.unifeed_wrapper div {
   /* min-height: 200px;
  padding: 10px;*/
}
.unifeed_one {
  background-color: #cccccc;
  float:left; 
  margin-left: auto;
margin-right: auto;
margin-top: 0px;
  max-width:512px;
  width:100%;
  max-height: 288px;
  height:100%;
  border-right:0px solid #000;
  position:relative;
}
.unifeed_two { 
  background-color: white;
  overflow:hidden;
  /*margin:10px;
  border:2px dashed #ccc; */ 
  min-width:280px;
  max-width:100%;
  padding-left:10px;
  margin-left:5px;
}
@media screen and (max-width: 568px) {
	div.archives_recent .nav{	
		padding: 10px 0 0 25px;		
		font-size: 0.85em; /*16px;*/
	}
	
}
@media screen and (max-width: 400px) {
   .unifeed_one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:0px solid #000;    
  }
  div.archives_recent .nav > li > a {
	padding: 3px 5px;
  }
 
} 

.unia_item_border {
	border: 0; border-radius: 0;
}

@media screen and (max-width: 986px) {
   .unifeed_two { 
		padding-left:0px;
		margin-left:0px;   
   }
	.unifeed_search_pg_video_desc{
		display:none;
	}
	
	.unifeed_search_pg_video_summary {
		display: block;
	}
	
	.unia_item_border {
		border: 1px solid #cccccc; border-radius: 2px;
	}
	
}

.unifeed_thumbnail{
  max-width:512px;
   max-height:288px;
   width:100%;
   height:100%;
  margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	/*position:relative;*/
	outline:0;
	background:#000000;
	border-radius: 0px;	
	
}
.unifeed_thumbnail:active, .unifeed_thumbnail:focus{
	outline:0;	
}
.unifeed_thumbnail > img{
	/*max-width: 640px;*/
	max-height: 288px;
	height:100%;	
	/*width: auto; auto; - changed to allow the holder not to collapse */	
	margin-left:auto;
	margin-right:auto;	
	padding: 0;
	background:#cccccc;
	display: block;
	max-width: 512px;
	width:100%;

}

.unifeed_video_info {
	color:#ffffff;
	display:block;	
	height: 25px;
	position: relative; /*!relative;*/
	width:100%;
	background-color: #0b67b2;
	bottom: 0px;
	margin: 0 auto 0 auto;
	max-width:512px;
	z-index: 1;
	font-family:Roboto;
	font-size: 0.85em;/*11px;*/
	font-weight:500;	
	padding:4px 3px 0 3px;
	text-transform:uppercase;
	text-decoration:none;	
}
.unifeed_audio_info {
	color:#ffffff;
	display:block;	
	height: 25px;
	position: relative; /*!relative;*/	
	background-color: #00aeef;
	bottom: 0px;
	margin: 0 auto 0 auto;
	max-width:448px;
	width:100%;
	z-index: 1;
	font-family:Roboto;
	font-size:0.85em; /*11px;*/
	font-weight:500;	
	padding:4px 3px 0 3px;
	text-transform:uppercase;
	text-decoration:none;
}

.unifeed_copyright{
	margin-bottom: 5px;
}



/**Unifeed - End */


/*End of tabs*/
/*Archives and recent tabs*/
.tab-content{
	margin: 0;
	}
.video-thumbnail{	
	margin: 5px auto 50px auto;
	display:block;	
}
.thumbnail{
  max-width:288px;
   max-height:162px;
   width:100%;
   height:100%;
  margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	position:relative;
	outline:0;
	background:#000000;
	border-radius: 0px;	
}
.thumbnail:active, .thumbnail:focus{
	outline:0;	
}
.thumbnail > img{
	max-height: 162px;	
	width: auto; /*auto; - changed to allow the holder not to collapse */	
	margin-left:auto;
	margin-right:auto;	
	padding: 0;
	background:#cccccc;
	display: block;
	height: auto;
	max-width: 100%;	
}
.overlay{
	/*display : table; - Commented to allow dark b/g to show on phones*/
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0 0 20px 0;		
}
.overlay a span.play{
	display:block;
	background: url('../images/video_overlay_2.png') bottom right no-repeat;	
	position: absolute;
	background-size: 100%;
	max-height:40px;
	max-width:40px;
	height:100%;
	width:100%;	
	bottom:0px;
	right:0px;
	z-index: 100;
	opacity: 1;
	filter: alpha(opacity=50);
}



.unifeed_one a:hover span.play { display:none;	
 }
 
 
 
.unifeed_one a span.play{
	display:none;
	background: url('../images/video_overlay_2.png') bottom right no-repeat;	
	position: absolute;
	background-size: 100%;
	max-height:40px;
	max-width:40px;
	height:100%;
	width:100%;	
	bottom:0px;
	right:0px;
	z-index: 100;
	opacity: 1;
	filter: alpha(opacity=50);
}

.unia_one a span.play, .unia_one a:hover span.play   { display:block;	
 }

.overlay a:hover span.play { display:block;	
 }
 
 
 
 .overlay a span.meta_data {
	display:block;
	background: url('../images/meta_data_only_2.png') center center no-repeat;
	position: absolute;
	background-size: 100%;
	max-height:40px;
	max-width:40px;
	height:100%;
	width:100%;	
	bottom:0px;
	right:0px;
	z-index: 100;
	opacity: 1;
	filter: alpha(opacity=50);
}
.overlay a:hover span.meta_data {
	display:block;	
 }

.overlay a span.media_time {
	display:block;	
	background-color: #000000;
	height: 20px;
	padding-left: 5px;
	padding-right:2px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size: 0.85em; /*12px;*/
	color: #ffffff;
	border-radius: 3px;
	text-align:right;
	padding-right: 5px;
	padding-top: 2px;
	top: 5px;
	right: 5px;
} 
.unifeed_one a span.media_time {
	display:block;	
	background-color: #000000;
	height: 20px;
	padding-left: 5px;
	padding-right:2px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size: 0.85em; /*12px;*/
	color: #ffffff;
	border-radius: 3px;
	text-align:right;
	padding-right: 5px;
	padding-top: 2px;
	top: 5px;
	right: 5px;	
} 
/*ZYU change the bg color to light blue*/
.video_info {
	color:#ffffff;
	display:block;	
	height: 25px;
	position: relative; /*!relative;*/
	width:100%;
	background-color: #0b67b2; /*#0b67b2;*/
	bottom: 0px;
	margin: 0 auto 0 auto;
	max-width:288px;
	z-index: 1;
	font-family:Roboto;
	font-size: 0.85em;/*11px;*/
	font-weight:500;	
	padding:4px 3px 0 3px;
	text-transform:uppercase;
	text-decoration:none;	
}
.audio_info {
	color:#ffffff;
	display:block;	
	height: 25px;
	position: relative; /*!relative;*/
	width:100%;
	background-color: #00aeef;
	bottom: 0px;
	margin: 0 auto 0 auto;
	max-width:288px;
	z-index: 1;
	font-family:Roboto;
	font-size:0.85em; /*11px;*/
	font-weight:500;	
	padding:4px 3px 0 3px;
	text-transform:uppercase;
	text-decoration:none;
}
.video_descr {	
	display:block;	
	position: relative; /*!relative;*/
	bottom:0px;	
	margin: 0 auto 0 auto;
	padding:0px;
	max-width:288px;
	z-index: 10;	
	font-family:Roboto;
	font-size:0.85em; /*12px;*/
	font-weight:500;	
	text-decoration:none;
	text-align:left;
	color: #3F4044;
	height:35px;
}
 @media (max-width: 767px) {
	.video_info {
		bottom: 0px;
	}	
	.video_descr {	
		bottom: 0px;
	}	
	.audio_info {
		bottom: 0px;
	}	
	#featuredVideo a span.featured_play {
		display:block;
		background-position: bottom right;	
	}
	.overlay a span.play {
		display:block;
		background-position: bottom right;			
	}
	#featuredVideo a span.featured_meta{
		display: block;
		background-position: bottom right;	
	}	
	.overlay a span.meta_data {
		display:block;
		background-position: bottom right;			
	}	
 }
  @media (max-width: 302px) {
	.video_info {
		bottom: 0px;
	}
	.video_descr {	
		bottom: 0px;
	}	
	.audio_info {
		bottom: 0px;
	}	
	}
/*End of Archives and Recent tabs*/
/*video icon size and placement*/
.glyphicon-facetime-video, .fa-microphone{
	font-size:15px;	
	padding-right:5px;
}
.glyphicon-facetime-video{
	margin-right:5px;
}
.featured_media_length .fa-microphone {
	color: #000000;
}
/*ZYU update bg color and color; Static Statistics*/
.stats{
	background-color:#ffffff;/*#008fd5;*/
	color:#00adef; /*#ffffff;*/
	padding-left:0;
	padding-right:0;
	margin:0;
	margin-top:10px;
	border: 0px solid #ff0000;
}
.stat_main_div{
	background-color:#f2f2f2;
	overflow:hidden;
}
#film_video_stats >.stats-ul::before{
	content: "\F03D";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0;
	font-size:5.0em;
	
}
#audio_stats >.stats-ul::before{
	content: "\F130";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0;
	font-size:5.0em;
	
}
.stats-ul >  li{
	list-style: none;
	color:black;
	padding-bottom:1px;
}
.stats-ul >  li::before {
	font-family: FontAwesome;
	color: #cccccc;
	float: left;
	padding-right: 7px;
	padding-bottom: 1px;
	content: "\f054";
	font-size: 18.2px;
	line-height: 1.05;
	font-style: normal;
	font-weight: normal;
}
#film_video_stats{
	/*background: url('../images/film_video_stats.png') top left no-repeat;	*/
	background:#f2f2f2;
	padding-left: 40px;
	padding-top:5px;
	padding-bottom:10px;
	overflow:hidden;
	/*font-size: 0.90em;12px;*/
	min-height: 130px;
	margin-left:0;
	vertical-align:center;
}

#audio_stats{
	/*background: url('../images/audio_stats.png') top left no-repeat;	*/
	background:#f2f2f2;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:10px;
	overflow:hidden;
	/*font-size: 0.90em;12px*/
	min-height: 130px;
}
@media (max-width: 767px) {
	#film_video_stats{
		background: none;	
		padding-left:5px;
		padding-top:10px;
		padding-bottom:10px;
		min-height: 0;
	}
	#audio_stats{
		background: none;	
		padding-left:5px;
		padding-top:10px;
		padding-bottom:10px;
		min-height: 0;
	}
}

@media (max-width: 1000px) {
	#film_video_stats {    
		padding-left: 5px;
		min-height: 80px;
		border-bottom:1px solid #4d4d4d;
	}
	#film_video_stats >.stats-ul::before{
		content: "\F03D";  /* this is your text. You can also use UTF-8 character codes as I do here */
		font-family: FontAwesome;
		left:0;
		position:absolute;
		top:0;
		font-size:2.0em;
		
	}
	#audio_stats >.stats-ul::before{
		content: "\F130";  /* this is your text. You can also use UTF-8 character codes as I do here */
		font-family: FontAwesome;
		left:0;
		position:absolute;
		top:0;
		font-size:2.0em;
		
	}
	.stats-ul >  li{
		padding-bottom:1px;
	}
	.stats-ul >  li::before {
		font-family: FontAwesome;
		color: #cccccc;
		float: left;
		padding-right: 7px;
		padding-bottom: 2px;
		content: "\f054";
		font-size: 18.0px;
		line-height: 1.0;
		font-style: normal;
		font-weight: normal;
	}
}
/*End of Static Statistics*/
/*Footer Section*/
/*ZYU update padding to only have top*/
.footer{
	margin-top: 45px;
	padding: 35px 0 0 0;
	border-top: #f2f2f2 solid 1px;
}

.modified_footer{
	margin-top:0px;	
}
.bottom_nav{
	padding: 5px 0 0 0;
	background-color:#ffffff
}
.bottom_nav_headings{
	font-family: 'Roboto Condensed';	
	font-size: 1.20em; /*13pt;*/
	font-weight: 700;
	color:#4A4F62;	
}
.bottom_nav_menu_item{
	font-family: 'Roboto Condensed';	
	font-size:1.0em; /*10pt;*/
	font-weight: 400;
	color:#889eac;	
}
.bottom_col{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.bottom_nav ul{
	margin:0 0 15px 0;
	padding:0;
}
.bottom_nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
.bottom_nav ul li a{
	color: #62717C;
}
.footer_bar{
	background-color:#ffffff;
}
.footer_bar_left{
	float:left;
}
.footer_bar_right ul {
	float: right;	
	display: inline;
	text-align:center;	
}
.footer_bar_right li {	
	margin: 0;
	float: left;
	text-align: right;	
	display: inline;
	padding-right: 0em;
	padding-left:0em;	
	color: #5c637a;	
	font-family: 'Roboto Condensed';	
	font-weight:400;
	font-size: 1.0em;  /*10pt;*/
}
.footer_bar_right li a{
	color:#4A4F62;
}
.footer_bar_right  li + li:before {
    padding: 0px 5px;
    content: "|";
}
/*Footer Section*/
.breadcrumb {
    padding: 8px 15px 8px 5px;
    margin-bottom: 0;
    list-style: none outside none;
    background-color: #ffffff; /*#D9DBDD;*/
	color:#777;
	font-weight:500;
    border-radius: 0;
}
.breadcrumb > li + li:before {
	font-family:FontAwesome;
    padding: 0px 5px;
    color:#4d4d4d;
	font-style: normal;
	font-weight: normal;
    /*content:"\e081";*/
	content:"\F101 ";
}
.node_content{
	padding-left:10px;
	padding-right:10px;
	font-family:Roboto;
	font-size: 1.0em;/*13px*/
	color: #000333;	
}
.multimedia_asset_node_video_container{
	max-width:640px;
	width:100%;
	float:left;
}
.multimedia_asset_node_video{	
	position: relative;	
	height:0; /*100%;*/
	padding-bottom: 56.25%;
	background:  #D9DBDD;
}
.multimedia_asset_node_audio{	
	position: relative;
	max-width:640px;
	max-height:360px;
	width: 100%;
	height:100%;
	padding-bottom: 31%;
	float:left;
	background:  #D9DBDD;
}
.multimedia_asset_node_image{	
	position: relative;
	max-width:640px;
	max-height:360px;
	width: 100%;
	height:100%;	
	float:left;
	background:  #D9DBDD;
	display:block;	
}
.audio_with_proxy{
	display:block;
	max-height:390px;
}
.audio_with_proxy_pic{
	display:block;
	max-height:420px;
}
.audio_with_proxy_lng{
	max-height: 435px;
	
}
.video_no_display{
	display:none;
}
.audio_proxy_only{
	max-width :100%;
	max-height:85px;
	background:none;
	padding-top: 5px;
	padding-bottom:8px;
	margin:0;
}
.audio_listen{
	color:#4A5B65;
	font-family: 'Roboto Condensed';
	font-size: 1.0em; /*15px;*/
	font-weight:900;	
}
.clear_bg{
	background:#ffffff;
}
.breadcrumb>.active{
	color:#707177;
}
.multimedia_asset_node_description_wrapper{
	padding: 4px 10px 0 10px;
	min-width : 150px;	
	overflow:hidden;
}
.multimedia_asset_node_description_header{
	color:#3F4044;
	font-family: 'Roboto Condensed';
	font-size: 1.0em; /*14px;*/
	font-weight:900;
	width:100%;
	 overflow: auto;
}
.multimedia_asset_node_image img{
	max-height:360px;
	/*height: 100%;	*/
	margin-left:auto;
	margin-right:auto;
}
.image_wrapper{
	max-width:100%;
	max-height: 100%;
	background-color: #cccccc;
}
@media ( max-width: 767px){
	.multimedia_asset_node_image img{
		height: auto;		
	}
	.multimedia_asset_node_description_wrapper {
		padding: 4px 3px 0 3px;
	}
}
.BrightcoveExperience embed, .BrightcoveExperience iframe, .multimedia_asset_node_video object, .BrightcoveExperience video {
  position: absolute;
  top: 0;
  left: 0; 
  width: 100%;
  height: 100%;
}
.multimedia_asset_node_description_header .fa-microphone {
	color: #3F4044;
}
.multimedia_asset_node_description_header span{
	margin: 0 20px 0 0;
	padding: 0;
}
.multimedia_asset_node_description{
	font-family:'Roboto Condensed';
	font-weight:500;
	font-size:1.0em; /*14px;*/
	color:#707177;
}
.multimedia_asset_node_description_no_image{
	font-family:'Roboto Condensed';
	font-weight:700;
	font-size:1.125em; /*16px;*/
	color: #3F4044;
	margin-bottom: 20px;
}
.multimedia_asset_node_field_title{
	font-family:'Roboto Condensed';
	font-size: 1.0em; /*14px;*/
	font-weight:900;
	color:#4A5B65;
	padding: 5px 0 5px 0/*10px*/;
	text-transform: uppercase;
	-webkit-transform:scale(1,1.35); /* Safari and Chrome */
    -moz-transform:scale(1,1.35); /* Firefox */
    -ms-transform:scale(1,1.35); /* IE 9 */
    -o-transform:scale(1,1.35); /* Opera */
}
.multimedia_asset_node_field_value{
	padding: 5px 0 5px 0/*10px*/;
	font-size:1.11em; /*15px;*/	
}
.multimedia_asset_node_field_value a, .multimedia_asset_node_field_value a:hover, .multimedia_asset_node_field_value a:visited{
	text-decoration: none;
	color:#74c7da;
}
.multimedia_asset_node_description a, .multimedia_asset_node_description a:hover, .multimedia_asset_node_description a:visited{
	text-decoration: none;
	color:#d88838;
}
.grayscale {-webkit-filter: grayscale(100%);}
.page-header{
	background:#ffffff; /*#008fd5;*/	
	color:#4d4d4d;/*#ffffff;*/
	font-size:1.25em; /*18px;*/
	padding: 10px 0 10px 5px;/*22px*/
	text-transform:none;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:700;
	letter-spacing:0.00em;
	font-stretch:ultra-condensed;
	/*border-right: 1px solid #D9DBDD;
	border-left: 1px solid #D9DBDD;*/
	border-bottom: #eeeeee solid 3px;
	transform : scale(1,1.1);
		-webkit-transform:scale(1,1.1); /* Safari and Chrome */
		-moz-transform:scale(1,1.1); /* Firefox */
		-ms-transform:scale(1,1.1); /* IE 9+ */
		-o-transform:scale(1,1.1); /* Opera */
}
.Video_icon_span{
	background: #000000 url('../images/icon_video_sm.png') center left no-repeat;
}
.media_asset_container{
	background:#ffffff;
	/*margin:0 25px 20px 25px;*/
	border:0px solid #00ffff;
}
@media (max-width:767px){
	.media_asset_container{
		background:#ffffff;
		margin:0 0 /*7px*/ 5px 0/*7px*/;
		border:0px solid #00ffff;
	}
}
.grey_background{
	background-color: #D9DBDD;
}

.white_background{
	background-color: #FFFFFF;
}

.morecontent span {
    display: none;
}
.morelink, .morelink:visited {
    display: block;
	margin-top:5px;
	width:100px;
	color:#d88838;
}
.table-div{
	display:table;
	margin:0;
	padding:0;
	/*background:#ffffff;*/
}

.table-div-cell{
	display:table-cell;
}
.acquire-media-btn{
	margin: 10px 30px 10px 5px;
	padding: 5px 10px;
	border-radius:5px;
	font-weight:700;
}
.more-media-btn{
	margin: 10px 30px 10px 0;
	padding: 5px 10px;
	font-weight:700;
	color:#677e8c;
	font-family: Roboto;
	font-size: 1.0em;/*14px;*/
}
.more-media-btn a, .more-media-btn a:active, .more-media-btn  a:visited, .more-media-btn:hover {
	color:#677e8c;
	text-decoration:none;
}
.addthis_toolbox{
	margin-top :10px;
	margin-bottom:10px;
}
.default_collections_black_small{
	background: transparent url('../images/small/selectioned-items-black.png') bottom left no-repeat;
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:-3px;
	margin-right: 3px;
	vertical-align:bottom;		
}

.default_video_black_small{
	background: transparent url('../images/small/icons_video_black.png') bottom left no-repeat;
	width: 24px;
	height: 12px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:3px;
	margin-right: 3px;
	vertical-align:bottom;		
}

.default_audio_black_small{
	background: transparent url('../images/small/icons_audio_black.png') bottom left no-repeat;
	width: 10px;
	height: 16px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:0px;
	margin-right: 3px;
	vertical-align:bottom;		
}
.default_video_grey_small{
	background: transparent url('../images/small/icons_video_featured.png') bottom left no-repeat;
	width: 24px;
	height: 12px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:3px;
	margin-right: 3px;
	vertical-align:bottom;	
}
.default_audio_grey_small{
	background: transparent url('../images/small/icons_audio_featured.png') bottom left no-repeat;
	width: 10px;
	height: 16px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:0px;
	margin-right: 3px;
	vertical-align:bottom;		
}
.default_video_ash_small{
	background: transparent url('../images/small/icons_video_noThumb.png') bottom left no-repeat;
	width: 24px;
	height: 12px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:8px;
	margin-right: 3px;
	vertical-align:bottom;		
}
.default_audio_ash_small{
	background: transparent url('../images/small/icons_audio_noThumb.png') bottom left no-repeat;
	width: 10px;
	height: 16px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:0px;
	margin-right: 3px;
	vertical-align:bottom;	
}
.default_video_white_small{
	background: transparent url('../images/small/icons_video_white.png') bottom left no-repeat;
	width: 18px;
	height: 9px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:3px;
	margin-right: 3px;
	vertical-align:bottom;		
}

.default_collections_white_small{
	background: transparent url('../images/small/selectioned-items-white.png') bottom left no-repeat;
	width: 19px;
	height: 19px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:-2px;
	margin-right: 3px;
	vertical-align:bottom;		
}

.default_audio_white_small{
	background: transparent url('../images/small/icons_audio_white.png') bottom left no-repeat;
	width: 9px;
	height: 16px;
	background-size: 100% 100%;
	display: block; 
	float:left;
	margin-top:0px;
	margin-right: 3px;		
}
.multimedia_asset_node_description_header .default_video_ash_small{
	margin-top:4px;
}
.search_pg_video_title{
	font-family: Roboto;
	font-size: 1.0em;
	font-weight: 700;
	color: #3F4044;
	margin: 0 4px 2px 0px;
}	
.search_pg_video_desc{
	font-family: Roboto;
	font-size: 0.9em;
	font-weight: 500;
	color: #707177;
	margin: 0 4px 5px 0px;
}
.acquire{
	margin: 15px 0/*25px*/;
	padding-top:10px;
	background-color:#f5f5f5;
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.acquire-header{
	border-bottom: 2px solid #cfd7db;
}
.acquire-media-button-header{
	margin-top: 5px;
	margin-bottom: 5px;
}
.acquire-detail-row{
	border-bottom: 2px solid #cfd7db;
}
.acquire-header-left {
	color: #4A5B65;
	font-family: "Roboto Condensed";
	font-weight: 700;
	font-size: 1.1em; /*15px;*/
	text-transform:uppercase;
	display: block;	
}
.acquire-header-rest{
	color: #4A5B65;
	font-family: "Roboto Condensed";
	font-weight: 700;
	font-size:1.1em; /*15px;*/
	text-transform:uppercase;
	display: block;	
}
.acquire-detail-left {
	color: #677e8c;
	font-family: "Roboto Condensed";
	font-weight: 500;
	font-size:1.0em; /*14px;*/
	vertical-align: middle;	
	display: block;
	padding: 5px 20px;	
}
.acquire-detail-rest{
	color: #677e8c;
	font-family:Roboto;
	font-weight: 500;
	font-size:1.0em; /*14px;*/
	vertical-align: middle;
	display: block;
	padding: 5px 20px;	
}
.pull-left-acquire{
	padding-left: 0;
	margin-left:0;
}
.acquire-detail-rest > a {
	min-width: 100px;
}
.acquire_type_separator{
	margin-left:5px;
	margin-right:5px;
	margin-top:0;
	font-size:1.0em; /*15px;*/
	line-height:150%;
	font-weight: 900;
}
@media (max-width : 767px){
	.multimedia_asset_node_container{
		padding-left: 5px;
		padding-right: 5px;
	}
	.acquire{
		margin: 5px 2px;
	}	
	.acquire-header-left {
		color: #677e8c;
		font-family: "Roboto Condensed";
		font-weight: 700;
		font-size: 0.9em; /*12px;*/
		text-transform:uppercase;
		display: block;	
		padding-left:0;
	}
	.acquire-header-rest{
		color: #677e8c;
		font-family: "Roboto Condensed";
		font-weight: 700;
		font-size:0.9em; /*12px;*/
		text-transform:uppercase;
		display: block;
		padding-left:0;
	}
	.acquire-detail-left {
		color: #677e8c;
		font-family: Roboto;
		font-weight: 500;
		font-size: 0.8em;/*11px;*/
		vertical-align: middle;	
		display: block;
		padding: 3px;
	}
	.acquire-detail-rest{
		color: #677e8c;
		font-family: Roboto;
		font-weight: 500;
		font-size: 0.8em; /*12px;*/
		vertical-align: middle;
		display: block;
		padding: 3px;		
	}
	.acquire-detail-rest > a {
		max-width: 100px;		
		font-size: 0.95em; /*11px;*/
		font-weight: 700;
		padding: 2px;
	}
	.acquire-media-btn{
		margin: 0;
		padding: 5px 10px;
		border-radius:5px;
		font-weight:500;
		font-size: 0.9em;/*12px;*/
	}
	.more-media-btn{
		margin: 0;
		padding: 5px 10px;
		font-weight:700;
		color:#677e8c;
		font-family: Roboto;
		font-size: 0.9em; /*12px;*/
	}	
	.acquire-detail-rest > a {
		min-width: 50px;
	}	
	.multimedia_asset_node_description_header span {
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}
}
.search_desc_link:link, .search_desc_link:hover, .search_desc_link:visited, .search_desc_link:active, .search_desc_link:focus {
	text-decoration:none;
	outline:0;
}

.more_featured_description{	
	white-space: pre-wrap;
}
#film_video_stats a:link, #film_video_stats a:hover, #film_video_stats a:visited, #film_video_stats a:active, #film_video_stats a:focus {
	color: #ffffff;
	text-decoration: none;
}
#audio_stats a:link, #audio_stats a:hover, #audio_stats a:visited, #audio_stats a:active, #audio_stats a:focus {
	color: #ffffff;
	text-decoration: none;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ff0000;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ff0000;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.featured_details_responsive{
	position: relative;
	height: 0px;
	padding-bottom: 56.25%;
	background:  #6998c9 ;
}
.show {
	display: block;
}
.no_show {
	display: none;
}
.default_video_img{
	background:url('../images/default_video1.png') center center no-repeat;	
}

.default_collections_img{
	background:url('../images/selectioned-items-collections-large.png') center center no-repeat;	
}

.default_audio_img{
	background:url('../images/default_audio1.png') center center no-repeat;	
	background-size: 288px 162px;	
}
/*Forms css*/
.form_row_div{
		width:100%;
		margin: 3px 5px;
	}
	.label_div{
		
	}	
	.form_row_div span{
		padding-right: 5px;
	}
	.request_form{
		font:Roboto;
		font-size: 1.0em;/*14px;*/
	}
	.request_form input, .request_form textarea {
		margin-top: 4px;
	}
	.warning{
		color: #ff0000;
	}	
	.required_field{
		margin:0;
		padding:0;
		color: #ff0000;
	}
	.req_from_section_header{
		width:100%;
		background-color: #D9DBDD;
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	.form_field_label{
		min-width: 150px;
	}
/*Search CSS*/
.search-side-bar {
		/*background-color: #fff;
		border-radius: 5px;*/
		padding: 5px;
		color: #333;
		margin: 5px 5px 0 2px;	/* Margin set to zero. margin to be set in the fieldsets*/
		float:left;
	}
	
	.search-right-bar {
		float:right;
	}
	.search-page-header {
		padding-bottom:0;
		margin-bottom: 10px;
	}
	.orange-title{
		color: #FF7600;
		font-family: 'Roboto Condensed';
		font-weight: 900;
		margin-right: 10px;
	}	
	.pagination{
		margin : 5px 0;
	}
	.pagination>span>a {
		font-family: 'Roboto Condensed';
		font-weight: 900;
		text-transform: capitalize;		
	}	
	.pagination>span>a, .pagination>span {
		border: none;
	}
	.sort-by-div{
		padding: 6px 12px;
	}	
	.sort-by-div a{
		font-weight: 900;
	}	
	.search-results-total {		
		font-family: 'Roboto Condensed';
		font-weight: 900;
		font-size: 0.9em; /*13px;*/
		padding: 6px 14px;
	}
	.advanced-search-bar{		
		padding: 0 10px 10px 10px;		
	}	
	.advanced-search-bar-title{
		font-family: 'Roboto Condensed';
		font-weight: 900;		
		text-transform: capitalize;
		font-size:1.0em; /*15px;*/
		width: 100%;
	}	
	.advanced-search-bar-title a {
		color: #ffffff;
	}
	.search_fieldset {
		border-bottom: 1px solid #ffffff;
		padding-bottom: 10px;		
	}	
	.field-input{
		margin: 5px 0;
		padding:0px;
	}	
	.advanced-search-label{
		font-family: 'Roboto';
		font-weight: 700;		
		text-transform: capitalize;
		font-size: 1.15em; /*12px;*/
		min-width: 50px;
		color:#3F4044;
	}
	.advanced-search-label  a >span{
		margin-right:7px;
		font-size:1.20em;
	}
	
	.search-label-rows {
		margin: 5px 0px;		
		padding-right: 0;
		padding-left: 0;		
	}
	.centre-text {
		text-align: center;
	}
	.all-caps{
		text-transform: uppercase;
	}	
	.search_pg_video_title_sm{
		font-family: Roboto;
		font-size:0.9em; /*13px;*/
		font-weight: 700;
		color: #3F4044;
		margin: 0 4px 5px 0px;		
	}
	.search_pg_video_desc_sm{
		font-family: Roboto;
		font-size: 0.85em; /*12px;*/
		font-weight: 500;
		color:#707177;
		margin: 0 4px 5px 0px;		
	}	
	.overlay_se{
		float: left;
		max-width: 288px; /*23-10-2015 Was displaying a very small image on mobile*/
		width: 100%;
	}	
	.search_pg_video{		
		padding-left: 15px;
		overflow:auto;
	}

			
	.error_div{
		font-size: 0.8em; /*12px;*/
		font-weight: 700;
		color: #aa0000;
	}
	
	@media (max-width : 991px){
		.search_pg_video_uni{		
			padding-left: 0;
			overflow:auto;
			margin-left:0px;
		}
	}
	
	@media (max-width : 767px){
		.search_pg_video_title, .search_pg_video_title_sm{			
			font-size: 0.9em; /*13px;*/
			font-weight: 700;			
		}
		.search_pg_video_desc, .search_pg_video_desc_sm{
			font-size: 0.85em;/*12px;*/
			font-weight: 500;			
		}
		.search-side-bar{
			margin-left: 8px;
			margin-right: 8px;
		}
		.search_pg_video{
			clear: both;
			margin-bottom: 5px;
			padding-left: 0;
		}
		.overlay_se{
			clear: both;
			padding-bottom: 3px;
		}		
		.search_desc_link{
			margin-left: auto;
			margin-right:auto;
		}		
	}	
	.no_flash_player{
		font-size: 1.0em;
		padding:none;
		margin:none;
	}	
	.form_label {
    float: left;
    width: 25%;
}


#classics_masthead {
    background-image: url('../images/lgo_UNRADIO_RC.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    clear: both;
    background-color: #09C;
    height: 4.0625em;
    padding: 0.1875em;
}
.cl_image_wrapper {
	/*max-width:640px;*/
	max-height:300px;
	min-width:300px;
	/*width: auto;*/
	height: 100%;
	background-color:#ffffff; /*#D9DBDD;*/
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.cl_image_wrapper > img {
	max-height:300px;
	max-width:auto;
	/*height :100%;*/
	
	background-color:#D9DBDD;
}
.cl_multimedia_asset_node_image {
	position: relative;	
	max-height: 330px;
	height: 100%;
	float: left;
	background: #D9DBDD;
	display: block;
	margin-left: 10px;
}
.cl_description_wrapper{
	min-height:270px;
	min-width:300px;
	
}
.cl_introduction{
	font-size:18px;
	font-weight: 900;
}

.cl_multimedia_node_description{
	color:#3B3B3D;
}

@media (max-width : 992px){
	.cl_description_wrapper{
		min-height:0;
	}
}
/*ZYU comment out the line of introducing Classics*/
.cl_multimedia_asset_node_container{
	/*border-top-style:groove;
	border-top-width:2px;*/
	border-top-color:#D9DBDD;
	padding-top:10px;	
}

.classic_header_home_link , .classic_header_home_link:link  , .classic_header_home_link:hover, .classic_header_home_link:visited{
	color: #ffffff;
	text-decoration:none;
	border: 0;
	outline:0;
}


.uni_image_wrapper {
	/*max-width:640px;*/
	max-height:110px;
	min-width:60px;
	/*width: auto;*/
	height: 100%;
	background-color:#ffffff; /*#D9DBDD;*/
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.uni_image_wrapper > img {
	max-height:90px;
	max-width:auto;
	/*height :100%;*/
	
	background-color:#D9DBDD;
}
.uni_multimedia_asset_node_image {
	position: relative;	
	max-height: 115px;
	height: 100%;
	float: left;
	background: #D9DBDD;
	display: block;
	margin-left: 10px;
}
.uni_description_wrapper{
	min-height:30px;
	min-width:250px;
	
}
.uni_introduction{
	font-size:18px;
	font-weight: 900;
}

.uni_multimedia_node_description{
	color:#3B3B3D;
	font: 1.25em;
}

.unifeed_calendar_p{
	padding-left: 32px;
}

.unifeed_cal{
	float:left;	
}
.unifeed_searchBar{
	float:right;
	
}

@media (max-width : 992px){
	.uni_description_wrapper{
		min-height:0;
	}
	.unifeed_calendar_p{
		padding-left: 12px;
	}	
/*ZYU add padding-top*/
	.unifeed_searchBar{
		float:left;
		width:100%;
		padding-left:29px;
		padding-top:12px;
	}
	.search-side-bar {
		width:100%;
	}
	
	.search-right-bar{
		float:left;
		width:100%;
		padding-left:29px;
	}
	
	.unifeed_cal{
		margin-bottom:5px;
	}
	.breadcrumb {
		padding: 8px 15px 8px 25px;
	}
	
}
/*ZYU update for responsive*/
@media (max-width: 767px){
	.unifeed_searchBar {		
		padding: 5px 20px 0 29px;		
		float: left;/*none;*/ 
        width:100%;
		margin-bottom:10px;
	}
	.unia_searchbar {		
		padding: 5px 20px 0 29px;		
		float: left;/*none;*/ 
        width:70%;
		margin-bottom:10px;
		margin-left:0;
	}
	.unifeed_calendar_p{
		padding-left: 0px;
	}
	.breadcrumb {
		padding-left: 5px;
	}
	.navbar-toggle{
		margin-top:5px;
		padding:10px 10px;
	}
}

@media (max-width: 320px){
	
	.unia_searchbar {		
		padding: 5px 20px 0 29px;		
		float: left;/*none;*/ 
        width:70%;
		margin-bottom:10px;
		margin-left:-30px;
	}
	.navbar-toggle{
		margin-top:3px;
		padding:10px 10px;
	}
}

.uni_multimedia_asset_node_container{
	border-top-style:groove;
	border-top-width:2px;
	border-top-color:#D9DBDD;
	padding-top:0;
	padding-bottom:10px;	
}



.whitesmoke_bg{
	background-color: #f4f4f4;
}
.text_align_right {
	text-align: right;
}
.text_align_left {
	text-align: left;
}

.unifeed_space_above {
	margin-top:3px;
}

.unifeed_br_news {
	/*height:35px;*/
	font-weight: 700;
	color : #0b67b2;
	/*border: 1px solid #ff0000;*/
	vertical-align:baseline;
	padding-left:5px;
	padding-right:0;
}

.unifeed_listing_heading {
	padding: 0;
	margin:5px 0 0 0;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.unifeed_acquire{
	border-radius: 10px;
	border: 1px solid #c4c4c4;
	padding: 3px;
	margin:3px 3px 6px 3px;
		
}
.unifeed_acquire_no_border_bottom {
	border-bottom: none;
}
.unifeed_no_padding {
	padding-bottom:0px;
}

.unifeed_intro{
	font-size:1.175em;
	color: #1B1B1D;
	background-color:#d9dbdd;
	padding-top:10px
}
.unifeed_search_pg_video_desc{
	font-size:1.0em;
}
.unifeed_search_pg_video_summary{
	font-size:1.0em;
	display:none;
}
.no-padding-top{
	padding:0;
}
.dark-grey-background {
    background-color: #D9DBDD;
}

@media screen and (max-width: 986px) {	
	.unifeed_search_pg_video_summary {
		display: block;
	}
	
}

.search_refined {
	/*margin-left:3px;*/
	display:inline;
}
.search_refined>li{
	padding:1px 3px 1px 3px;	
	border: 1px solid #ccc;
	border-radius:3px;
	margin-bottom: 3px;
	font-family: Roboto;
	font-weight: 500;
	font-size: 0.85em;
	

}

.search_refined>li:first-child {
    padding-left: 3px;
}

ul.search_refined  li a > span{
	text-decoration: none;
	font-weight: 900;
	font-style: normal;
	font-size: 1.1em;
	color:#008FD5;
}

.search_refined_by_title {
	font-family: Roboto;
	font-weight: 700;
	font-size: 0.95em;
	border:0px;
	color:#3F4044;
}

.search_refined_div{
	margin: 0px;	
	
}
.advanced_search_bar_fieldset {
	border: 1px solid #ccc;
	background-color: #d5d5dc;
	border-radius: 3px;
	margin: 5px 0px;
	color: #4a4b4f;
	font-family: Roboto;
	font-weight: 500;
	font-size: 0.85em;
	padding-left: 3px;
}
.search_refined_container{
	margin: 5px 10px;
	padding-bottom: 5px;
	/*background-color:#d9dbdd;*/
	border-bottom: 1px solid #d9dbdd;
}
.search_refined_rows {
	overflow: auto;
	padding: 5px 5px 0 5px;
	margin: 0;
}

.search_refined_rows > li {
	list-style-type:none;
}

.search_refined_checkbox{
	padding-top: 0px;
}

.search_refined_show_more_less_span{
	font-size: 1.05em;
	padding-right: 5px;
}

.search_page_header{
	margin-bottom: 5px;
}

#list_hider{
	cursor: pointer;
}

span.glyphicon {
	cursor: pointer;
}



.advanced_search_bar_fieldset_btns_top{
	margin-bottom:0px;
	border-radius: 3px 3px 0px 0px;
	border-bottom:0px;
}
.advanced_search_bar_fieldset_btns_bot{
	margin-top:0px;
	border-radius: 0px 0px 3px 3px;
	border-top:0px;
	padding-right: 5px;
}
.refine_search_anchor_spacer{
	margin-left: 2px;
	margin-right: 5px;
	
}

#refine_search_anchor{
	display: none;
	padding:2px;
	margin-top: 5px;
	
	
}

.refine_search_anchor_text {
	font-size: 1.0em;
	font-weight:700;
	color: #428bca;
}


@media (min-width : 993px){
	.advanced_search_left_bar_show{
		display:block;
	}	
}

@media (max-width : 992px){
	#refine_search_anchor{
		display: block;		
		cursor:pointer;
	}
	#advanced_search_left_bar{
		display:none;
	}
	
	.advanced_search_left_bar_show{
		display:none;
	}
	
	.refine_button {
		margin: 5px 3px;
		border: 1px solid #ccc;
		background-color: #e0e0e0;
		padding: 7px 5px;
	}
	.advanced_search_bar_fieldset {
		margin-right:10px;
	}
}


.collection_table_form_asset_id {
	width: 250px;
}

.collection_link_margin_right{
	margin-right: 5px;
}

.collections_multimedia_asset_node_image{	
	position: relative;
	max-width:100%;
	max-height:360px;
	/*width: 100%;*/
	height:100%;	
	float:left;
	background: #fff; /*#D9DBDD;*/
	display:block;	
}

.collections_multimedia_asset_node_image  img {
	max-height:360px;
	height: 100%;
	
	margin-left:auto;
	margin-right:auto;
}
.collections-table-div{
	background:#fff; /*#D9DBDD;*/
	
}
.collections_container {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #d4d4d4;
}

.collections_header {
    margin-bottom: 0px;
}

.collections-nav-tabs {
	background-color: #D9DBDD;
	/*min-width:400px;*/
	padding-top:10px;
	border-bottom: 2px solid #d4d4d4;
	

}

.nav.nav-tabs.collections-nav-tabs > li > a{
	padding: 5px 10px;
	
}

ul.collections-nav-tab  li.active{
	margin-bottom: -5px;
}

.nav.nav-tabs.collections-nav-tabs > li:first-child{
	padding-left: 10px;
	margin-left: 10px;
}

.nav.nav-tabs.collections-nav-tabs > li.active {
	margin-bottom: -5px;	
	border-bottom: 2px solid #ffffff;
}

.nav.nav-tabs.collections-nav-tabs > li.active > a {
	outline:0;
	border-left:2px solid #d4d4d4;
	border-top:2px solid #d4d4d4;
	border-right:2px solid #d4d4d4;
	
}

.collections_details_div{
	padding:2px 0px 0px 0px;
	
}
.collections_featured_div{
	padding-top: 10px;
	padding-left:0px;
	padding-right:0px;
}

.collections_multimedia_asset_node_description_wrapper{
	padding: 4px 10px 0 10px;
	min-width : 200px;	
	overflow:hidden;
}
.collections_image_wrapper{
	max-width:640px;
}

.light_blue_font{
	color: #428bca;
	font-size: 1.10em;
}
.no_padding_unia{
	padding:10px 0;
}
.unia_title{
	font-size: 1.14em;
}

._21century_second_and_third_title{
	margin: 10px 5px 0 5px;
	border: 0px solid #000;
	overflow: hidden;
	padding: 5px 10px;
	background-color: #f4f4f4;
	border:1px solid #d4d4d4;
	border-bottom:none;
}

._21century_second_and_third{
	border:1px solid #d4d4d4;
	padding: 10px 0 0 0; 
	margin: 0 5px 0 5px;

}
.carousel-handles {
	display : block;
}


@media (max-width : 480px){
	.carousel-handles {
		display : none;
	}
	.carousel-row-21stcentury {
		padding: 0 10px 10px 10px;
	}
}
._21stcentury_latest_header{
    font-weight: 700;
    letter-spacing: 0.05em;
    padding-top: 0;
    padding-bottom: 3px;
    padding-left: 0;    
    line-height: 16px;
    color: #000000 !important;
    background-color: transparent !important;   
    font-size: 1.2em;
}

._21century_second_and_third_hide{
	display: block;
}

@media (max-width : 768px){
	._21century_second_and_third_hide{
	display: none;
}
}
.no_bottom_padding{
	padding-bottom:0;
}


/*ZYU responsive hide top_bar when smaller than 770*/
@media (max-width: 770px) {
	#top_bar{
		/*display:none;*/
	}
	/*.footer_bar{
		
	}*/
	.footer_bar_right {
		display:none;
	}
    .bottom_un_logo_text {
		display:none;
	}
	.bottom_social_media{
		display:inline;
		margin-bottom: 15px;
	}
}
@media (min-width: 771px) {
	.bottom_social_media{
		display:none;
	}
}

/*ZYU responsive hide social media when smaller than 767*/
@media (max-width: 770px) {
	.a2a_floating_style.a2a_vertical_style { display: none; }
}
/*ZYU the style of the words on top nav bar*/
#top_bar .container ul li a {
      padding: 0;
      font-size: 12.35px;
      line-height: 17.03px;
      font-weight: 400;
      letter-spacing: 0.03em;
      color: black;
	  text-decoration: none;
 }
 /*ZYU override the searchbar size from boostrap.min.css*/
@media (min-width: 992px){
	#searchBar {
		width:30%;
	}
}

/*footer responsive ZYU*/
@media (min-width : 991px){
.bottom_col_not_last {
	margin-right:12.5%;
}
}

/* ZYU footer */
.col-md-6-label, .un-label {
        padding-left: 1px;
        color: #4d4d4d;
        font-size: 18.2px;
        text-transform: uppercase;
        margin-top: 0;
        letter-spacing: 0.03em;
        border-bottom: #00aeef solid 3px;
        padding-bottom: 7px;
        margin-bottom: 9px;
      }
/*ZYU responsive hide social media when smaller than 767*/
@media (max-width: 766px) {
	.stats {
		padding-left:15px;
		padding-right:15px;
    }
}

/*ZYU unifeed datepicker size override bootstrap*/
@media (min-width : 991px){
.unifeed_cal {
	width:22%;
	float:left;
}
}
.uni_multimedia_asset_node_container {
	border-top-width:0px;
}
.grey_background {
	background-color: #f4f4f4;
	padding:0;
}
.unifeed_wrapper { 
  margin:6px 0 0 0;
  border : 0px solid #000; 
  overflow:hidden;
  padding: 5px 10px;
  background-color: #f4f4f4;
}
@media (min-width : 992px){
.unifeed_searchBar {
	width:60%;
	padding-top:12px;
	padding-left:29px;
}
}
/*ZYU unifeed header flex box*/
.uni_navbar_container {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding-left:15px;
	width:100%;
}
.uni_navbar_container_left{
	width:50%;
}
.uni_navbar_container_right {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	width:50%;
}
.datepicker_container{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.datepicker_container_left{
	width:50%;
	visibility:hidden;
	padding-top:15px;
}
.datepicker_container_right{
	width:50%;
	font-size: 36px; 
	padding-top:11px; 
	margin-left:5px;
}
/*ZYU adjust the position of the logo text of unifeed */
.uni_site_banner_text{
	margin:0;
	padding-top:3px;
}
/*ZYU adjust the position of unia logo text*/
.unia_site_banner_text {
	margin:0;
	padding-top:3px;
}
/*ZYU unifeed datepicker and searchbar position for responsive*/
@media (max-width: 892px) and (min-width: 690px) {
	.uni_navbar_container_right {
		width:60%;
	}
	.uni_navbar_container_left {
		width:40%;
	}
}
@media (max-width: 770px) {
	.uni_navbar_container {
		display:block;
	}
    .uni_navbar_container_left {
		/*width:100%;*/
	}
	.uni_navbar_container_right {
		width:90%;
		margin-left: -30px;
		
	}
	.datepicker_container_right{
		width:50%;
		font-size: 36px; 
		padding-top:5px; 
		margin-left:5px;
	}
	.uni_navbar_container > div.navbar-header > button{
		/*margin-top:-56px;*/
		margin-top:-50px;
		margin-right:15px;
	}
}
/*ZYU adjust the UNIA logo width when responsive*/
@media (max-width: 767px) {
.span-logo_unia {
}
	width:15%;
}
}
/*ZYU add margin top for space btw searchbar and nav toggle when responsive*/
.navbar-header-twentyfirst{
	margin-top:10px;
}

@media (max-width: 992px) {
	#searchBar{
		width:90%;
	}

	.navbar-toggle{
		margin-top:5px;
		padding:10px 10px;
	}
}
/*ZYU logo and text responsiveness unia */
@media (max-width: 500px) {
	.navbar .logo_unia {
		padding-top:10px;
	}
	.navbar .logo{
		padding-top:0px;
	}
	.logo_uni img {
		width: 2.6em;
		height: auto;
		/*min-width:2.6em;*/
	}
	.navbar-brand-uni {
		
	}
	
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #333333;
}



/*ZYU AVL logo and text responsiveness*/
@media (min-width: 501px) and (max-width:580px) {
	.navbar-brand {
		font-size: 1.2em;
	}
}

@media (max-width: 360px) {
	.logo_uni img {
		width:1em;
		height:auto;
	}
}

.navbar-toggle{
		border-radius:0px;
	}
/*ZYU add the one that does not appear in source but appear in SAM's document*/
.view-21stCenturyLatest{
	background-color:#f2f2f2;
}

.ten-px-bottom-margin{
	margin-bottom:10px;
}


@media screen and (min-width:530px) and (max-width: 550px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.navbar-toggle{
		margin-top:6px;
	}
}
@media screen and (min-width: 520px) and (max-width: 530px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.navbar-toggle{
		margin-top:7px;
	}
}
@media screen and (min-width: 510px) and (max-width: 520px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.navbar-toggle{
		margin-top:9px;
	}
}
@media screen and (min-width: 501px) and (max-width: 510px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.navbar-toggle{
		margin-top:8px;
	}
}
@media screen and (min-width: 490px) and (max-width: 501px) {
	.navbar-toggle {
		margin-top: 4px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 480px) and (max-width: 490px) {
	.navbar-toggle {
		margin-top: 6px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 470px) and (max-width: 481px) {
	.navbar-toggle {
		margin-top: 7px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 460px) and (max-width: 470px) {
	.navbar-toggle {
		margin-top: 8px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 450px) and (max-width: 460px) {
	.navbar-toggle {
		margin-top: 9px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 440px) and (max-width: 450px) {
	.navbar-toggle {
		margin-top: 10px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 430px) and (max-width: 440px) {
	.navbar-toggle {
		margin-top: 11px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media screen and (min-width: 420px) and (max-width: 430px) {
	.navbar-toggle {
		margin-top: 11px;
	}
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	
}
@media (max-width: 420px) {
	.navbar-toggle {
		margin-top: 12px;
	}
	#searchBar{
		width:75%;
		margin-top:10px;
	}
	
}

@media (max-width: 280px) {
	.navbar-toggle {
		margin-top: 12px;
	}
	#searchBar{
		width:65%;
		margin-top:10px;
	}
	
}

/*ZYU 21st century responsive toggle fine tuning*/
@media (max-width: 320px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.twentyfirst-toggle{
		margin-top:6px;
	}
}
@media screen and (min-width: 320px) and (max-width: 325px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.twentyfirst-toggle{
		margin-top:6px;
		padding:9px 9px;
	}
}
@media screen and (min-width: 325px) and (max-width: 520px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.twentyfirst-toggle{
		margin-top:6px;
	}
}
@media screen and (min-width: 520px) and (max-width: 550px) {
	#searchBar{
		width:85%;
		margin-top:10px;
	}
	.twentyfirst-toggle{
		margin-top:5px;
	}
}
/*ZYU unia responsive toggle fine tuning*/
@media (max-width: 230px) {
	#searchBar{
		width:65%;
		margin-top:10px;
	}
	.unia-toggle{
		margin-top:6px;
	}
}
@media (max-width: 320px) {
	#searchBar{
		width:75%;
		margin-top:10px;
	}
	.unia-toggle{
		margin-top:6px;
	}
}
@media screen and (min-width: 320px) and (max-width: 325px) {
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	.unia-toggle{
		margin-top:6px;
		padding:9px 9px;
	}
}
@media screen and (min-width: 325px) and (max-width: 330px) {
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	.unia-toggle{
		margin-top:6px;
	}
}
@media screen and (min-width: 330px) and (max-width: 520px) {
	#searchBar{
		width:80%;
		margin-top:10px;
	}
	.unia-toggle{
		margin-top:6px;
	}
}