/* ----------------------------------------------------------
Site: Universe
Author: Charles Hoyle
Version: 2010.05.03
---------------------------------------------------------- */
/* =Elements
---------------------------------------------  */ 
/* text */
body #blq-main {
	font-family:verdana,helvetica,arial,sans-serif; color:#fff;
	line-height: 1.3;
	font-size: 1.1em;
	color:#000;
	background-color:#f4f3f3;
}

/* body#resource #blq-main {
    background: #CFD8DD;
} */

#blq-content p {
	margin-bottom: 1em;
}

#blq-main li {
}

/* links */
a,a:link,a:visited {
	color: #ffb400;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#breadcrumb a,#breadcrumb a:link,#breadcrumb a:visited {
    color: #ffb400;
}
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited {
    color: #fff;
}

#blq-main h2 a:link,#blq-main h2 a:visited {
	/*color: #fff;*/
	text-decoration: none;
	font-weight: normal;
}

#blq-main h2 a:hover {
	text-decoration: underline;
}



#blq-main li h2 a:link,#blq-main li h2 a:visited {
	color: #669933;
	font-weight: bold;
	text-transform: none;
	font-family: verdana, arial, sans-serif;
	font-size: 0.85em;
}



/* headings */
body h1 {
	font-size: 2em;
}

body #blq-main h2,
body .box h1 {
	font-size: 1.25em;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	font-family: verdana, sans-serif;
	padding: 5px 6px;

}
body .box h3 {
	margin-left: 12px;
	color: #333333;
}
body .col-b .box h3 {
    width:135px;
    background: transparent url(f/common/horizontal.gif) repeat-x scroll 0 0.9em;
}
body .col-b .box h3 span {
    background: #FFFFFF none repeat scroll 0 0;
    padding-right:3px;
}

body .box ul {
    margin-bottom: 10px;
}
body .box ul li {
	list-style-type: none;
}


body #see-also {background-color:#FFF;}
body #see-also ul  {
	margin: -13px 0 10px 150px ;
	position:relative;
	
}



/* -- Adaptation -- */
.adaptations #blq-main .col-a h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
body.adaptations #blq-main .col-b h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}

/* -- Class -- */
body.class #blq-main .col-a h2 {
	background:#444343 url(f/546x21/class.jpg) repeat-y;
}
body.class #blq-main #about h2,
body.class #blq-main .col-b h2,
body.class #blq-main #all h2,
body.class #blq-main #taxonomicrank h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
/* -- Ecozone -- */
body.ecozones #blq-main .col-a h2 {
	background:#444343 url(f/546x21/ecozone.jpg) repeat-y;
}
body.ecozones #blq-main .col-b h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
/* -- Family -- */
body.family #blq-main .col-a h2 {
	background:#444343 url(f/546x21/family.jpg) repeat-y;
}
body.family #blq-main #about h2,
body.family #blq-main #taxonomicrank h2,
body.family #blq-main .col-b h2,
body.family #blq-main #all h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
/* -- Genus -- */
body.genus #blq-main .col-a h2 {
	background:#444343 url(f/546x21/genus.jpg) repeat-y;
}
body.genus #blq-main #about h2,
body.genus #blq-main .col-b h2,
body.genus #blq-main #all h2,
body.genus #blq-main #taxonomicrank h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
/* -- Habitat -- */
body.habitats #blq-main .col-a h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
body.habitats #blq-main .col-b h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}

body #blq-main .wikiid-Brackish .col-a h2,
body #blq-main  .wikiid-Abyssal_zone .col-a h2,
body #blq-main  .wikiid-Estuary .col-a h2,
body #blq-main  .wikiid-Hydrothermal_vent .col-a h2,
body #blq-main  .wikiid-Pelagic .col-a h2,
body #blq-main  .wikiid-Reef .col-a h2,
body #blq-main  .wikiid-Benthic .col-a h2,
body #blq-main  .wikiid-Neritic_zone .col-a h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
body #blq-main  .wikiid-Brackish .col-b h2,
body #blq-main  .wikiid-Abyssal_zone .col-b h2,
body #blq-main  .wikiid-Estuary .col-b h2,
body #blq-main  .wikiid-Hydrothermal_vent .col-b h2,
body #blq-main  .wikiid-Pelagic .col-b h2,
body #blq-main  .wikiid-Reef .col-b h2,
body #blq-main  .wikiid-Benthic .col-b h2,
body #blq-main  .wikiid-Neritic_zone .col-b h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}

/* -- Order -- */
body.order #blq-main .col-a h2 {
	background:#444343 url(f/546x21/order.jpg) repeat-y;
}
body.order #blq-main #about h2,
body.order #blq-main .col-b h2,
body.order #blq-main #all h2,
body.order #blq-main #taxonomicrank h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
/* -- Species -- */
body.species #blq-main .col-a h2,
body.species #blq-main #about h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}
body.species #blq-main .col-b h2,
body.species #blq-main #all h2,
body.species #blq-main #taxonomicrank h2 {
	background:#EAEAEA;
	color:#2b2b2b;
}

body .box h1 a {
    font-weight:bold;
    color:#fff;
}
body .col-a h3 {
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #666;
}

body blockquote {
	margin: 0 10px 10px 0;
	background: #ddd;
	float: left;
	width: 150px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* lists */
#blq-content ul {
	list-style: disc outside;
	list-style-image: none;
	padding-left:20px;
}

#blq-content ol {
	list-style: decimal inside;
}

#blq-content ul ul {
	margin-left: 20px;
}

/* images */
a img {
	border: none;
}

/* =Utils
--------------------------------------------- */
.first-word {
	font-weight: bold;
}
.credit {
	background:#F5F5F5;
	padding:5px;
}

/* =Barlesque
--------------------------------------------- */
body #blq-main {
	position: relative;
}

/* =Grid layout
--------------------------------------------- */

/* ----- banner ----- */
#masthead {
	height: 66px;
	padding: 0 12px;
	text-transform: uppercase;
	background: #000 url(f/banners/generic_universe.jpg) top no-repeat;
	color: #fff;
	margin-bottom:14px;	
}
#masthead ul {
	margin-bottom:0;	
}
#masthead h1,#masthead p {
	font-size: 2.6em;
	padding: 5px 0 3px 0;
	margin: 0;
    font-family: arial, sans-serif;
}
/*
#masthead h1 {
	min-height:30px;
	font-weight: bold;
    font-family: arial, arial, sans-serif;
}
*/
#masthead p {
    font-weight: normal;
}
#masthead h1 span.subtitle,
#masthead p span.subtitle {
	font-size: 0.5em;
    font-weight: normal;
}
#service-json {
    position:absolute;
    top:5px;
    right:5px;
}
#service-json a {
    color:#fff;
}
.json-url {
	float: right;
}
/* --- breadcrumb --- */
#breadcrumb {
	background:url(f/breadcrumbs/generic_background.png) no-repeat;
	margin-left:-12px;
	text-transform:none;
}
#breadcrumb ul{
	overflow:hidden;
	zoom:1;
	padding-top:1px;
	background:url(f/breadcrumbs/generic_background.png) 0 bottom no-repeat;
	padding-bottom:1px;
}

#breadcrumb ul li {
	float:left;
	min-height:14px;
	padding:1px 8px 3px 20px;
	color:#b2b1aa;
}
#breadcrumb li.crumb-home-link {
	padding-left:14px;
}
#breadcrumb li.crumb-aggregation-link {
	background:url(f/breadcrumbs/generic_arrow.gif) 0 0 no-repeat;
}
#breadcrumb li.crumb-title {
	background:url(f/breadcrumbs/generic_arrow.gif) 0 0px no-repeat;
}
/*#breadcrumb ul li a {
	color:#F2E191;
}*/

/* ----- content ----- */

.row {
	overflow: hidden;
	zoom: 1;
	clear: both;
}

/*.row .box {
    padding-bottom: 3px;
}*/

.col-a {
	width: 546px;
	float: left;
	padding: 0 14px;
	display: inline;
}

.col-b {
	width: 386px;
	padding-right: 14px;
	float: right;
}

.col-b h2 {
	clear:left;
}

/* =Components
--------------------------------------------- */
.box {
	margin-bottom: 22px;
	background:#fff;
}


/* =clips
--------------------------------------------- */

#clips {
	margin:0;
    overflow:hidden;
    zoom:1;
    padding-bottom:14px;
	margin-bottom:14px;
}
.clip-count {
	position:absolute;
	right:2px;
	font-size:0.8em;
	line-height:0.4em;
	padding-right:14px;
	text-transform:none;
	z-index:100;
}
.clip-count .clip-type {
    font-weight:bold;
}

#clips .box {
   background: none;
   margin:14px;
}
body #clips h2 {
	margin: 0;
	padding: 0 0 11px 0;
    background:transparent;
}
#clips h3 {
	margin-left:0;
}
#clips h3 a {
    padding-left:18px;
    background:url(f/iplayer_arrow_universe.gif) 0 2px no-repeat;
    color:#ffb400;
}
#clips #aboutResource h3 a {
    color:#ffb400;
}
#clips #audio-carousel-holder a {
	background:none;
	padding-left:0;
}

#clips div.clips-container {
	overflow:hidden;
	zoom:1;
	padding-left:0;
	list-style:none;
	width:674;
	float: left;
}

#clips div.clips-container div.clip-promo {
    width:147px;
    background:url(f/carousel/universe_divider.gif) top right repeat-y;
    padding: 0 17px 0 15px;
    float:left;
	height:183px;
    position:relative;
	margin:0 2px 0 0;
}



#clips div.clips-container div.carousel-absent div.clip-promo {
    width:147px;
    padding: 0 22px 0 17px;
	margin:0 5px 0 0;
}

#clips div.clips-container div.carousel-absent div.nth-child-4 {
	margin:0;
	}

body.collection-subpage #clips div.clips-container div.clip-promo {
	margin:0 5px 10px 0;
	min-height:88px;
	padding:0;
	width:310px;
}
#clips div.odd {
	clear:left;
}
#clips div.clips-container div.even {
	margin-right:0px;
}
#clips div.selected {
	border:1px solid #000;
	/*background:url(f/clip_bg.png);*/
}
#clips div.selected h3 img {
	opacity:0.5;
	filter:alpha(opacity=50);	
}
#clips h3,
#clips h4,
#clips p {
	/*margin-left: 152px;*/
	color: #FFFFFF;
	margin-bottom:0;
}
#clips #aboutResource {
    background:#000;
    width:146px;
    min-height:165px;
    float:left;
    margin-right:10px;

    padding:10px;
}
#clips #aboutResource img {
	border:1px solid #333;
}
#clips #aboutResource h3 {
    text-transform:none;
    margin:4px 0;
    font-size:1.1em;
}
#clips #aboutResource h3 a {
    background:none;
    padding:0;
}
#clips #aboutResource p {
    color:#fff;
}
body.collection-subpage #clips h3 {
	margin-left:154px;
}

#clips img {
	/*position:absolute;
	left:7px;
	top:7px;
	border:1px solid #131313;*/
}
body.collection-subpage #clips img {
	border:none;
	left:0;
	top:0;
}
.blq-js #clips {
/*	min-height:260px; hopefully not needed */
}

.blq-js .bigEmp #clips {
	min-height:495px;
}
/* with emp */
.blq-js #clips div.clips-container {
	float: none;
}
.bigEmp #clips div.clips-container div {
	clear:left;
}
.blq-js #blq-content .bigEmp div.withemp  {
	margin-left:0px;
	float: right;
	overflow:auto;
	height:375px;
	width:310px;
}
.blq-js #blq-content .bigEmp div.withemp div {
	margin-right:0;
	padding-right:0;
}
/* js fixes css for safari */
.blq-js #clips div.withemp {	
	float: left;
}
#clips .noflash p {
	margin-left:0;
	text-align:left;
	padding:10px;
}
.blq-js #clips .noflash {
	display:none;
}
.blq-js #clips .lowFlash .noflash {
	display:block;
}
.blq-js #videoempWrapper {
	background:#000 url(f/ajax-loader.gif) 112px 75px no-repeat;
}
.blq-js .lowFlash #videoempWrapper {
	background:#000;
}
#videoempWrapper {
	background:#000;
	width:256px;
	min-height:204px;
	float:left;
	margin-right:12px;
	margin-bottom:10px;
	text-align:right;
}
#resizeEmp {
	display:block;
	height:25px;
	background:url(f/emp_top_bg.jpg);
}
#resizeEmp a:focus { outline: none }
#resizeEmp a {
	display:block;
	width:100px;
	height:32px;
	position:relative;
	float:right;
	padding:5px 32px 0 0;
	text-transform:uppercase;
	color:#d7d7d7;
	background:url(f/resize_controls.gif) 108px 3px no-repeat;
	font-size:90%;
}
#resizeEmp a:hover {
	background:url(f/resize_controls.gif) 108px -47px no-repeat;
}

.bigEmp #resizeEmp a {
	background:url(f/resize_controls.gif) -73px 3px no-repeat;
}

.bigEmp #resizeEmp a:hover {
	background:url(f/resize_controls.gif) -73px -47px no-repeat;
}

.bigEmp #videoempWrapper a span {
	background:url(f/emp_resize_smaller.jpg);
}

#videoemp {
	width:256px;
	height:179px;
}

#videoemp embed {
	display:block;
}



/* =wikipedia
--------------------------------------------- */
#wikipedia {
	border:1px solid #e3e3e3;
	clear:both;
}

body #blq-main #wikipedia h2 {
	margin-top:-1px;
	margin-right:-1px;
	margin-left:-1px;
	/*background:#635f60;*/
	color:#fff;
}

#wikipedia .acknowledgement {
	font-size: 90%;
    border-top:1px solid #e3e3e3;
    padding-top:10px;
    background:#f5f5f5;
}

#wikipedia ul {
	margin-bottom: 1em;
}

#wikipedia p,
#wikipedia ul {
	color:#333333;	
}
#wikipedia .acknowledgement p {
	margin-bottom:0;
	padding-bottom:1em;
}


/* =links
--------------------------------------------- */
#links h2 {
    background:#838383;
    font-size:1.1em;
    padding:1px 6px 0px 6px;
    margin-bottom:5px;
}




/* =============================================
 Pages and sections
============================================= */ 


/* =Resource
--------------------------------------------- */

.panel-bottom {
    background:url(f/media_panel_bg.png) bottom no-repeat;
    padding-top:20px;
    margin-top:0px;
}

/* ----- lead row ----- */
#lead-row {
	position: relative;
	background: #668290;
	padding-left: 626px;
	padding-right: 0px;
	height: 395px;
	overflow: hidden;
	zoom: 1;
	margin-top:-14px;
}

#lead-row #lead-row-image {
	position: absolute;
	left: 0;
	top: 0;
	line-height:0;
}

#lead-row #lead-row-image img {
	/* stop image forcing scrollbars in IE */
	position: absolute;
}

#lead-row #lead-row-message {
    position: absolute;
    left: 0;
    top: 0;
    width:550px;
    padding:10px;
}

#lead-row #lead-row-message a {
    color:#ffffff;
    text-decoration:underline;
}

body #lead-row h1, 
body #lead-row h2 {
	background:none repeat scroll 0 0 transparent;
	color:#fff;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:1.8em;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 5px 6px;
	padding-left: 35px;
	position:relative;
	text-transform:none;
}
#lead-row p {
	color: #fff;
	padding: 0px 15px 8px 32px;
	font-size:1.1em;
	line-height:1.3em;
}
#lead-row p .title {
    font-weight:bold;
}


#lead-row dl {
	color: #fff;
    font-size: 1.1em;
    line-height:1.2em;
	padding: 10px 10px 0px 32px;
}
#lead-row dl dt {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
#class-object #lead-row p,
#lead-row p.rank-link {
	min-height: 0;

}
#lead-row p.rank-link {
	background:url(f/link-arrow-6f5c03.gif) no-repeat 20px 12px;
	padding-left:34px;
	font-size:1.1em;
}


	/*-- large play media button - overlayed on media (video/audio) if media is loaded on the page first --*/
	#lead-row-image a span.play {background-image: url('f/universe_sprite.png') !important;}
	
	#lead-row-image a.playMedia:hover span.play {background-position: -312px -10px}
	#lead-row-image a.playMedia {position: absolute;top:88px;left:0;display: block;z-index: 5;cursor: default;}	
	#lead-row-image a.playMedia:hover {text-decoration: none}	
	#lead-row-image a.playMedia:hover span.mediaDesc {text-decoration: underline}
		
		#lead-row-image a.playMedia span.play {
			height: 72px;
			width: 80px;
			background-position: -232px -10px;
			position:relative;
			display:block;
			cursor:pointer;
			}
		
		#lead-row-image a.playMedia span.play em {margin-left: -9000px}
		
		#lead-row-image a.playMedia b.mediaTitle {
			font-size: 2.8em;
			display: block;
			color: #FFF;
			line-height: 1.4em;
			padding:0 22px 10px 22px;
			background: url('images/blackOpacity-65.png') 0 0 repeat;
			cursor: pointer;
			}
		
		#lead-row-image a.playMedia b.mediaTitle span {
			font-size: 13px;
			display: block;
			max-width:220px;
			line-height: 1.3em;
			font-weight:normal;
			}


/*-- large play media button - overlayed on media (video/audio) if media is loaded on the page first --*/
	#lead-row-image a.playMedia:hover span.play {background-position: -312px -10px}
	#lead-row-image a.playMedia {position: absolute;top:88px;left:0;display: block;z-index: 5;cursor: default;}	
	#lead-row-image a.playMedia:hover {text-decoration: none}	
	#lead-row-image a.playMedia:hover span.mediaDesc {text-decoration: underline}
		
		#lead-row-image a.playMedia span.play {
			height: 72px;
			width: 80px;
			background-position: -232px -10px;
			position:relative;
			display:block;
			cursor:pointer;
			}
		
		#lead-row-image a.playMedia span.play em {margin-left: -9000px}
		
		#lead-row-image a.playMedia b.mediaTitle {
		font-family:arial,sans-serif;
			font-size: 2.1em;
			display: block;
			width:280px;
			color: #FFF;
			line-height: 1.4em;
			padding:0 22px 10px 22px;
			background: url('f/blackOpacity-65.png') 0 0 repeat;
			cursor: pointer;
			}
		
		#lead-row-image a.playMedia b.mediaTitle span {
			font-size: 13px;
			display: block;
			max-width:220px;
			line-height: 1.3em;
			font-weight:normal;
			}




/*-- PLAY BUTTON AND TITLE OVERLAY VIDEO/AUDIO MAIN CLIP --*/
#lead-row-image a.playMedia:hover b.mediaTitle,	
#lead-row-image a.playMedia:hover span.mediaDesc {color:#54D7EE}


/* ----- map ----- */
#location img {
	height: 217px;
	width: 366px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.species #map img {
	display: block;
}

#habitats-object .wikiid-Coast #map {
	display:none;
}

.habitats #map h2 {
	margin: 0 0 10px 0;
}

.habitats #map {
	padding: 0 0 10px 0;
	border: none;
	margin-bottom:0;
}
.kml {
	text-align:right;
}

#location {
	clear:both;
	margin-bottom:0;
}
#location img {
	margin-bottom:1em;
}
#location #habitats {
	margin-bottom:1em;
}


/* =FAQ
--------------------------------------------- */
#faq h2 {
	margin-top:14px;
}
#faq h2#answers {
	position:absolute;
	left:-3000em;
}

#faq h3 {
	border-top:1px solid #000;
	border-bottom:none;
	margin-top:14px;
	padding-top:14px;
	font-size:1.25em;
}
#faq h4 {
	font-weight: normal;
	font-size:1.1em;
	margin-top:1em;
}
#faq p {
	margin-top:1em;
}
#faq ul {
	list-style: none;
	padding:0;
	margin-bottom:1em;
	
}
#masthead h1 span.pageTitle {
	font-size:1em;
	font-weight:normal;
}



/* =Forms
--------------------------------------------- */

#fieldset-contact_us_form ul  {
	list-style-type: none;
	padding-left: 0;
}

#fieldset-contact_us_form ul li {
	padding-bottom: 10px;
}
		
#fieldset-contact_us_form ul li label, #fieldset-contact_us_form ul li p.hint {
	display: block;	
	text-transform: uppercase;
}

#fieldset-contact_us_form ul li.radio label {
	text-transform: none;	
}

#fieldset-contact_us_form ul li #name,
#fieldset-contact_us_form ul li #email,
#fieldset-contact_us_form ul li #msg {
	background-color: #e0e0e0;
	border: solid #818181 1px;
}

#fieldset-contact_us_form ul li #msg {
	width: 365px;
	height: 106px;	
	margin-top: 5px;
	font-size: 105%;
	font-family:verdana,helvetica,arial,sans-serif;
}

#fieldset-contact_us_form ul li label {
	margin-bottom: 5px;
}

#fieldset-contact_us_form ul li label input {
	margin-right: 10px;
}

#submit {
	background: transparent url(f/submit_on.png) no-repeat left top;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 100%;
	width: 53px;
	height: 24px;
}
#submit:hover {
	background: transparent url(f/submit_rollover.png) no-repeat left top;
	border: none;
	cursor: pointer !important;
	cursor: hand;
}

#fieldset-contact_us_form ul.errors {
	padding-left: 0;
	margin-left: 0;
	color: #ff0000;	
}

/* =Error page
--------------------------------------------- */
#error-page #blq-main h2 {
        background:#fff;
        color:#000;
        text-transform:none;
        font-weight:bold;
        padding:0;
        font-size:1.1em;
        margin-bottom:0;
}
#error-page #content ul {
        margin-bottom:1em;
}

/* =Carousel
--------------------------------------------- */
.blq-js #carousel {
	/*display:none;
	opacity: 0;
	filter:alpha(opacity=0);*/
}

.pageNavTop {
	clear:both;
	height:10px;
	background:url(f/pagenav_gragient_large.png) no-repeat;
}
.bigEmp .pageNavTop {
	background:url(f/pagenav_gragient_small.png) no-repeat;
}
/* ======= carousel style - when emp is large ====== */
.blq-js .bigEmp #carousel {
	display:block;
	width:290px;
	opacity: 0;
	filter:alpha(opacity=0);
}

.blq-js .bigEmp #carousel .page {
	width:290px;
}

.blq-js #blq-content .bigEmp div.clips-container div.clip-promo {
	width:270px;
}



/* ======= carousel styles ====== */
#blq-content #clips .carousel-window {
	background:#2E3939;
}

.page {
	width:680px;
	float:left;
}



/*  ======= over ride glow carousel styles ====== */

#clips .carousel-absent {
	background:#2E3939;
	height:183px;
	width:761px;
	padding: 0 0 0 5px;
	border:1px solid #000;
}

#clips #audio-carousel-holder .carousel-absent {
	padding: 5px 25px;
}
#clips li.dot {
	cursor:default;
	display:none;
}
#clips li.dotActive {
	background:none;
	display:list-item;
	width:1.5em;
}
#clips .pageNav #leftarrow {
	margin-right:5px;
}
#clips .pageNav #rightarrow {
	margin-left:5px;
}
#clips ul.pageNav li.dotTotal {
	color:#414141;
	display:list-item;
	padding:0;
	text-align: left;
	text-transform: none;
	width:3em; 
}
#clips li.dotTotal .number {
	font-weight:bold;
}
#clips .dotLabel {
	text-indent:0;
	overflow:none;
	width:auto;
}

#clips ul.pageNav {
	padding:0;
}
.bigEmp .pageNav {
	max-width:280px;
}
#clips .pageNav li {
	background:none;
	text-align:center;
	text-transform:uppercase;
}

#clips .pageNav li.dot {
	font-size:1.1em;
}
#clips #leftarrow  {
	width:9em;
	padding-top:1px;
	background:url(f/pagenav_previous.png) 8em 2px no-repeat;
}
#clips #rightarrow {
	width:6em;
	padding-top:1px;
	background:url(f/pagenav_next.png) 0 2px no-repeat;
}
#clips .pageNav li.dotActive .dotLabel {
	font-weight:bold;
	color:#414141;
}

#clipindex #clips .carousel-absent {
    height:auto;
    width:100%;
}
#clipindex #clips .box {
    background:#fff;
    margin:0;
}
#clipindex #clips div.clips-container div.clip-promo {
    background:none;
}
#clipindex #secondary-rows {
	background:none;
}

/* =Error page
--------------------------------------------- */
.errorstack h2 {
	/*background: #f6f6f6;*/
}

.errorstack h3 {
	margin-top:1em;
}
.errorstack {
	margin-bottom:1em;
	overflow:auto;
	padding-bottom:1em;
	/*background: #f6f6f6;*/
}

/* =Kingdom (Animals|Plants) page 
--------------------------------------------- */
body.aggregation #blq-main,
body.all #blq-main {
	color:#333333;
}
body.aggregation #blq-main .browser-intro,
body.all #blq-main .browser-intro {
	display:inline;
	float:left;
	width:560px;
	margin-left:14px;
	padding-right:10px; 
	width:506px;
}
body.all #blq-main .browser-nav-box {
	background:#FAF9F9;
	margin:0 0 30px 574px;
	width:386px;
	overflow:hidden;
}
body.all #blq-main .row {
	margin-top:4px;
}
#blq-main .browser-nav-box .filter-box-group {
	display:none;
}
html.blq-js #blq-main .browser-nav-box .filter-box-group {
	display:block;
	margin:6px 10px;
	padding-bottom:10px;
}


html.blq-js #blq-main .browser-nav-box .filter-box-group ul {padding:0;margin:0 0 0 10px;overflow:hidden;width:100%;}
html.blq-js #blq-main .browser-nav-box .filter-box-group ul li {width:160px;float:left;display:inline;list-style:disc;padding:4px 0;}

#blq-main .browser-nav-box p {
	margin:6px 10px 0 10px;
	padding:0 0 10px 55px;
	text-indent:-55px;
	width:316px;
	width:311px;
}	
#blq-main .browser-nav-box h3 {
	background:#635F60 url(f/homepage/universe-browser-nav-box.jpg) no-repeat left center;
	color:#fff;
	font-family:Arial,Helvetica,Garuda,sans-serif;
	font-size:1.2em;
	font-weight:normal; 
	padding:4px 6px 0 10px;
	text-transform:uppercase;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:20px;
}
body.all #blq-main h2 {
	background:none;
	color:#333333;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin-bottom:0;
	padding-left:0;
	position:relative;
    text-transform:none;
    font-size:1.8em;
    zoom:1;
}
body.aggregation #blq-main div.lead-row,
body.all #blq-main div.lead-row {
	background:none;
	color:#333333;
	margin:0 14px 25px;
	position:relative;
	zoom:1;
}

#blq-main div.lead-row .filter-box-group {
	background:#FAF9F9;
	display:block;
	padding:7px 5px 3px;
	position:absolute;
	right:0;
	text-transform:none;
	top:2px;
	visibility:hidden;
}
html.blq-js #blq-main div.lead-row .filter-box-group {
	visibility:visible;
}
#blq-main div.lead-row .filter-box-group #kingdom-filter-box {
	background:#fff;
	height:1.3em;
	position:relative;
	top:-2px;
	vertical-align:top;
	width:153px;
}
body.all #blq-main .filter-data,
body.aggregation #blq-main .filter-data {
    font-size:0.9em;
	margin:0;
    overflow:hidden;
	zoom:1;
}
body.all #blq-main .filter-data ul,
body.aggregation #blq-main .filter-data ul {
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative; /* IE6 leaks links */ 
	zoom:1;
}
body.all #blq-main .filter-data ul {
    margin-left:1px;
}
/* note: some tricky stuff with widths because we need text slightly wider than image */
#blq-main .filter-data ul li {
	display:inline;
	float:left;
	margin: 0 0 10px 9px;
	width:145px;
}
.all #blq-main .filter-data ul li {
    width:112px;
	padding:0 0 10px 0;
}
.aggregation #blq-main .filter-data ul li {
   
}
#blq-main .filter-data h3.hide,
#blq-main .filter-data h3.empty,
#blq-main .filter-data ul li.hide { 
	display:none 
}
#blq-main .filter-data li {
	/*padding-top:60px;*/
    position:relative;
}
#blq-main .filter-data li a {
	display:block;
    font-weight:normal;
}
#blq-main .filter-data li a img {
	display:block;
	background-color:#eee;
	left:5px;
    /*position:absolute;*/
    top:0; 
}
#blq-main .filter-data li a span {
	cursor:pointer;
	display:block;
    position:relative;
    font-size:1.1em;
	padding:2px 0;
}
/*#blq-main .filter-data li.nth-child-1 a span {
	font-weight:bold;
}*/
/*body.all #blq-main .browser-intro h2,*/
body.all #blq-main .filter-data h2 {
	position:absolute;
	left:-3000em;
}
body.all #blq-main .filter-data h3,
body.aggregation #blq-main .filter-data h2 {
	border-bottom:1px solid #9f9f9f;
	clear:left;
	font-family:Arial,Helvetica,Garuda,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:14px;
	padding-bottom:4px;
	text-transform:uppercase;
	width:946px;
}
body.all #blq-main .filter-data h3 {
	color:#fff;
	border:none;
	margin:0;
	padding:7px 6px;
	width:916px;
	
}

body.all #blq-main .filter-data h3 a.rightArrow {background:url('f/backgrounds/allTopicsLinkArrow.gif') 100% 2px no-repeat;padding:0 14px 0 0;}

body.all #blq-main .filter-data h3 span a {
	color:#ffb400;
	background:url(f/common/arrow_light_gold_right.gif) no-repeat center right;
	padding-right:10px;
}
body.all #blq-main .filter-data h3 div {
    position:absolute;
    right:0;
    top:3px;
    width:140px;
    height:20px;
    text-align:left;
    text-transform:none;
    font-weight:normal;
    background:url(f/white-tab.gif) no-repeat bottom left;
    color:#aeaeae;
    padding: 4px 0 3px 8px;
}
body.all #blq-main .filter-data h3 div.empty {
    background:none;
}
body.all #blq-main .filter-data h3 span {
    text-transform:none;
    margin-left:4px;
    font-size:0.85em;
}
body.all #blq-main .filter-data h3 div a {
	display:block;
	float:none;
    color:#967600;
    padding-left:12px;
    padding-top:5px;
    background:url(f/common/arrow_gold_right.gif) no-repeat scroll 0 8px;
}
body.all #blq-main .filter-data h3 div a:hover {
	color:#967600;
}

body.all #blq-main .filter-data h3 div a.open {
	background:url(f/common/arrow_gold_down.gif) no-repeat scroll 0 8px;
}
#blq-main .filter-data h3 {
	font-weight:normal;
}
body.aggregation .lead-row p.rank-link,
body.all .lead-row p.rank-link {
	background:no-repeat 0 3px url(f/right_brown_arrow_8x8.gif);
	padding-left:12px;
}
#blq-main .filter-data h3 {
	position:relative;
	zoom:1;
}
#blq-main .filter-data h3.partial-list,
#blq-main .filter-data h3.full-list {
	margin-top:10px;
}
#blq-main .filter-data span.js-link-wrapper {
	background:url(f/animal_open_gradient.png) repeat-x;
	display:block;
	font-family:Verdana,Geneva,Kalimati,sans-serif;
	font-size:0.9em;
	font-weight:normal;
	width:200px;
	position:absolute;
	right:0;
	top:0;
	text-transform:none;
	padding:2px 0 6px 0;
}
#blq-main .filter-data span.expanded {
	background:none;
}
#blq-main .filter-data a.js-link {
	background:no-repeat 8px 3px url(f/animal_open_arrow.jpg);
	padding-left:20px;
}
#blq-main .filter-data .expanded a.js-link {
	background:no-repeat 8px 4px url(f/animal_close_arrow.jpg);
	padding-left:20px;
}
#blq-main .filter-data .expanded a.hide {
	display:none;
}
html.blq-js body.all #blq-main h2 {
	background-color:transparent;
}
body.all #blq-main h2 .filter-box-group {
	display:block;
	position:absolute;
	right:0;
	text-transform:none;
	top:2px;
	visibility:hidden;
}
html.blq-js body.all #blq-main h2 .filter-box-group {
	visibility:visible;
}
body.all #blq-main h2 #kingdom-filter-box {
	background:#EAEAEA;
	height:1.3em;
	position:relative;
	top:-2px;
	vertical-align:top;
	width:153px;
}
body.aggregation #secondary-rows {
    min-height:460px;
}
body.aggregation #blq-main .box {
	margin: 20px 14px;
}
body.aggregation #blq-main .box .box-content {
    padding-top:12px;
    padding-left:6px;
}

body.editorial .row {
	margin: 0 10px;
}
body.editorial .row p.info {
	width: 500px;
}
body.editorial #blq-content .row ul.errors {
    color: #ff0000;
    padding-left: 0;
    margin: 0;
}
body.editorial .row ul.errors li {
    list-style-type: none;
}
body.editorial .row form {
	font-size: 1.1em;
	margin-bottom: 20px;
}
body.editorial .row label,
body.editorial #blq-content .row p.hint {
	display: block;
    margin: 12px 0 4px 0;
    text-transform: uppercase;
}
body.editorial .row .radiogroup label {
	display: inline;
	text-transform: none;
	margin-bottom: 0;
}
body.editorial .row .radiogroup input {
    margin: 2px 3px 0 10px;
}
body.editorial .row #message {
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:105%;
	height:106px;
	width:365px;
}
body.editorial .row #contactsubmit {
	margin-top: 6px;
}
/*-----*/

.questions_and_ideas #masthead {
    background: #000 url(f/banners/questions.jpg) bottom no-repeat;
}
.sights #masthead {
    background: #000 url(f/banners/phenomena.jpg) bottom no-repeat;
}
.key_places #masthead {
    background: #000 url(f/banners/key_places.jpg) bottom no-repeat;
}
.scientists #masthead {
    background: #000 url(f/banners/scientists_Universe.jpg) bottom no-repeat;
}
.exploration #masthead {
    background: #000 url(f/banners/exploration.jpg) bottom no-repeat;
}

.questions_and_ideas #breadcrumb {
    background:url(f/breadcrumbs/questions_background.gif) no-repeat;
}
.sights #breadcrumb {
    background:url(f/breadcrumbs/phenomena_background.gif) no-repeat;
}
.key_places #breadcrumb {
    background:url(f/breadcrumbs/key_places_background.gif) no-repeat;
}
.scientists #breadcrumb {
    background:url(f/breadcrumbs/scientists_Universe_background.gif) no-repeat;
}
.exploration #breadcrumb {
    background:url(f/breadcrumbs/exploration_background.gif) no-repeat;
}

.questions_and_ideas #breadcrumb ul {
    background:url(f/breadcrumbs/questions_background.gif) 0 bottom no-repeat;
}
.sights #breadcrumb ul {
    background:url(f/breadcrumbs/phenomena_background.gif) 0 bottom no-repeat;
}
.key_places #breadcrumb ul {
    background:url(f/breadcrumbs/key_places_background.gif) 0 bottom no-repeat;
}
.scientists #breadcrumb ul {
    background:url(f/breadcrumbs/scientists_Universe_background.gif) 0 bottom no-repeat;
}
.exploration #breadcrumb ul {
    background:url(f/breadcrumbs/exploration_background.gif) 0 bottom no-repeat;
}

.collections #breadcrumb ul,
.all #breadcrumb ul {
    background:url(f/breadcrumbs/collections_background.png) 0 bottom no-repeat;
}


.collections #breadcrumb li.crumb-aggregation-link,
.collections #breadcrumb li.crumb-title,
.all #breadcrumb li.crumb-aggregation-link,
.all #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/questions_arrow.gif) 0 0 no-repeat;
}

.questions_and_ideas #breadcrumb li.crumb-aggregation-link,
.questions_and_ideas #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/questions_arrow.gif) 0 0 no-repeat;
}
.sights #breadcrumb li.crumb-aggregation-link,
.sights #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/phenomena_arrow.gif) 0 0 no-repeat;
}
.key_places #breadcrumb li.crumb-aggregation-link,
.key_places #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/key_places_arrow.gif) 0 0 no-repeat;
}
.scientists #breadcrumb li.crumb-aggregation-link,
.scientists #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/scientists_Universe_arrow.gif) 0 0 no-repeat;
}
.exploration #breadcrumb li.crumb-aggregation-link,
.exploration #breadcrumb li.crumb-title {
    background:url(f/breadcrumbs/exploration_arrow.gif) 0 0 no-repeat;
}

.questions_and_ideas #lead-row {
    background:#324a54 url(f/promos/questions_grad.gif) top right no-repeat;
}
.sights #lead-row {
    background:#413d53 url(f/promos/phenomena_grad.gif) top right no-repeat;
}
.key_places #lead-row {
    background:#363a36 url(f/promos/key_places_grad.gif) top right no-repeat;
}
.scientists #lead-row {
    background:#323d47 url(f/promos/scientists_Universe_grad.gif) top right no-repeat;
}
.exploration #lead-row {
    background:#394646 url(f/promos/exploration_grad.gif) top right no-repeat;
}
#secondary-rows {
	min-height:410px;
}
.questions_and_ideas #secondary-rows {
    background:#f6f5f5 url(f/backgrounds/questions_grad.gif) repeat-x;
}
.sights #secondary-rows {
    background:#f6f5f5 url(f/backgrounds/phenomena_grad.gif) repeat-x;
}
.key_places #secondary-rows {
    background:#f6f5f5 url(f/backgrounds/key_places_grad.gif) repeat-x;
}
.scientists #secondary-rows {
    background:#f6f5f5 url(f/backgrounds/scientists_Universe_grad.gif) repeat-x;
}
.exploration #secondary-rows {
    background:#f6f5f5 url(f/backgrounds/exploration_grad.gif) repeat-x;
}

body #clips .carousel-nav {
    background: none;
    width: 25px;
}
body #clips .carousel-nav span {
	background-image: none;
}

.carousel-light .carousel-next {position:absolute !important;right:0 !important;}


.questions_and_ideas #clips div.clips-container div.clip-promo-selected {
	background-color:#2c2e1f;
	}
.sights #clips div.clips-container div.clip-promo-selected {
	 background-color:#121d1d;
	}
.key_places #clips div.clips-container div.clip-promo-selected {
    background-color:#212d3f;
	}


.scientists .carousel-window,
.exploration .carousel-window,
.key_places .carousel-window,
.sights .carousel-window,
.questions_and_ideas .carousel-window,
.collections .carousel-window {
	border-top:1px solid #0e0a0d !important;
	border-bottom:1px solid #0e0a0d !important;
	height:183px !important;
	}


.scientists #clips .carousel-prev,
.scientists #clips .carousel-next {
    background-image: url('f/carousel/scientistsCar-sprite.gif');
	background-repeat:no-repeat;
	}
	
.exploration #clips .carousel-prev,
.exploration #clips .carousel-next {
	    background-image: url('f/carousel/explorationCar-sprite.gif');
		background-repeat:no-repeat;
		}
		
.key_places #clips .carousel-prev,
.key_places #clips .carousel-next {
	    background-image: url('f/carousel/keyPlacesCar-sprite.gif');
		background-repeat:no-repeat;
		}

.sights #clips .carousel-prev,
.sights #clips .carousel-next {
    background-image: url('f/carousel/sightsCar-sprite.gif');
	background-repeat:no-repeat;
	}

.questions_and_ideas #clips .carousel-prev,
.questions_and_ideas #clips .carousel-next {
    background-image: url('f/carousel/questionsIdeasCar-sprite.gif');
	background-repeat:no-repeat;
	}


#clips .carousel-prev {background-position: 0 0;}
#clips .carousel-prev:hover {background-position: -25px 0 !important;}

#clips .carousel-prev-disabled,
#clips .carousel-prev-disabled:hover {background-position: -50px 0!important;}

#clips .carousel-next {background-position: 0 -186px!important;}
#clips .carousel-next:hover {background-position: -25px -186px!important;}
#clips .carousel-next-disabled,
#clips .carousel-next-disabled:hover {background-position: -50px -186px!important;}


.scientists #clips div.clips-container div.clip-promo-selected {
    background-color:#32242e;
}


.exploration #clips div.clips-container div.clip-promo-selected {
    background-color:#212832;
}

.questions_and_ideas #clips #aboutResource {
    background:#2c2e1f;
}

.sights #clips #aboutResource {
    background:#172424;
}

.key_places #clips #aboutResource {
    background:#172335;
}
.scientists #clips #aboutResource {
    background:#32232e;
}
.exploration #clips #aboutResource {
    background:#252d38;
}

body #blq-main .questions_and_ideas .box .box-heading h2,
body #blq-main .sights .box .box-heading h2,
body #blq-main .key_places .box .box-heading h2,
body #blq-main .scientists .box .box-heading h2,
body #blq-main .exploration .box .box-heading h2 {
	background: none;
}

#secondary-rows #see-also,
#secondary-rows #links {
	border:1px solid #e3e3e3;
}

#secondary-rows #links ul {margin-left:0;padding-left:13px;}
#secondary-rows #links ul li {list-style-type:disc;padding:2px 0;}
#secondary-rows #see-also h3 {padding-left:0;margin:0 0 -1px 0;}

.all .filter-data .box-heading {
    margin:10px;
}

.box .box-content {padding:10px 12px;}

.box .box-content,
.all .filter-data ul {
    clear: both;
}
.box .box-heading div,
.all .filter-data .box-heading div {
	float:left;
}
.box .box-heading .box-heading-left,
.all .filter-data .box-heading .box-heading-left {
    width:10px;
    height:30px;
}
.box .box-heading .box-heading-right,
.all .filter-data .box-heading .box-heading-right {
    float:right;
    width:10px;
    height:30px;
}

.questions_and_ideas .box .box-heading,
.all .filter-data .questions_and_ideas .box-heading {
	height:30px;
    background:url(f/boxes/questions_header_middle.gif) repeat-x;
	border-top:1px solid #363928;
	border-left:1px solid #363928;
	border-right:1px solid #363928;
}
.questions_and_ideas .box .box-heading .box-heading-left,
.all .filter-data .questions_and_ideas .box-heading .box-heading-left {
    background:url(f/boxes/questions_header_left.gif) top left no-repeat;
}
/*.questions_and_ideas .box .box-heading .box-heading-left,
.questions_and_ideas .box .box-heading .box-heading-left {
    background:url(f/boxes/questions_header_left.gif) top left no-repeat;
}*/
.questions_and_ideas #wikipedia .box-heading .box-heading-right {
	width:200px;
    background:url(f/boxes/questions_header_image.jpg) top right no-repeat;
}
.questions_and_ideas .box .box-heading .box-heading-right,
.all .filter-data .questions_and_ideas .box-heading .box-heading-right {
    background:url(f/boxes/questions_header_right.gif) top right no-repeat;
}

.sights .box .box-heading,
.all .filter-data .sights .box-heading {
    height:30px;
    background:url(f/boxes/phenomena_header_middle.gif) repeat-x;
	border-top:1px solid #162424;
	border-left:1px solid #162424;
	border-right:1px solid #162424;
	}
	
.sights .box .box-heading .box-heading-left,
.all .filter-data .sights .box-heading .box-heading-left {
    background:url(f/boxes/phenomena_header_left.gif) top left no-repeat;
}
.sights #wikipedia .box-heading .box-heading-right {
    width:220px;
    background:url(f/boxes/phenomena_header_image.jpg) top right no-repeat;
}
.sights .box .box-heading .box-heading-right,
.all .filter-data .sights .box-heading .box-heading-right {
    background:url(f/boxes/phenomena_header_right.gif) top right no-repeat;
}

.key_places .box .box-heading,
.all .filter-data .key_places .box-heading {
    height:30px;
    background:url(f/boxes/key_places_header_middle.gif) repeat-x;
	border-top:1px solid #29384f;
	border-left:1px solid #29384f;
	border-right:1px solid #29384f;
}



.key_places .box .box-heading .box-heading-left,
.all .filter-data .key_places .box-heading .box-heading-left {
    background:url(f/boxes/key_places_header_left.gif) top left no-repeat;
}
.key_places #wikipedia .box-heading .box-heading-right {
    width:220px;
    background:url(f/boxes/key_places_header_image.jpg) top right no-repeat;
}
.key_places .box .box-heading .box-heading-right,
.all .filter-data .key_places .box-heading .box-heading-right {
    background:url(f/boxes/key_places_header_right.gif) top right no-repeat;
}

.scientists .box .box-heading,
.all .filter-data .scientists .box-heading {
    height:30px;
    background:url(f/boxes/scientists_Universe_header_middle.gif) repeat-x;
	border-top:1px solid #3f2d39;
	border-left:1px solid #3f2d39;
	border-right:1px solid #3f2d39;
}

.scientists .box .box-heading .box-heading-left,
.all .filter-data .scientists .box-heading .box-heading-left {
    background:url(f/boxes/scientists_Universe_header_left.gif) top left no-repeat;
}
.scientists #wikipedia .box-heading .box-heading-right {
    width:220px;
    background:url(f/boxes/scientists_Universe_header_image.jpg) top right no-repeat;
}
.scientists .box .box-heading .box-heading-right,
.all .filter-data .scientists .box-heading .box-heading-right {
    background:url(f/boxes/scientists_Universe_header_right.gif) top right no-repeat;
}

.exploration .box .box-heading,
.all .filter-data .exploration .box-heading {
    height:30px;
    background:url(f/boxes/exploration_header_middle.gif) repeat-x;
	border-top:1px solid #2b323a;
	border-left:1px solid #2b323a;
	border-right:1px solid #2b323a;
}

.exploration .box .box-heading .box-heading-left,
.all .filter-data .exploration .box-heading .box-heading-left {
    background:url(f/boxes/exploration_header_left.gif) top left no-repeat;
}
.exploration #wikipedia .box-heading .box-heading-right {
    width:210px;
    background:url(f/boxes/exploration_header_image.jpg) top right no-repeat;
}
.exploration .box .box-heading .box-heading-right,
.all .filter-data .exploration .box-heading .box-heading-right {
    background:url(f/boxes/exploration_header_right.gif) top right no-repeat;
}

/*Used for the TV Clips/Radio Button*/
.clip-count .clip-type-on {
    font-weight:bold;
    background-color: #2E3939;
    padding: 10px 8px 11px 8px;
    border-top: 1px #000 solid; 
    border-right: 1px #000 solid; 
	border-left: 1px #000 solid;
	border-bottom: 1px #dfdfdf solid; 
    color:#ffffff;
    cursor:hand;
    cursor:pointer;
    margin-top:0px;
    display:block;
    float:left;
}

.clip-count .clip-type-off {
    font-weight:bold;
    background-color: #4A5E67;
    padding: 10px 8px 11px 8px;
    color:#ffb400; 
	border: 1px #000 solid;
    cursor:hand;
    cursor:pointer;
    margin-top:0px;
    display:block;
    float:left;
}


.questions_and_ideas #clips .carousel-absent,
.questions_and_ideas #blq-content #clips .carousel-window,
.questions_and_ideas .carouselHolder {
	background-color: #3F412C;
}


.questions_and_ideas .clip-count .clip-type-on,
.questions_and_ideas .clip-count .clip-type-off {
	border-color: #0e0a0d;
	background-color: #3F412C;
}
.questions_and_ideas .clip-count .clip-type-on {border-bottom:1px solid #3F412C !important;}
.questions_and_ideas .clip-count .clip-type-off {
	background-color: #3F3A1C;
}

.key_places #clips .carousel-absent,
.key_places #blq-content #clips .carousel-window,
.key_places .carouselHolder {
	background-color: #29384F;
}

.key_places .clip-count .clip-type-on,
.key_places .clip-count .clip-type-off {
	border-color: #0e0a0d;
	background-color: #29384F;
}

.key_places .clip-count .clip-type-off {
	background-color: #192847;
}


.sights #clips .carousel-absent,
.sights #blq-content #clips .carousel-window,
.sights .carouselHolder {
	background-color: #2e3939;
}

.sights .clip-count .clip-type-on,
.sights .clip-count .clip-type-off {
	border-color: #0e0a0d;
	background-color: #2e3939;
}



.scientists #clips .carousel-absent,
.scientists #blq-content #clips .carousel-window,
.scientists .carouselHolder {
	background-color: #3F2D39;
	}
	
.scientists .clip-count .clip-type-on,
.scientists .clip-count .clip-type-off {
	border-color: #0e0a0d;
	background-color: #3F2D39;
	}
	
.exploration .clip-count .clip-type-on,
.exploration .clip-count .clip-type-off {
	border-color: #0e0a0d;
	background-color: #363E49;
	}
	
.scientists .clip-count .clip-type-off {
	background-color: #32232e;
}

.exploration #clips .carousel-absent,
.exploration #blq-content #clips .carousel-window,
.exploration .carouselHolder {
	background-color: #363E49;
}
.exploration .clip-count .clip-type-off {
	background-color: #252d38;
}




/* this overrides the section colours, so has to go here after the section block */
.scientists .clip-count .clip-type-on {border-bottom: 1px solid #3F2D39 !important;}
.exploration .clip-count .clip-type-on {border-bottom: 1px solid #363E49 !important;}
.key_places .clip-count .clip-type-on {border-bottom: 1px solid #29384F !important;}
.sights .clip-count .clip-type-on {border-bottom:1px solid #2E3939 !important;}
.collections .clip-count .clip-type-on {border-bottom:1px solid #2E3939 !important;}


.clip-count #radio-clips {
	margin-left:2px;
}

#blq-main h2 .clip-count a {
	font-weight:bold;
}

#blq-main h2 .clip-count a:after {
	content: "";
}

.carouselHolder{
	float:left;
	padding: 0;
	background-color:#2E3939;
	width:768px;
	height: 183px;
	}

.clip-promo{
	height:173px;
}

.clip-promo img{
	margin:10px 0 5px 0;
}

/* Set the width of the carousel and the view window to be the same */
/*div.carousel-light div.carousel-window {
    width: 697px !important;
}

div.glow172-carousel div.carousel-light div.carousel-window {
	background:none;
	background-color:#fff;
	}
	
#carousel{
	height:173px;
	width:751px	;
	}

.rightArrow{
	padding-right: 7px;
	background: url(f/arrow_white.gif) no-repeat right center;
	}*/

.hidden {
	/*display:none;*/
	position:absolute;
	left:-10000px;
	top:0px;
}

#clips #audio-carousel-holder .listen-now a {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(f/listen_or_watch_now.gif);
	background-position:0 -120px !important;
	background-repeat:no-repeat;
	display:block;
	height:15px;
	margin:6px 0;
	padding:0 5px 0 0;
	text-indent:-9999px;
	width:104px;
}

#clips #audio-carousel-holder .listen-now a:hover {
	background-position:0 -150px !important;
}

#clips .listen-now {
	border-bottom: 1px #999 solid; 
	padding-bottom:6px;
	margin-bottom:6px;
}

#clips .listen-now span {
	display:block;
	color:#666;
}

body #blq-container #blq-container-inner #blq-main #blq-content .row .filter-data ul li a span {
	color:#967600;
	text-decoration: none;
}
body #blq-container #blq-container-inner #blq-main #blq-content .row .filter-data ul li a:hover span {
	color:#967600;
	text-decoration:underline;
}

.strap {
	font-weight:normal;
	font-size:0.43em;
	position:relative; 
	left:3%;
	/*padding-top:0;
	margin-top:-2px;*/
}

.filter-box-group li a {
	color:#967600;
}
.filter-box-group li a:hover {
	color:#967600;
}

.box-content li a {
	color:#967600;
}
.box-content li a:hover {
	color:#967600;
}
.filter-data .box-heading .box-heading-centre h3 div a {
	color:#967600;
}
.filter-data .box-heading .box-heading-centre h3 div a:hover {
	color:#967600;
}

#wikipedia .box-content p a {
	color:#967600;
}
#wikipedia .box-content p a:hover {
	color:#967600;
}

body.editorial .row p.info a {
	color:#967600
}

/*-- clear the thumb links --*/

li.breaker {width:100% !important;padding:0 !important;margin:0 !important;overflow:hidden !important;height:0 !important;}
li.breaker hr {
	background:none repeat scroll 0 0 transparent;
	border-color:transparent;
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	margin-top:-1px;
	overflow:hidden;
	position:relative;
	visibility:hidden;
	}
	
	
	
	.col-b .box .box-content ul.thmbLinksSml {
		display:block;
		position:relative;
		width:280px;
		}

	.col-b .box .box-content ul.thmbLinksSml li {overflow:hidden;background: url('f/homepage/dash_line.gif') bottom left repeat-x;padding:0 0 10px 0;}
	.col-b .box .box-content ul.thmbLinksSml li p {

		padding:0 0 10px 0px;
		position:relative;
		}

	.col-b .box .box-content ul.thmbLinksSml li h3 {background:none;line-height:11px;margin:0;width:auto;display:block;padding:8px 0;}
	.col-b .box .box-content ul.thmbLinksSml li h3 span {background:none;color: #666;font-weight:normal;font-size:.9em;display:block;padding:4px 0 0 0;}
	.col-b .box .box-content ul.thmbLinksSml li p img {
		display:inline-block;
		float:left;
		padding:0 8px 0 0;
		}

	.col-b #relatedNews .box-content ul.plainLinks li a {
		background:url("f/backgrounds/col-b-linksBullet.gif") no-repeat scroll 0 8px transparent;
		display:block;
		font-size:1em;
		font-weight:bold;
		line-height:1.3em;
		padding:3px 0 3px 15px;
	}
		
	

/*-- collections page --*/
.collections #collectionSubjects.box {padding:0 0 0 14px;margin:30px 0;background: none;}
.collections #collectionSubjects.box .box-heading {border-bottom:1px solid #DDD;margin-right:14px;}
.collections #collectionSubjects.box h2 {color: #666;padding:0;margin:0 0 8px 0;}

.collections #collectionSubjects.box ul {width:960px;overflow:hidden;margin:0; padding:20px 0;}
.collections #collectionSubjects.box ul li {position:relative;width:;padding:0 0 34px 156px;width:140px;float:left;display:inline;color:#616261;margin:0 24px 0 0;}
.collections #collectionSubjects.box ul li img {position:absolute;left:0;top:0;}
.collections #collectionSubjects.box ul li h3 {margin-left:0;}
.collections #collectionSubjects.box ul li h3 a{color:#967600 !important;}
.collections #collectionSubjects.box ul li.breaker hr {
	background:none repeat scroll 0 0 transparent;
	border-color:transparent;
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	margin-top:-1px;
	overflow:hidden;
	position:relative;
	visibility:hidden;
	}

	.collections #lead-row {background: #000;}

	.collections #clips .carousel-prev,
	.collections #clips .carousel-next{
	background-image:url("f/carousel/collectionsCar-sprite.gif") !important;
	background-repeat:no-repeat;
	}


	/*-- collections index page --*/
	#lead-row.lr-collections {padding:14px;background: #000 url('f/backgrounds/collectionsLeadRowBg.jpg') bottom left no-repeat;}
	
	.collections .box .box-content {padding:0;}
	
	#lead-row.lr-collections p,
	#lead-row.lr-collections h2 {padding-left:0;}
	#lead-row.lr-collections h2 {font-size:1.272em;line-height:1.4em;text-transform:uppercase;font-weight:normal;margin:10px 0;}
	#lead-row.lr-collections h2 span {font-weight:bold;}
	#lead-row.lr-collections p a {color:#FFB400}
	#lead-row.lr-collections .aboutCollections {width:283px;border:1px solid #444444;height:332px;float:left;padding: 0 10px;}
	#lead-row.lr-collections .latestCollection {padding:0 10px 0 286px;width:329px;border:1px solid #444444;float:left;position:relative;margin-left:14px;height:332px;}
	#lead-row.lr-collections .latestCollection img {position:absolute; left:0;z-index:5;}
	#lead-row.lr-collections .latestCollection a span,
	ul#collections li a span {position:absolute;left:0;top:40px;text-transform:uppercase;font-size:1.3em;z-index:10;display:block;width:145px;padding:8px;color:#FFF;background:url('f/backgrounds/blackOpacity-65.png') 0 0 repeat ;}
	
	#lead-row.lr-collections .latestCollection a span {text-decoration:none !important;}


	ul#collections {width:974px;overflow:hidden;margin:0;padding:0 0 14px 14px;background:#F4F3F3;}
	ul#collections li {position:relative;width:134px;padding:0 10px 0 160px;list-style:none;height:181px;float:left;display:inline;background: #e8e7e7;margin:0 14px 0 0;border:1px solid #dbdbdb;overflow:visible;color:#616261;}
	ul#collections li h3 {padding:20px 0 8px 0;margin-left:0;}
	ul#collections li a {color:#967600}
	ul#collections li img {position:absolute;left:-1px;top:-1px;}
	ul#collections li a span {width:129px;font-weight:normal;}

	


.scientists #clips {background: #231920;}
.exploration #clips {background: #161b22;}
.key_places #clips {background: #0f1724;}
.sights #clips {background: #131919;}
.questions_and_ideas #clips {background: #191a11}
.collections #clips {background: #1e1d1d}


#wikipedia .box-heading {position:relative;}
#wikipedia.box .box-heading-centre {z-index:10;position:absolute;left:7px;}
#wikipedia .box-heading-right {position:absolute;z-index:0;right:0;}


div#clip-episode-details
{
	border-top:1px solid #eeeeee;
	margin:0 15px 10px 32px;	
	padding-top:10px;
	width:300px;
}

div#clip-episode-details > div.left
{
	display:block;
	float:left;
	width:86px;
	height:48px;
}

div#clip-episode-details > div.right
{
	display:block;
	float:right;
	width:210px;
	padding:0;
	margin:0;
}
div#clip-episode-details > div.right > p {
	margin:0;
	padding:0;
	width:100%;
	
}

div#clip-episode-details div.right a.watchNow span {
	background:url("f/watchNowBg.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	height:15px;
	line-height:1.1em;
	margin:6px 5px 0 0;
	padding:2px 0 0 25px;
	text-transform:uppercase;
	width:76px;
}

div#clip-episode-details div.right a.watchNow:hover span,div#clip-episode-details a.watchNow:hover{
	text-decoration:none !important;	
}


#collections-holder {background-color:#1E1D1D !important;}
#collections-holder div.carousel-window , #collections-holder div.carousel-absent {background-color:#1E1D1D !important;}
div#clips.colections{background-color:#000 !important;}
