@charset "utf-8";

body{
	padding:0px;
	margin:0px;
	font-family: 'Palatino Linotype', Palatino, serif;
	font-size:12px;
	text-align:left;
	color:#3E3935;
	background: #EFF0E9;
}

/* GENERAL*/
a:focus, object:focus{ outline: none; -moz-outline-style: none; }
body, html{padding:0px; margin:0px;}
img{border: 0;}
a{text-decoration: none; color: #3E3935;}
a:hover{color: #3E3935;}
a.no_decoration{text-decoration: none !important;}
a.hover_darken{display:block;}
a.hover_darken > .hover_overlay, a.hover_darken:link > .hover_overlay{position:absolute; display:block; top:0; right:0;bottom:0;left:0; opacity:0; filter: alpha(opacity=0); background-color: #000;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s; /* Firefox 4 */
-webkit-transition: opacity 0.3s; /* Safari and Chrome */
-o-transition: opacity 0.3s; /* Opera */
}
a.hover_darken:hover  > .hover_overlay{display:block; opacity:0.1; filter: alpha(opacity=10);}

.square a{text-decoration: underline;}
.twocolumns a, .twocolumns a:hover{text-decoration: underline;}
.square.askanelf a, .square.askanelf a:hover{color: #F6F4E1;}

.navybackground a{text-decoration: none; color:#F8F7E2;}
.regularparagraph a{text-decoration:underline;}
.smallcaps{font-variant: small-caps;}

strong{font-weight: bold !important;}
em{font-style:italic !important;}

.breadcrum-root{display:block; float:left;}
.breadcrum-segs{display:block; float:left; font-size: 20px; margin-top: 4px; margin-left:6px;}

.square .text ul{list-style-type: disc; list-style-position: outside; padding-left: 20px; margin-top: 20px;}
.square .text ul li{margin-bottom: 14px;}

.square .content ul{list-style-type: disc; list-style-position: outside; padding-left: 20px; margin-top: 20px;}
.square .content ul li{margin-bottom: 14px;}

.csstransforms .imgatts{display: block; position: relative; z-index:20;}
.csstransforms .imgatts.whiteatt .altatt{
	color: #fff;
	text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
.csstransforms .imgatts.blackatt .altatt{
	color: #000;
	text-shadow: 0px 0px 5px #FFFFFF;
    filter: dropshadow(color=#FFFFFF, offx=0, offy=0);
    text-decoration: none;
}
.csstransforms .imgatts .altatt{
	position: absolute;
	display: block;
	width: 100%;
	-webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: right top;
    transform: rotate(90deg);
    transform-origin: left top;
	font-size: 12px;
	top: 10px;
}
.csstransforms .imgatts.leftatt .altatt{
	left: 10px;
	margin-left: 10px;
}
.csstransforms .imgatts.rightatt .altatt{
	left: 100%;
	margin-left: -5px;
}
.imgatts a{text-decoration: none;}

.scrollable{overflow:hidden; overflow-y: auto; display: block;}
.scrollablewrap{display: block; padding-right: 20px;}
.clearfloat{clear:both; height:0; font-size: 1px; line-height: 0px;}
.autoclear:after {
  content: "";
  display: table;
  clear: both;
}
.wrap{position:relative; width: 935px; margin: 0 auto;}
#headerNav{position:absolute; font-size: 13px; font-weight: bold; color: #F8F7E2; width:100%; bottom: 0; min-height: 25px; background: rgb(0, 0, 51); background: rgba(0, 0, 51, 0.6); text-align: center;}
#headerNav ul{min-width: 925px; margin: 0 auto;}
#headerNav ul li{display: inline-block; min-width: 72px; text-align: center; line-height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/menubreak.jpg") no-repeat top 8px right; padding: 0 15px; *float: left;}
#headerNav a{text-decoration: none; color: #F8F7E2; font-size: 14px;}
#headerNav > ul li .ulc{display: none;}
body.nojs #headerNav > ul li:hover > .ulc,
#headerNav > ul li.hover > .ulc{display: block; position: absolute; z-index: 1000; left: 0; width: 100%; height: 80px; *top: 20px;}
body.nojs #headerNav > ul li:hover > .ulc:after,
#headerNav > ul li.hover > .ulc:after{content:''; position:absolute; top:0; left:0; width:100%; height:25px; z-index:-1; background: rgb(242, 219, 178);}
body.nojs #headerNav > ul li:hover > .ulc li,
#headerNav > ul li.hover > .ulc li{background: rgb(242, 219, 178);}
body.nojs #headerNav > ul > li:hover,
#headerNav > ul > li.hover{background: rgb(242, 219, 178);}
body.nojs #headerNav > ul li:hover a,
#headerNav > ul li.hover a{color: rgb(0, 0, 51);}
body.nojs #headerNav > ul li:hover li,
#headerNav > ul li.hover li{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/menubreak_navy.jpg") no-repeat top 8px right;}

#headerNav ul li.noborder,
#headerNav ul li.last.first,
#headerNav ul > li.last,
#headerNav ul ul li.last{background-image: none;}

#headerNav #universeLink{position:absolute; width:177px; min-height:30px; left:185px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/thin-nav-line.png") no-repeat left top;}
#headerNav #dashboardLink{position:absolute; width:177px; min-height:30px; right:182px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/thin-nav-line.png") no-repeat left top;}
#headerNav #universeLink.active{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/thick-nav-line.png") no-repeat left top;}
#headerNav #dashboardLink.active{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/thick-nav-line.png") no-repeat left top;}
#headerNav #universeLink .linkholder{position: relative; display:block; margin-left: 50px; margin-top: 10px;}

#middle{margin-top: 20px;}

/* For vertical centering text in sqaures */
.outerContainer{display: table; width: 80%; height:100%; margin-left:10%; z-index: 2;}
.outerContainer .innerContainer{display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center;}

/* PAGE */

#klaxon{position:fixed; width: 100%; height:100%; top:0px; left:0px; background-color: #000; z-index: 10000; color: #F8F7E2; font-size: 70px; line-height: 70px; font-family: Arial; font-weight: bold;}
#klaxon .redLight{position:absolute; width:100%; height:100%; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/universe/Red-light.jpg") center center no-repeat ;}
#header{height: 120px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/header_background_tile.jpg"); margin:  0 0 5px 0; position: relative;}
#header .wrap{position:relative; width: 960px; height: 120px; overflow: hidden;}
#header .wrap img{top: -48px; position: relative;}
#header h1.page_title{position:absolute; top:200px; left:20px; font-size: 25px; color: #F8F7E2;}
#header h1.page_title a{color: #F8F7E2;}
#header h1.page_title a:hover{border-bottom: 1px solid #F8F7E2;}

#footer{height: 270px; background: #F2F2E9; margin-top: 177px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/header_background_tile.jpg") 0px 0px repeat-x;}
#footer .wrap{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/header/footer_overlay.png") -15px 0px repeat-x; padding-top: 0px; height:270px; width:935px; margin: 0 auto;}
#footer .wrap > div{float: left; width: 177px; color: #000033; padding-top: 10px; margin: 34px 5px 0 5px; font-size: 14px; color:#F8F7E2;}
#footer .wrap > div a{color: #F8F7E2;}
#footer .wrap > #footermenu{min-height:40px; border-top: 2px solid #F8F7E2; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/logo_cream.png") 25px 10px no-repeat;}
#footer .wrap > #footermenu > ul{padding-left: 70px;}

#footer .wrap > #dayfact,
#footer .wrap > #dayquote{border-top: 2px solid #F8F7E2; border-bottom: 2px solid #F8F7E2; padding-bottom: 18px;}
.defaultpage #footer .wrap > #dayfact{display:block;}
.defaultpage #footer .wrap > #dayquote{display:block;}
#footer .wrap > #copyright{width: 198px; position: absolute; bottom:82px; right:10px; margin:0; font-size: 12px; line-height: 16px;}
#footer .wrap > #designanddev{
	font-style: italic;
	border-bottom: 2px solid #F8F7E2;
	padding-bottom: 10px;
	position: absolute;
	bottom: 32px;
	right: 10px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	width:198px;
}
#footer .wrap > #designanddev a{font-style: normal;}
#footer .wrap h4{margin-bottom: 18px; font-weight: normal;}
#footer .author{font-size: 12px;}
#footer #footer-open-trigger{display:none;}



.blocklist{margin: 0; padding: 0;}
.blocklist li{display: block; width: 177px; height: 177px; float: left; margin: 5px; position: relative; z-index: 0;}
.blocklist li.open{width: 364px; height: 364px;}
.blocklist li a{padding: 0; margin: 0; display: block; height: 100%; width: 100%; position: relative; z-index: 0;}
.blocklist li a .html{color: #3E3935;}
.blocklist li .html{position: relative; z-index: 1; height: 160px; top: 15px; width: 186px !important; left: 15px}
.blocklist li .bg{position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; display: block;}
.blocklist li .title{position: absolute; display: block; bottom: 0; right: 0; width: 116px; height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat top right; padding: 0 27px 0 32px; line-height: 25px; color: #F8F7E2;}
.blocklist li .slides{display: none;}

.gridContainer{}
.gridContainer .square{width: 177px; height: 177px; float: left; margin: 5px; position: relative; z-index: 0; background-color: #F4DBB2;}
.gridContainer  .square .bg > img{position:absolute; top:0; left:0; width: 100%; height:100%;}
.gridContainer.gridLayoutPage .square{overflow:hidden;}
.gridContainer.gridLayoutPage .square.rows1{height:177px;}
.gridContainer.gridLayoutPage .square.rows2{height:364px;}
.gridContainer.gridLayoutPage .square.rows3{height:551px;}
.gridContainer.gridLayoutPage .square.rows4{height:738px;}
.gridContainer.gridLayoutPage .square.rows5{height:925px;}
.gridContainer.gridLayoutPage .square.rows6{height:1112px;}
.gridContainer.gridLayoutPage .square.rows7{height:1299px;}
.gridContainer.gridLayoutPage .square.rows8{height:1486px;}
.gridContainer.gridLayoutPage .square.rows9{height:1673px;}
.gridContainer.gridLayoutPage .square.rows10{height:1860px;}
.gridContainer.gridLayoutPage .square.rows11{height:2047px;}
.gridContainer.gridLayoutPage .square.rows12{height:2234px;}
.gridContainer.gridLayoutPage .square.rows13{height:2421px;}
.gridContainer.gridLayoutPage .square.rows14{height:2608px;}
.gridContainer.gridLayoutPage .square.rows15{height:2795px;}
.gridContainer.gridLayoutPage .square.cols1{width:177px;}
.gridContainer.gridLayoutPage .square.cols2{width:364px;}
.gridContainer.gridLayoutPage .square.cols3{width:551px;}
.gridContainer.gridLayoutPage .square.cols4{width:738px;}
.gridContainer.gridLayoutPage .square.cols5{width:925px;}

/* COPY COLOURS */
.gridContainer.gridLayoutPage square.spacer{color:#F8F7E2}
.gridContainer.gridLayoutPage .square .html{color:#F8F7E2}
.gridContainer.gridLayoutPage .square .html iframe{width: 100%; height: 100%;}
.gridContainer.gridLayoutPage .square .html ul{list-style: disc outside;padding-left: 20px;}
.gridContainer.gridLayoutPage .square .html ul li{margin-bottom: 5px;}

.gridContainer.gridLayoutPage .square.header .html, .gridContainer.gridLayoutPage .square.header .html p{color:#3E3935}
/* END COPY COLOURS */
.gridContainer.gridLayoutPage .square .bg{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 1;}
.gridContainer.gridLayoutPage .square .bg > img{position:absolute; top:0; left:0; width: 100%; height:100%;}
.gridContainer.gridLayoutPage .square .open_bg{position:absolute; top:0; left:0; width: 100%; height:100%; display:none; z-index: 1;}
.gridContainer.gridLayoutPage .square .open_bg > img{position:absolute; top:0; left:0; width: 100%; height:100%;}
.gridContainer.gridLayoutPage .square .link{z-index: 10; text-indent: -9999px; background-image:url(about:blank);}
.gridContainer.gridLayoutPage .square .link > *{text-indent: -9999px; display: inline-block;}

.gridContainer.gridLayoutPage .square.link .html .outerContainer{margin-left: 0%; width: 100%;}
.gridContainer.gridLayoutPage .square.link .dots{right: 15px;}

.gridContainer.gridLayoutPage .square.expandable.open{cursor:default;}
.gridContainer.gridLayoutPage .square.expandable.closed{cursor: pointer;}
.gridContainer.gridLayoutPage .square.expandable.closed .link{display: none;}
.gridContainer.gridLayoutPage .square.expandable.open .link{display: block;}

.gridContainer.gridLayoutPage .square .html{position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;display: block; z-index: 6; color: rgb(62, 57, 53); line-height: 16px;}
.gridContainer.gridLayoutPage .square.open .html{display: none;}
.gridContainer.gridLayoutPage .square.open .open_slides .html{display: block;}
.gridContainer.gridLayoutPage .square .open_html{position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;display: block; z-index: 6;}
.gridContainer.gridLayoutPage .square.closed .open_html{display: none;}

.gridContainer.gridLayoutPage .square .slides{position: absolute; top:0;right:0;bottom:0;left:0;display: block; z-index: 3;}
.gridContainer.gridLayoutPage .square.open .slides{display: none;}
.gridContainer.gridLayoutPage .square.open .open_slides{position: absolute; top:0;right:0;bottom:0;left:0;display: block; z-index: 3;}
.gridContainer.gridLayoutPage .square.open .open_slides > span{position: absolute; top:0;right:0;bottom:0;left:0;display: block;}
.gridContainer.gridLayoutPage .square.closed .open_slides{display: none;}

.gridContainer.gridLayoutPage .square.quote .html{position: absolute;left: 16px;top: 26px;right: 16px;bottom: 45px;font-size: 20px;color: #F8F7E2;}
.gridContainer.gridLayoutPage .square.quote .html p{line-height:21px !important;}
.gridContainer.gridLayoutPage .square.quote > .author{position: absolute;left: 15px;bottom: 25px; z-index:3; right: 15px;}
.gridContainer.gridLayoutPage .square.quote > .author .author{font-size: 13px;color: #F8F7E2;text-transform: uppercase;}
.gridContainer.gridLayoutPage .square.list .html,
.gridContainer.gridLayoutPage .square.list_open .open_html{position: relative; margin: 15px; z-index: 6; top:auto; right: auto; bottom:auto; left:auto; padding-bottom: 1px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px bottom;}

.gridContainer.gridLayoutPage .square.list_open.open .scrollable,
.gridContainer.gridLayoutPage .square.list .scrollable{position: absolute; display: block; z-index:2; top:75px; right:15px; bottom:15px; left:15px;}
.gridContainer.gridLayoutPage .square .scrollable .scrollablewrap{padding-right:10px;}

.gridContainer.gridLayoutPage .square .slidelist{position: relative; display: block; z-index:2;}
.gridContainer.gridLayoutPage .square.list_open.closed .open_slidelist{display:none;}
.gridContainer.gridLayoutPage .square.list_open.open .open_slidelist{display:block;}
.gridContainer.gridLayoutPage .square .listitem{display: block; position:relative; margin-bottom: 8px; border-bottom: 1px solid #000; padding-bottom: 15px;}
.gridContainer.gridLayoutPage .square .listitem .icon{display: block; position:relative; float:left; width:70px;max-height:140px; overflow:hidden;}
.gridContainer.gridLayoutPage .square .listitem .icon img{width:100%;}
.gridContainer.gridLayoutPage .square .listitem .itemhtml{display: block; position:relative;}
.gridContainer.gridLayoutPage .square .listitem.withicon .itemhtml{margin-left: 85px;}

.gridContainer.gridLayoutPage .square.custom.nopadding .html{top:0;right:0;bottom:0;left:0;}

.gridContainer.gridLayoutPage .square.fact{color: #F8F7E2;}
.gridContainer.gridLayoutPage .square.fact a{color: #F8F7E2;}
.gridContainer.gridLayoutPage .square.fact .html{position: absolute;left: 16px;top: 33px;right: 16px;bottom: 30px;font-size: 16px;color: #F8F7E2; overflow:hidden;}

.gridContainer.gridLayoutPage .square.header{background-color: #EFF0E9;}
.gridContainer.gridLayoutPage .square.header .title{font-weight: bold; position: absolute; top: 0px; left: 0px; right: 0px;
padding-top: 25px; padding-left: 15px; font-size: 45px; color: #F8F7E2; height: 60px; background: #F4DBB2;}
.gridContainer.gridLayoutPage .square.header .html{position:absolute; top: 95px; bottom: 0px; right: 0px; left: 0px;}

.gridContainer.gridLayoutPage .square.header .html .diamondLineHeaderTop{position:relative; display:block; width:100%; height:8px; margin-bottom:8px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px;}
.gridContainer.gridLayoutPage .square.header .html .diamondLineHeaderBottom{position:absolute; bottom:0px; left:0px; width:100%; height:8px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px;}
.gridContainer.gridLayoutPage .square.square.header > .author{position: absolute;left: 0px;bottom: 15px; z-index:3; right: 0px; font-size: 13px;}

.gridContainer.gridLayoutPage .square.long .html{background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left bottom; bottom: 15px; padding-bottom: 10px;  overflow: hidden; font-size: 14px;}

.gridContainer.gridLayoutPage .square.youtube .open_html{position: absolute; top: 0px;right: 0px;bottom: 0px;left: 0px; display: block;}
.gridContainer.gridLayoutPage .square.youtube.closed .open_html{display: none;}
.gridContainer.gridLayoutPage .square.youtube .bg{position:absolute; top:0; right:0; bottom:0; left:0;}
.gridContainer.gridLayoutPage .square.youtube.closed .bg{

}
.gridContainer.gridLayoutPage .square.youtube .bg .background_image{position:absolute; top:0; left:0; width:100%; height:100%; background-color: #000; background-position: center center;}
.gridContainer.gridLayoutPage .square.youtube .bg .background_image img{width:100%;}
.gridContainer.gridLayoutPage .square.youtube.open .title,
.gridContainer.gridLayoutPage .square.youtube.open .html{display: none;}
.gridContainer.gridLayoutPage .square.youtube.closed .title{position: absolute; bottom: 0px; top: auto !important; background: none; padding: 16px; left: 0px; right: 0px; height: auto; z-index: 8}
.gridContainer.gridLayoutPage .square.youtube.closed .title .title_bg{
	position:absolute;
	width:100%;
	height:100%;
	min-height: 44px;
	top:0;
	left:0;
	z-index: -1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.gridContainer.gridLayoutPage .square.youtube.closed .title > *{margin: 0;}
.gridContainer.gridLayoutPage .square.youtube.closed .html{position: absolute; bottom: 16px; top: auto !important;}
.playbutton{position: absolute; opacity:0.6; top:0px; left:0px; z-index: 100; width:100%; height: 100%; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Play-button.png") center center no-repeat;}
.gridContainer.gridLayoutPage .square.youtube.open .link{display:none;}

.gridContainer.gridLayoutPage .square.scoopit{background: #E3E3E3;}
.gridContainer.gridLayoutPage .square.scoopit .html{top: -5px; bottom: -5px; right: 0; left: 0;}
.gridContainer.gridLayoutPage .square.scoopit .bg{display: none;}

.square.spacer{position: relative; margin: 5px 5px; width:925px; height:88px;}
.spacer > .bg{position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; display: block; overflow: hidden;}
.spacer > .html{color:#F8F7E2; position: absolute; z-index: 1; top: 15px; right: 15px; bottom: 25px; left: 15px; display: block;}
.square.spacer > .link{z-index: 10; text-indent: -999%;}

.gridContainer .square .closeButton{position:absolute; width:31px; height:30px; top:0px; right:0px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/close-button-new.png") no-repeat 0px 0px; z-index: 100; cursor:pointer;}
.gridContainer .square .closeButton:hover{background-position: -31px 0px;}
.gridContainer .square.promote .closeButton{display:none;}
.square.spacer > a,
.gridContainer .square > a,
.gridContainer .square > font > a{text-decoration:none !important; padding: 0; margin: 0; display: block; height: 100%; width: 100%; top:0px; left:0px; position: absolute; z-index: 0;}
.gridContainer .square > a .html{color: #3E3935;}
.gridContainer .square .thumb{position: absolute; width: 177px; height: 177px; z-index: 1; top: 0; left: 0;}
.gridContainer .square .thumb .html{position: absolute; z-index: 2; top: 15px; right:15px; bottom:25px; left: 15px}
.gridContainer .square .thumb .bg{position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; display: block;}
.gridContainer .square .title{
	font-size:14px;
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	min-width: 135px;
	height: 25px;
	padding: 0 10px 0 32px;
	line-height: 25px;
	color: #F8F7E2;
	z-index: 10;
}
.gridContainer .square .title:before{
    display:block;
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
    content: '';
    border-bottom: 25px solid #000033;
	border-left: 25px solid transparent;
	z-index: -1;
}
.gridContainer .square.youtube .title:before{display: none;}
.gridContainer .square.header .title:before{display: none;}
.gridContainer .square .slides{display: none;}
.gridContainer .square .thumb .html .universetweet{color: #F8F7E2;}

/*
.gridContainer .square.promote .slides{display:block;}
.gridContainer .square.promote .thumb{display:none;}
*/
.gridContainer .square .slides > span {position:absolute;top:0px;left:0px;width: 100%; height:100%; display:none;}
.gridContainer .square .slides > span > a {display:block; width:100%; height:100%;}
.gridContainer .square .slides > span:first-child{display: block;} /*needed so the first slide is always visible when square opened */
.gridContainer .square .slides .html{position: absolute; z-index: 2; top: 15px; right:15px; bottom:28px; left: 15px; overflow:hidden;}
.gridContainer .square .floating_html{position: absolute; z-index: 3; top: auto; height:auto; right:0px; bottom:0px; left: 0px; padding:10px; overflow:hidden;}
.gridContainer .square .floating_html > p,
.gridContainer .square .floating_html > h2{margin-bottom:0px;}
/*
Leave space for the nav dots of there are any
*/
.gridContainer .square[data-slideshow-nav="1"] .floating_html p,
.gridContainer .square[data-slideshow-nav="1"] .floating_html h2 {margin-bottom:10px;}

.overlay{display: none; position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 9; cursor:pointer;}
.overlay .overlay-background{position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 1; background-color: #000033;
opacity:0.2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
.gridContainer .square .overlay .overlay-text{position:relative; margin:0 auto; text-align:center; color: #F8F7E2; font-size: 14px; line-height: 18px;  z-index: 2;}

.gridContainer .square .discholder{position:absolute;bottom:0px;left:5px; right:5px; padding: 15px 15px 8px 10px; width: auto; height:10px; z-index: 11;}
.navdisc{position:relative; float: left; margin-right:10px; width:10px; height:10px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/disc-grid-source.png") no-repeat 0px 0px; cursor:pointer;}
.navdisc.active{background-position: -10px 0px;}

.gridContainer .square .arrowholder{position:absolute;top:50%;left:0px; right:0px; width: auto; height:0px; z-index: 12;}
.gridContainer .square .arrowholder > .arrowleft{position:absolute;top:-38px;left:0px; width: 39px; height:77px; cursor: pointer;}
.gridContainer .square .arrowholder > .arrowright{position:absolute;top:-38px;right:0px; width: 39px; height:77px; cursor: pointer;}
.gridContainer .square .arrowholder > .arrowleft:after{background:url('/National_Library/20160521004321oe_/http://qi.com/assets/arrows.png') no-repeat 0px 0px; position:absolute; content: ''; width:100%; height: 100%; top:0; left:0; z-index:2;}
.gridContainer .square .arrowholder > .arrowright:after{background:url('/National_Library/20160521004321oe_/http://qi.com/assets/arrows.png') no-repeat -39px 0px;  position:absolute; content: ''; width:100%; height: 100%; top:0; left:0; z-index:2;}
.gridContainer .square .arrowholder > .arrow:after{opacity:0.8;}
.gridContainer .square .arrowholder > .arrow:hover:after{opacity:1;}
.gridContainer .square .arrowholder > .arrow .bg{opacity: 0;}
/* if arrows are set then set bg opacity to 0.75*/
.gridContainer .square[data-slideshow-arrow-background="1"] .arrowholder > .arrow .bg,
.gridContainer .open.square[data-open-slideshow-arrow-background="1"] .arrowholder > .arrow .bg{opacity:0.75;}
/* if arrows are set but onhover is set then set bg opacity to 0 */
.gridContainer .square[data-slideshow-arrow-onhover="1"] .arrowholder > .arrow .bg,
.gridContainer .open.square[data-open-slideshow-arrow-onhover="1"] .arrowholder > .arrow .bg{opacity:0;}

.gridContainer .open.square[data-open-slideshow-arrow-background="0"] .arrowholder > .arrow .bg{opacity:0 !important;}
/* if arrows are set and onhover is set then set bg opacity to 0.75 on hover */
.gridContainer .square[data-slideshow-arrow-onhover="1"]:hover .arrowholder > .arrow .bg,
.gridContainer .open.square[data-open-slideshow-arrow-onhover="1"]:hover .arrowholder > .arrow .bg{opacity:0.75;}

/* EPISODE VIEW*/
div.series_name_bg{position: relative; width: 100%; height: 90px; background-color: #71a087;}
h2.series_name{position: absolute; top:12px; left:15px; font-size: 30px; font-weight: normal; color: #F8F7E2;}
h2.series_name strong{font-weight: bold;}
h2.series_name em{font-style: italic;}
div.episode_name_container{position: relative; width: 100%; height: 145px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 8px; border-bottom: 1px solid #3E3935;}
h2.episode_name{position: absolute; top:32px; left:15px; font-size: 50px; font-weight: bold; color: #3E3935;}
h2.episode_name strong{font-weight: bold;}
h2.episode_name em{font-style: italic;}
div.panelists_container{position: relative; width: 100%; padding:10px 0px 10px 0px; border-bottom: 1px solid #3E3935;}
div.panelists{position: relative; margin-left: 15px;}
div.panelists strong{font-weight: bold;}
ul.panelists_list{display:inline; margin-left: 3px;}
ul.panelists_list li{display:inline; font-style: italic;}
div.episode_info_footer{position: absolute; width: 100%; bottom:0px; height: 20px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px; border-bottom: 1px solid #3E3935;}


.gridContainer .square.episodeintro{width: 364px; height: 364px; background-color: #EFF0E9;}
.gridContainer .square.episodestills{width: 551px; height: 364px; background-color: #3E3935;}
.gridContainer .square.twitterfeed{width: 364px; height: 177px; background-color: #F4DBB2; cursor:pointer;}
.gridContainer .square.twitterfeed .scrollable{position:absolute; top:4px; right:16px; bottom:4px; left:16px;}
.gridContainer .square.twitterfeed ul{position:absolute; top:4px; right:16px; bottom:6px; left:16px; margin: 0; list-style: none; display: block; overflow: hidden;}
.gridContainer .square.twitterfeed ul li{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/twitterbird.png") 0 10px no-repeat; display: block; padding: 8px 0 8px 60px; min-height: 40px; border-bottom: 1px #8F7752 solid; line-height: 18px;}
.gridContainer.celebs .square.twitterfeed ul li{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/twitterbird_white.png") 0 10px no-repeat; display: block; padding: 8px 0 8px 60px; min-height: 40px; border-bottom: 1px #F8F7E2 solid; line-height: 18px; color: #F8F7E2;}


.gridContainer .square.askanelf{width: 364px; height: 177px;}
.gridContainer .square.askanelf > .open_html{left: 0; right: 0;}
.gridContainer .square.askanelf.closed .askanelf_text{position: absolute; font-size: 25px; color: #F8F7E2; display: block; top:10px; left: 15px; font-style: normal; font-weight: normal; line-height: 30px;}
.gridContainer .square.askanelf.closed #onAirNotice{position: absolute; top:125px; left: 15px; width:147px; height:36px;}
.gridContainer .square.askanelf.open #onAirNotice{display:none;}
.gridContainer .square.askanelf.closed #onAirNotice #onAirGraphic{position: absolute; top:0px; left: 0px; width:45px; height:36px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/Radio-Pulse.png) no-repeat -180px 0px;}
.gridContainer .square.askanelf.closed #onAirNotice #offAirGraphic{position: absolute; top:14px; left: 0px; width:45px; height:36px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/Off-Air-Radio-Pulse.png) no-repeat 0px 0px;}
.gridContainer .square.askanelf.closed #onAirNotice #onAirLabel{position: absolute; top:11px; left: 65px; width:90px; height:40px; color: #F8F7E2; font-size: 13px;}
.gridContainer .square.askanelf.closed{cursor:pointer;background: #5ab7b2 url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/Ask-an-Elf-image.jpg) no-repeat top right;}
.gridContainer .square.askanelf.closed .askanelf_text strong{font-weight: bold;}
.gridContainer .square.askanelf.closed .askanelf_text em{font-style: italic;}
.gridContainer .square.askanelf.closed .html{display: none;}
.gridContainer .square.askanelf.open .askanelf_text{display: none;}
.gridContainer .square.askanelf.open{background:#5ab7b2;}
.gridContainer .square.askanelf.open .form{display: block; width: 340px; height: 233px; position: absolute; bottom: 0; left: 12px;}
.gridContainer .square.askanelf.open .form label{display: block; margin-bottom:15px; margin-top:15px; color: #F6F4E1; font-size: 14px; font-weight: normal; font-style: normal; }
.gridContainer .square.askanelf.open .form label strong{font-weight: bold;}
.gridContainer .square.askanelf.open .form label em{font-style: italic;}
.gridContainer .square.askanelf.open .form textarea{width: 334px; height: 96px; padding: 3px; border: none; background: #F6F4E1;}
.gridContainer .square.askanelf.open .form input[type="submit"]{border: none; cursor: pointer; background: #003; color: #F8F7E2; font-weight: normal; padding: 6px 10px; position: absolute; top: 0; right: 0; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-family: 'Palatino Linotype', Palatino, serif;}
.gridContainer .square.askanelf.open .form input[type="submit"]:hover{background:#F6F6E1; color:#003;}
.gridContainer .square.askanelf.open .form div.bar{position: relative; margin-top: 7px; color: #F6F4E1;}
.gridContainer .square.askanelf.open .form div.bar .error{color: #ff0000;}
.gridContainer .square.askanelf.open .form div.bar .response{width: 250px;}
.gridContainer .square.askanelf.open .qanda .scrollable{height: 500px;}
.gridContainer .square.askanelf.open .qanda .scrollablewrap{margin: 12px; font-size: 14px;}
.gridContainer .square.askanelf.open .qanda .scrollablewrap > span{display: block; padding: 12px 12px 12px 36px; position: relative;}
.gridContainer .square.askanelf.open .qanda .scrollablewrap > span > span{position: absolute; top: 12px; left: 12px;}
.gridContainer .square.askanelf.open .qanda .scrollablewrap > .q{background: #F6F4E1;}
.gridContainer .square.askanelf.open .qanda .scrollablewrap > .a{color: #F6F4E1;}

.gridContainer .square.curatorsblog{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Curators-image.jpg") 0 0px no-repeat;}
.gridContainer .square.bestscreengrabsandquotes{width: 364px; height: 364px; background-color: #F4DBB2;}
.gridContainer .square.bestscreengrabsandquotes.closed{cursor:pointer;}
.gridContainer .square.bestscreengrabsandquotes.open{cursor:normal;}
.gridContainer .square.bestscreengrabsandquotes .slides{display: block;}
.gridContainer .square.bestscreengrabsandquotes .slides > span > .bg{position:absolute; width:364px; height:364px;}
.gridContainer .square.bestscreengrabsandquotes .slides .html{display: none; position: absolute; z-index: 2; height: 125px; top:auto; right:15px; bottom:25px; left: 15px; padding-top:20px; font-size: 14px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px;}
.gridContainer .square.bestscreengrabsandquotes.open .playButton{display: none;}

.gridContainer .square .playButton{position: absolute; z-index: 100; width:100%; height: 100%; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Play-button.png") center center no-repeat; cursor: pointer;}

.gridContainer .square.closed.subtitles .slides .html{display: none !important;}
.gridContainer .square.closed.subtitles .playButton{display: block;}
.gridContainer .square.closed.subtitles .discholder{display: none !important;}
.gridContainer .square.open.subtitles .slides{display: block;}
.gridContainer .square.open.subtitles .slides .html{display: block; height: 145px; top:auto; right:0px; bottom:0px; left: 0px; padding:20px 15px 25px; font-size: 14px; background: #F4DBB2; z-index: 0;}
.gridContainer .square.open.subtitles .playButton{display: none;}

.gridContainer .square.qigames{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Games-Image.jpg") 0 0px no-repeat;}
.gridContainer .square.interestinglinks{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Links-image.jpg") 0 0px no-repeat;}
.gridContainer .square.externallink{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/strandbeest.jpg") 0 0px no-repeat;}

.gridContainer .square.furtherreading{height:auto; width:364px;}
.gridContainer .square.furtherreading.closed{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/episode/Further-Reading-image.jpg") 0 0px no-repeat;}
.gridContainer .square.furtherreading.closed{cursor: pointer;}
.gridContainer .square.furtherreading.closed .html{display: none;}
.gridContainer .square.furtherreading.open .html{display: block;}
.gridContainer .square.furtherreading .html span{background: #F4DBB2; display: block;}
.gridContainer .square.furtherreading .html .intro{padding: 12px 15px 12px 12px; margin-bottom: 0px; font-size: 20px;}
.gridContainer .square.furtherreading .html .intro hr{margin: 12px 0 0 0; display: block;}
.gridContainer .square.furtherreading .html .content{padding: 12px 0px 37px 12px; overflow: hidden;}
.gridContainer .square.furtherreading .html .content > span{display: block; padding-right: 12px;}
.gridContainer .square.furtherreading .html a{height:auto; color: #71A087;}
.gridContainer .square.furtherreading .html .content hr{background: #3E3935; height:1px;}

.gridContainer .square.behindthescenes{width: 364px; height: 364px; background-color: #F4DBB2;}
.gridContainer .square.behindthescenes .slides{display: block;}
.gridContainer .square.stephenscards{width: 551px; height: 364px;
background-color: #3E3935;
background-image: url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/StephensCard.jpg);
background-position: 0 0;
background-repeat: no-repeat;
cursor:pointer;
}
.gridContainer .square.stephenscards.showfront{background-position: -551px 0; cursor: default;}
.gridContainer .square.stephenscards .slides .html{position: absolute; z-index: 2; top: 65px; right:15px; bottom:30px; left: 15px;
font-size: 13px; line-height: 14px; overflow: auto;
}
.gridContainer .square .slidetitle{position: absolute; display:block; font-size: 25px; font-weight: bold; top:25px; left: 15px; color: #3E3935;}
.gridContainer .square.stephenscards .slidetitle{right:15px; border-bottom: 1px solid #999;}
.gridContainer .square.episodepromo{width:362px; height: 177px; background-color: #F4DBB2;}
.gridContainer .square.episodepromo .thumb{width:362px; height: 177px; background-color: #F4DBB2;}
.gridContainer .square.episodepromo .thumb .html{font-size: 14px;}


.bottomBlueLine{position: absolute; display:block; z-index: 9; width: 100%; height:3px; left:0px; bottom:0px; background-color: #000033;}

.topic_name{position:relative; margin:0 auto;font-size: 25px; color: #F8F7E2; font-weight: bold;}
.dots{position:absolute; left:15px; right:17px; height:7px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/Cream-Diamond-Line.png) repeat-x 0px 0px; z-index:2;}
.dots.upper{top:15px;}
.dots.lower{bottom:15px;}
.clickCTA{position:absolute; right:13px; bottom:24px; color:rgb(255,255,255); color:rgba(255,255,255,0.5); font-style: italic; font-weight: normal; font-size: 13px;}

/* TOPIC */
.gridContainer .square.topicintro{width:551px; height:363px; border-bottom: 1px solid #3E3935; background: #EFF0E9;}
.gridContainer .square.topicintro .title{font-weight:bold; position:absolute; top:0px; left:0px; right:0px; padding-top:25px; padding-left:15px; font-size:45px; color:#F8F7E2; height:60px; background: #F4DBB2;}
.gridContainer .square.topicintro .straplinecontainer{position:absolute; width:100%; top:95px; left:0px; right:0px; bottom:1px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px;}
.gridContainer .square.topicintro .strapline{position:absolute; top:15px; bottom:10px; font-size: 40px; line-height:40px; font-style:normal; font-weight:normal; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px bottom;}
.gridContainer .square.topicintro .strapline strong{font-weight: bold;}
.gridContainer .square.topicintro .strapline em{font-style: italic;}
.gridContainer .square.topicintro .straplineAuthor{position: absolute; bottom: 22px; left: 2px;}

.gridContainer .square.topicstills{width:364px; height:364px;}
.gridContainer .square.topicstills img{width:100%; height:100%;}
.gridContainer .square.long{width:364px; height: auto; background: #F4DBB2}
.bottomdiamondline{position:absolute; left:15px; right:15px; height:8px; bottom: 20px; background:url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px bottom;}
.topdiamondline{position:relative; margin:15px; height:8px; background:url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px;}

.gridContainer .square.long .text{margin:15px; display:block; width:auto; font-size: 14px; line-height: 18px; padding-bottom:30px;}
.gridContainer:not(.gridLayoutPage) .square.long .title{position:relative; display:block; height:auto; margin: 15px; padding:0 0 15px 0; font-size:25px; background: transparent; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px bottom; color: #3E3935;}
.gridContainer .square.shortquote{width:364px; height:177px; background: #000033;}
.gridContainer .square.shortquote .quote{position:absolute; left:16px; top:35px; right:16px;  bottom:45px; font-size: 20px; color: #F8F7E2;}
.gridContainer .square.shortquote .author{position:absolute; left:15px; bottom:25px; font-size: 13px; color: #F8F7E2; text-transform: capitalize;}
.gridContainer .square.singleboximage .slides{display:block; z-index: 0;}
.gridContainer .square.boximage .slides{display:block; z-index: 0;}
.gridContainer .square.boximage a{display:block; z-index: 10;}
.gridContainer .square.boximage.w1h1{width:177px; height:177px;}
.gridContainer .square.boximage.w1h2{width:177px; height:364px;}
.gridContainer .square.boximage.w2h1{width:364px; height:177px;}
.gridContainer .square.boximage.w2h2{width:364px; height:364px;}
.gridContainer .square.videoclip .watchthis{display:block; position:absolute; width:100%; top:120px; color: #F8F7E2; font-size: 20px; font-weight: normal; font-style: normal; text-align: center;}
.gridContainer .square.videoclip .watchthis strong{font-weight: bold;}
.gridContainer .square.videoclip .watchthis em{font-style: italic;}
.gridContainer .square.videoclip .videoicon{display:block; position:absolute; width:100%; height:100%; background:url(/National_Library/20160521004321oe_/http://qi.com/assets/topic/Clapper-Board.png) no-repeat center 37%;}
.gridContainer .square.shortfact .fact{position:absolute; left:15px; top:32px; right:15px; bottom:32px; font-size: 16px; color: #F8F7E2; overflow:hidden;}
.gridContainer .square.shortfact .fact a{color: #F8F7E2;}

#seriesContainer{position: relative;}
#seriesContainer .header{position: relative; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;}
#seriesContainer .header .title{position: relative; padding-left: 15px; padding-top: 15px; padding-bottom: 35px; font-weight: bold; font-size: 25px; color: #fff;}
#seriesContainer .seriesthumb .title{font-size:14px; position: absolute; display: block; bottom: 0; right: 0;
min-width: 135px; height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat top left;
padding: 0 10px 0 32px; line-height: 25px; color: #F8F7E2; z-index: 10;}
#seriesContainer .seriesthumb{position: relative; margin-left: 5px; margin-right: 5px; width: 925px; height: 265px;}
#seriesContainer .seriesthumb img{width: 100%; height: 100%;}
#seriesContainer .gridContainer{width:748px;}
#seriesContainer .lower_wrapper{position:relative;}
#seriesContainer #favContainer{position:absolute; width:177px; top:5px; right:5px;}
#seriesContainer #favContainer .label{position:relative; font-size: 17px; padding: 8px 0px 8px 12px}
#seriesContainer #favContainer ul{position:relative; display:block; margin-top: 10px;}
#seriesContainer #favContainer li{position:relative; font-size: 13px; display:block; color:#F8F7E2; background-color: #000033; padding:6px 0px 6px 25px; margin-bottom: 2px;}
#seriesContainer #favContainer li{
transition: background-color 0.5s;
-moz-transition: background-color 0.5s; /* Firefox 4 */
-webkit-transition: background-color 0.5s; /* Safari and Chrome */
-o-transition: background-color 0.5s; /* Opera */
}
#seriesContainer #favContainer li a{display:block; width: 100%; height:100%; color:#F8F7E2; text-decoration: none;}
#seriesContainer .diamondLine{position:relative; min-height:8px; margin:7px 5px 2px 5px; padding:0px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left top;}

/* CURATORS BLOG */

#blogContainer{margin-bottom: 30px;}
#blogContainer .blogheader{padding:15px; color: #F8F7E2;}
#blogContainer h2.title{font-size: 30px; font-weight: bold; margin-bottom: 5px;}
#blogContainer h3.episode{font-size: 20px; font-weight: normal; font-style: normal; margin-bottom: 5px;}
#blogContainer h3.episode strong{font-weight: bold; }
#blogContainer h3.episode em{font-style: italic;}
#blogContainer .left_col{width:374px; float:left;}
#blogContainer .episodeDetail{margin-right: 10px;}
#blogContainer .blogContent{margin-left: 380px; font-size: 14px; font-weight: normal; font-style: normal; padding-top: 10px; line-height: 18px;}
#blogContainer .blogContent p{margin-bottom: 28px;}
#blogContainer .blogContent strong{font-weight: normal;}
#blogContainer .blogContent em{font-style: italic;}
.bloghighlight{font-weight:bold; font-size: 20px; width:60%; padding-top:15px; line-height:22px; text-align:center; display:block;
margin-left:auto; margin-right:auto; margin-top:28px;
background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x; border: 0px none;}
#blogContainer .square img{margin-right: 10px; margin-bottom: 10px;}
#blogContainer .episodeDetail .episode_info_footer{position: relative; margin-top:12px; margin-bottom:12px; height: 16px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px; border-bottom: 1px solid #3E3935;}

/* 2 column page template */
.twocolumns{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/Blue-Line.png") repeat-x; padding-top: 20px; margin: 10px 5px 30px 5px;}
.twocolumns .left_col{width:374px; float:left;}
.twocolumns .left_col .header_section{}
.twocolumns .left_col .header_section ul{display:table; table-layout:fixed; width:100%; position:relative; padding-bottom: 0px; border-bottom: 4px solid #3E3935;}
.twocolumns .left_col .header_section ul li{display:table-cell; position:relative; padding:8px 10px 8px 30px; color: #F8F7E2; font-size: 14px; background: #aaaaaa url(/National_Library/20160521004321oe_/http://qi.com/assets/page/corner-tab.png) no-repeat -4px 0px; cursor:pointer;}
.twocolumns .left_col .three_lines{border-top: 1px solid #3E3935; border-bottom: 1px solid #3E3935; padding-top:12px; padding-bottom: 12px; margin-top: 40px;}
.twocolumns .title{font-size: 50px; font-weight: bold; margin-bottom: 30px; margin-top: 10px; margin-right: 30px;}
.twocolumns .left_col .extracts{position:relative;}
.twocolumns .left_col .extract{padding-top: 20px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px; font-size: 20px; font-weight:bold; text-align: center; margin:10px;}

.twocolumns .right_col{margin-left: 380px; font-size: 14px; font-weight: normal; font-style: normal; padding-top: 10px; line-height: 18px;}
/*.twocolumns .right_col > div{display:none}
.twocolumns .right_col > div:first-child{display:block}
*/

/* PEOPLE */
.gridContainer .square.episodeclips{width: 364px;}
.gridContainer .square.episodeclips .title{position:absolute; top:15px; left: 15px; width:147px; font-size: 25px; background: transparent; padding: 0; margin: 0; color: #000;}
.gridContainer .square.episodeclips .html{top:0; bottom: 0; right: 0; left: 0; overflow: hidden;}
.gridContainer .square.episodeclips .thumb{width:100%; height:100%;}
.gridContainer .square.episodeclips .html ul{position:relative;}
.gridContainer .square.episodeclips .html ul li{position:relative; display:block; width:100%; height:177px; margin-bottom: 10px;}
.gridContainer .square.episodeclips .html ul li .title_block{position:absolute; width:177px; height:177px; top:0px; left:0px; display:block;}
.gridContainer .square.episodeclips.closed .html ul li .title_block .clip_title{display:none;}
.gridContainer .square.episodeclips .html ul li .title_block .clip_title{display:block; position:absolute; height:40px; bottom:10px; left:15px; right:17px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left bottom;}
.gridContainer .square.episodeclips .html ul li .video_block{position:absolute; width:177px; height:177px; top:0px; right:0px;}
.gridContainer .square.episodeclips .html ul li .horizontal_line{position:absolute; height:1px; bottom:0px; left:15px; right:15px; border-bottom: 1px solid #3E3935;}
.people .gridContainer .square{width: 364px; height: auto; float: left; margin: 5px; position: relative; z-index: 0; background-color: #F4DBB2; overflow: hidden;}
.people .gridContainer .square.fact{width: 177px; height: 177px; float: left; margin: 5px; position: relative; z-index: 0; background-color: #F4DBB2; overflow: hidden;}
.people .gridContainer .square.fact a{text-decoration: none;}
.people .gridContainer .square.fact .fact_content{position:relative; margin:15px; font-size: 20px;}
.people .gridContainer .square .headshot{display:block; position: absolute; width:177px; height:177px; top:0px; right:0px; background:url(/National_Library/20160521004321oe_/http://qi.com/assets/people/person_frame.jpg) no-repeat 0 0;}
.people .gridContainer .square .headshot img{display:block; position: absolute; width:147px; height:147px; top:15px; left:15px;}
.people .gridContainer .square .closed-content{display:block; position: absolute; width:162px; height:162px; top:15px; left:15px; font-size: 25px; overflow:hidden;}
.people .gridContainer .square .closed-content .diamondline{display:block; position: absolute; width:100%; height:8px; bottom:0px; left:0px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x top left;}

.people .gridContainer .square .main-content{display:block; position: relative; margin: 197px 15px 30px 15px; line-height: 16px;}
.people .gridContainer .square .main-content div{margin-top:8px; padding-bottom: 7px; border-bottom: 1px solid #000;}
.people .gridContainer .square .main-content div:first-child{padding-bottom: 8px; border-bottom: 1px solid #000;}
.people .gridContainer .square .main-content div:last-child{margin-top:8px; padding-bottom: 7px; border: 0px none;}
.people .gridContainer .square .main-content .label{display:block; font-weight: bold;}
.people .gridContainer .square .main-content .label.qilabel{font-variant: small-caps; font-size: 13px; margin-bottom: 4px; color: #3E3935;}
.people .gridContainer .square .closed-content .large_label{font-weight: bold;}
.people .gridContainer .square .closed-content .aka{font-size: 13px; margin-top: 5px;}
.people .gridContainer .square .closed-content .jobrole{font-size: 14px; margin-top: 30px;}
.people .gridContainer .square.closed{cursor:pointer;}
.people .square .closed-content .click-for-more{position:absolute; bottom:16px; left:0px; font-style: italic; font-size: 13px;}

#people-categories{display: table; table-layout: fixed; position:relative; width:100%; height:25px; overflow: hidden;}
#people-categories li{position:relative; display: table-cell; *float: left; /* improve IE7 */ height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat top left; padding: 0 27px 0 32px; line-height: 25px; color: #F8F7E2; overflow:hidden;}
#people-categories li a{color: #F8F7E2; width: 100%; height: 100%; display: block;}
#people-categories li a:hover{color: #F8F7E2; text-decoration: none;}

#people-grid{position:relative; background: #F1DAB1;}
#people-grid .fact{display:none;}
#people-grid ul{position:relative; display:block; padding:23px; overflow:hidden; z-index: 2;}
#people-grid ul li{position:relative; display:block; width:45px; height:45px; float:left; margin:7px; background: #000;}
#people-grid ul a{display:block; width:100%; height:100%; position:absolute; top:0;left:0;}
.frame-top-edge{display:block; position:absolute; top:0; left:0; width:100%; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_top_edge.jpg") 0 0 repeat-x; z-index: 1;}
.frame-top-left-corner{display:block; position:absolute; top:0; left:0; width:15px; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_top_left_corner.jpg") 0 0 no-repeat; z-index: 2;}
.frame-top-right-corner{display:block; position:absolute; top:0; right:0; width:15px; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_top_right_corner.jpg") 0 0 no-repeat; z-index: 2;}
.frame-bottom-edge{display:block; position:absolute; bottom:0; left:0; width:100%; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_bottom_edge.jpg") 0 0 repeat-x; z-index: 1;}
.frame-bottom-left-corner{display:block; position:absolute; bottom:0; left:0; width:15px; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_bottom_left_corner.jpg") 0 0 no-repeat; z-index: 2;}
.frame-bottom-right-corner{display:block; position:absolute; bottom:0; right:0; width:15px; height:15px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_bottom_right_corner.jpg") 0 0 no-repeat; z-index: 2;}
.frame-left-edge{display:block; position:absolute; top:0; left:0; width:15px; height:100%; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_left_edge.jpg") 0 0 repeat-y; z-index: 1;}
.frame-right-edge{display:block; position:absolute; top:0; right:0; width:15px; height:100%; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/frame_right_edge.jpg") 0 0 repeat-y; z-index: 1;}

#people-category-header{position:relative; height:90px; margin: 10px 5px 5px 5px;}
#people-category-header h2.title{position:absolute; font-size: 30px; top:15px; left:15px; color: #F8F7E2;}
#people-category-header h3.description{position:absolute; font-size: 14px; bottom:12px; left:374px; right:40px; color: #F8F7E2; line-height: 16px;}

.subcat{display:block;position:relative; height:195px; background: #F1DAB1; margin: 5px;}

.subcat h2.title{font-size:14px; position: absolute; display: block; bottom: 1px; right: 1px;
min-width: 118px; height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat top left;
padding: 0 27px 0 32px; line-height: 25px; color: #F8F7E2; z-index: 100;}
.csstransforms .subcat h2.title{
transform:rotate(90deg) translate(85px,82px);
-ms-transform:rotate(90deg) translate(85px,82px); /* Internet Explorer */
-moz-transform:rotate(90deg) translate(85px,82px); /* Firefox */
-webkit-transform:rotate(90deg) translate(85px,82px); /* Safari and Chrome */
-o-transform:rotate(90deg) translate(85px,82px); /* Opera */
right:auto; bottom:auto; top:0px; left:0px; padding-right: 10px; width:150px;
}

.subcat ul.subcatpeople{position:absolute; z-index: 9; display:block; height:137px; top:29px; right:30px; left:40px; overflow:hidden;}
.subcat ul.subcatpeople li{display:block; float:left; height:137px; width:137px; margin:0px 15px 0px 15px;}
.subcat li img{display:block; width:100%; height:100%;}

#people-facts-badge{width:176px; height:177px; position:relative; margin: 15px auto; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/people/People-Circle-button.png") no-repeat 0 0;}
#people-facts-badge:hover{background-position: -176px 0px;}
#people-facts-content{position:absolute; top:40px; right:30px; left:30px;}
#people-facts-content li{display:none;  text-align: center; font-size: 18px; line-height: 16px;}
#people-facts-content li a{display:block; width:100%; height:100%; color: #3E3935; }
#people-facts-badge:hover a{color: #F8F7E2;}
#people-facts-content li{display:block; position:absolute; top:0px; left:0px;}
#people-facts-content li .answer{display:block; margin-top: 15px; font-size: 12px; font-style: italic;}



#celeb_grid{position:relative; display:block; }
#celeb_grid .celeb{position:relative; float:left; display:block; width:177px; height:177px; margin: 5px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/people/person_frame.jpg) no-repeat 0 0;}
#celeb_grid .celeb img{position:absolute; display:block; width:147px; height:147px; top: 15px; left: 15px;}
#celeb_grid .celeb a{position:absolute; display:block; width:100%; height:100%;}
#celeb_grid .celeb .title{position: absolute; display: block; bottom: 0; right: 0; width: 116px; height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat bottom left; padding: 0 27px 0 32px; line-height: 25px; color: #F8F7E2; z-index: 99}

.gridContainer .square.photoframe{width:364px; height:364px;}
.gridContainer .square.celebintro{width:551px; height:364px; background-color: transparent;}
.gridContainer .square.celebintro .header{display:block; position:relative; width:100%; height:80px;}
.gridContainer .square.celebintro .celebintrosection{position:absolute; width:100%; left:0px; top:90px; bottom:0px; border-top: 1px solid #3E3935; border-bottom: 1px solid #3E3935;}
.gridContainer .square.celebintro .celebintrosection .jobtitle{position:relative; font-size: 25px; border-bottom: 1px solid #3E3935; line-height: 45px; margin-top: -2px; font-weight: normal;}
.gridContainer .square.celebintro .celebintrosection .celebintrotext{position:absolute; top:58px; bottom:10px; font-size: 17px; font-weight: bold; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x bottom left; overflow: hidden;}
.gridContainer .square.celebintro .header .title{font-size: 30px; font-weight:bold; color: #F8F7E2; position: absolute; top:12px; left:15px; right:15px; background: transparent; padding:0; line-height: 30px;}
.gridContainer .square.infobox.long{width:551px; height:auto;}
.gridContainer .square.infobox.long .info{margin: 15px; display: block; width: auto; font-size: 14px; line-height: 18px; padding-bottom: 15px; border-bottom: 1px solid #3E3935;}
.gridContainer .square.infobox.long .twittertext{position: relative; margin: 15px; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #3E3935;}
.gridContainer .square.infobox.long .favfact{position: relative; margin: 15px; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #3E3935;}
.gridContainer .square.infobox.long .label{display:block; font-weight: bold; margin-bottom: 6px;}

.gridContainer .square.celebwebsite{width:364px; height:177px;}
.gridContainer .square.celebwebsite .thumb{width:100%;}
.gridContainer .square.celebwebsite .thumb .html{width:147px; font-size: 20px; line-height: 24px;}
.gridContainer .square.celebwebsite .thumb .html .bottomdiamondline{left:0px; right:2px; bottom:0px;}
.gridContainer .square.celebwebsite .thumb .bg{position:absolute; width:177px; left:auto; right:0px;}
.gridContainer .square.shop{width:364px; height:364px;}
.gridContainer .square.shop.closed{cursor: pointer;}
.gridContainer .square.shop.open{cursor:auto;}
.gridContainer .square.shop .thumb{width:100%; height:100%;}
.gridContainer .square.shop .bg {overflow: hidden;}
.gridContainer .square.shop.closed .bg img{width:100%;}
.gridContainer .square.shop.closed .html ul{display:none;}
.gridContainer .square.shop.open .html ul{display:block; height:280px;}
.gridContainer .square.shop.open .bg img{display:none;}
.gridContainer .square.shop .html li{display:block; height:80px; overflow: hidden; border-bottom: 1px solid #3E3935; margin-bottom: 10px;}
.gridContainer .square.shop .html li a{width: 100px; height:70px;}
.gridContainer .square.shop .html li img{height:70px; display:block; margin: 0 auto;}
.gridContainer .square.shop .html li .thumbnail{position:absolute; display:block; width:70px; height:70px;}
.gridContainer .square.shop .html li .product_title{display:block; height:70px; margin-left: 100px; font-size: 14px;}

.gridContainer .square.shop .html .scrollable{height:100%; overflow-y:auto;}
.gridContainer .square.shop .shop_heading{height:40px; margin-bottom:15px; font-size: 20px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x bottom left;}
.gridContainer .square.shop.closed .shop_heading{display:none;}

.celebs .square.bestscreengrabsandquotes.closed .slides > span{display:none}
.celebs .square.bestscreengrabsandquotes.closed .slides > span.selected{display:block;}
.gridContainer.celebs .square .slides > span.selected{display:block;}
.gridContainer.celebs .square .slides > span:first-child{display:none;}

/* JOIN IN */
.gridContainer .square{position: relative; float: left;}
.gridContainer .square.introtext{width:364px; height:363px;  border-bottom: 1px solid #3E3935; background: #EFF0E9; position: relative; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0 340px;}
.gridContainer .square.introtext .title{font-weight:normal; position:absolute; top:0px; left:0px; right:0px; padding-top:25px; padding-left:15px; font-size:40px; color:#F8F7E2; height:60px; background: #F4DBB2;}
.gridContainer .square.introtext .straplinecontainer{position:absolute; width:100%; top:95px; left:0px; right:0px; bottom:1px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x 0px 0px; padding-top: 20px; font-size: 14px;}
.gridContainer .square.elfpick{width: 551px; height:364px; overflow: hidden; text-align: center;}
.gridContainer .square.elfpick .thumb{position:absolute; width: 551px; height:364px; overflow: hidden;}
.gridContainer .square.elfpick .bg img{height: 364px;}
.gridContainer .square.textblock .regularheading{margin-bottom: 5px;}

.gridContainer .square.doublesquareexpandablewithimageandbrief{width:362px; height: auto;}
.gridContainer .square.doublesquareexpandablewithimageandbrief .content{display: block; margin: 12px 12px 38px 12px; font-size: 14px;}
.gridContainer .square.doublesquareexpandablewithimageandbrief .html {display: none; width: 153px; height: 153px; margin: 12px; font-size: 14px;}
.gridContainer .square.doublesquareexpandablewithimageandbrief .bg {display: none; position: absolute; right: 0; top: 0;}
.gridContainer .square.doublesquareexpandablewithimageandbrief.closed{width:364px; height: 177px; cursor:pointer;}
.gridContainer .square.doublesquareexpandablewithimageandbrief.closed .content{display: none;}
.gridContainer .square.doublesquareexpandablewithimageandbrief.closed .html{display: block;}
.gridContainer .square.doublesquareexpandablewithimageandbrief.closed .bg{display: block; position: absolute; width: 177px; height: 177px;}
.gridContainer .square.doublesquareexpandablewithimageandbrief.open{cursor:default;}

.gridContainer .square.singlesquareexpandablewithimage{width:364px; height: auto;}
.gridContainer .square.singlesquareexpandablewithimage .bg{display: none; position: absolute; right: 0; top: 0;}
.gridContainer .square.singlesquareexpandablewithimage.closed{width:177px; height: 177px; cursor:pointer;}
.gridContainer .square.singlesquareexpandablewithimage .html,
.gridContainer .square.singlesquareexpandablewithimage .content{margin: 12px 12px 38px 12px; font-size: 14px; display: block;}
.gridContainer .square.singlesquareexpandablewithimage.closed .html{width: 153px; height: 153px;}
.gridContainer .square.singlesquareexpandablewithimage.closed .content{display: none;}
.gridContainer .square.singlesquareexpandablewithimage.closed .bg{display: block; position: absolute; width: 177px; height: 177px;}
.gridContainer .square.singlesquareexpandablewithimage.open{cursor:default;}

.gridContainer .square.elfselection{width:364px; height: 364px; background: #ccc;}

/* PHOTOGRAPHY */
#photographs{position:relative; width:925px; min-height:551px; margin: 5px 5px 5px 5px; background:#3e3935; overflow:hidden;}
#photographs #photo_holder{position:relative; width:925px; height:551px; overflow:hidden;}
#photographs #photo_holder > div{position:relative; width:925px; height:551px; float:left;}
#photographs #photo_holder > div img{position:relative; display:block; margin: 0 auto;}
#photographs #info_panel{position:relative; width:925px; min-height:60px; overflow-x:hidden; background: #000033;}
#photographs #info_panel .image_info{position:relative; display:none;}
#photographs #info_panel .image_info .image_title{position:relative; margin-top:17px; margin-left:17px; font-size:15px; color:#F8F7E2;}
#photographs #info_panel .image_info .image_caption{position:relative; margin-top:17px; margin-left:17px; margin-bottom:17px; font-size:13px; color:#F8F7E2;}
#photographs #info_panel .image_info .image_caption a{font-size:13px; color:#F8F7E2; text-decoration: none;}
#photographs #info_panel .image_info .guest_copyright{display:block; font-size: 13px; margin-top:4px;}
#photographs #info_panel .pagination{position:absolute; top:17px; right:17px; font-size:15px; color: #F8F7E2;}

#photographs .image_overlay{position:absolute; width:100%; height:52px; bottom:0px; z-index: 10; display:block;}
#photographs .image_overlay .background{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; background-color: #000033; z-index:0;
opacity:0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
#photographs .image_overlay .image_title{position:relative; margin-top:17px; margin-left:17px; font-size:17px; color:#F8F7E2; z-index: 12;}
#photographs #nav_holder{position:absolute; bottom:17px; right:17px; color:#F8F7E2; z-index: 12;}
#photo_footer{display:block; position:relative; width:auto; height:177px; margin: 5px 0px 5px 0px;}
.photosectionseperator{position:relative; width:auto; height:10px; margin:0 5px 0 5px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left center;}
#photo_footer li{position:relative; display: block; float:left; width:177px; height:177px; margin: 5px; overflow:hidden;}
#photo_footer li ul li{position:relative; display: block; width:auto; height:14px;}
#photo_footer li .title{position: absolute; display: block; bottom: 0; right: 0; width: 116px; height: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/category-bar.png") no-repeat top left; padding: 0 27px 0 32px; line-height: 25px; color: #F8F7E2;}
#photo_footer > li > a{display:block; width:100%; height:100%;}
#photo_footer .join_in_thumb{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/photography/camera.jpg") no-repeat top left;}

#photographs .arrow{position:absolute; width:84px; height:84px; top:234px; cursor: pointer;}
#photographs .arrow > span{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}
#photographs .arrow .bgc{background-color: #000033; opacity:0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);}
#leftArrow{left:0px;}
#rightArrow{right:0px;}
#leftArrow .imgh{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/photography/Left-Arrow.png") no-repeat center center;}
#rightArrow .imgh{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/photography/Right-Arrow.png") no-repeat center center;}

.surpriseme_photo{background: url("/National_Library/20160521004321oe_/http://qi.com/assets/photography/surpriseme.jpg") no-repeat center center;}
.surpriseme_photo ul{display:none;}
.surpriseme_photo a{display:block; position: absolute; width:100%; height:100%; top:0px; left:0px;}
.square.elfselection .thumb{display:none;}
.square.elfselection .elfselectionimageholder{position:relative; float:left; overflow: hidden; width:182px; height:182px;}
.square.elfselection .elfselectionimageholder a{position:absolute; display:block; width:100%; height:100%;}
.square.elfselection .elfselectionimageholder img{display:block; position:absolute; top:0px; left:0px;}

.photographer{margin-left:5px; margin-right:5px;}
.photographer h2{font-size: 30px; line-height: 40px; margin-top: 10px; margin-bottom: 20px;}
.photographer .photographer_portrait{display:block;width:364px; height:364px; overflow:hidden;}
.photographer .favcam{display:block; position:relative; font-size:13px; padding:15px; margin:8px 0 8px 0; width:334px; border-top: 1px solid #3E3935; border-bottom: 1px solid #3E3935;}
.photographer .favcam_under{display:block; position:relative; padding:15px; margin:15px 0 0px 0; width:334px; border-bottom: 1px solid #3E3935; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left top;}
.photographer .bio{position:relative; padding-top:20px; line-height:18px; float:right; width:551px; font-size: 14px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left top;}

/* INFOCLOUD */
a.infocloud-tag, .infocloud-tag{font-size: 70px; text-decoration: underline;}
a.infocloud-tag:hover, .infocloud-tag:hover{color:#000;}

.infocloud-c1{color: #FF6C36;}
.infocloud-c2{color: #5AB7B2;}
.infocloud-c3{color: #007481;}
.infocloud-c4{color: #532D6D;}
.infocloud-c5{color: #BF5640;}
.infocloud-c6{color: #3E3935;}
.infocloud-c7{color: #AC162C;}
.infocloud-c8{color: #7F56C5;}
.infocloud-c9{color: #B59B00;}
.infocloud-c10{color: #000033;}
.infocloud-c11{color: #71A087;}
.infocloud-c12{color: #144733;}
.infocloud-c13{color: #F4DBB2;}
.infocloud-c14{color: #6DABE4;}
.infocloud-c15{color: #A9A96D;}
.infocloud-c16{color: #455800;}
.infocloud-c17{color: #6D7070;}
.infocloud-c18{color: #537EA8;}
.infocloud-c19{color: #CEA63A;}
.infocloud-c20{color: #FA8B61;}
.infocloud-c21{color: #B57329;}
.infocloud-c22{color: #AC2758;}
.infocloud-c23{color: #73A943;}
.infocloud-c25{color: #58AC81;}
.infocloud-c26{color: #743056;}
.infocloud-c27{color: #765D6A;}
.infocloud-c28{color: #6E4530;}
.infocloud-c29{color: #EFF0E9;}

/* NEW Colours
#071438
#002049
#2E073F
#48214B
#5B1035
#790044
#003E3E
#005954
#3E2114
#593324
#39363A
#68666B
*/

#searcharea{position:relative; margin-top: 15px;}
#searcharea input:focus{outline: none;}
#searcharea .leftside{position:relative; width:50%; height:44px;}
#searcharea .leftside #magGlass{position:absolute; top:11px; right:-2px; width:23px; height:23px; background: url('/National_Library/20160521004321oe_/http://qi.com/assets/infocloud/QI_search.png') no-repeat 0px 0px; z-index:2;}
#searcharea #luckyDip{cursor:pointer; position:absolute; top:0; right:0; width:177px; height:44px; background: url('/National_Library/20160521004321oe_/http://qi.com/assets/infocloud/Luckydip.png') no-repeat 0px 0px;}
#searcharea #luckyDip:hover{background-position: -177px 0px;}
#searcharea #refreshCloud{cursor:pointer; position:absolute; top:1px; right:187px; width:75px; height:42px; background: url('/National_Library/20160521004321oe_/http://qi.com/assets/infocloud/Randomize_cloud.png') no-repeat 0px 0px;}
#searcharea #refreshCloud:hover{background-position: -76px 0px;}

#searcharea #searchbox{padding-left:15px; font-size:24px; position:relative; width:100%; height:40px; border-radius:20px; border:1px solid #aaaaaa;}

#tagCanvas{position:relative; margin-top:20px; line-height: 18px;}
#tagCanvas p{font-size: 16px; line-height: 18px;}
#tagCanvas .canvas_warning{color: #000088; margin: 50px 0 50px 0;}
#tagCanvas a{margin-right:14px; font-size: 16px;}

#noResults{position:relative; margin:20px auto 0 auto; display:none; height: 700px; width:100%; z-index:2; background-position: center 50px ; background-repeat:no-repeat;}
#noResults .new_suggestion{display:block; position:absolute; width:100%; top:375px; height:75px;}



/* 404 PAGE */
.notfoundmessageHolder{position:relative; margin: 0px auto 0px auto; width: 550px; padding: 55px 205px 0; text-align: center; font-size: 25px; background: url("/National_Library/20160521004321oe_/http://qi.com/assets/hr_bg.png") repeat-x;}
.notfoundmessageHolder .ohdear{margin:45px;}
.notfoundmessageHolder .look{font-size: 12px; color: #5ab7b2; background:#EFF0E9; width: 160px; margin: 0 auto; display: block;}
.notfoundmessageHolder .elvesLinkHolder{ background: url("/National_Library/20160521004321oe_/http://qi.com/assets/hr_bg.png") 0 4px repeat-x;}
.diamondLineBlack{min-height:8px; margin:20px 0px 5px 0px; padding:0px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left top;}

/* EDITOR CONTENT */
.diamondLineNoMargin{min-height:8px; margin:0px; padding:0px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.png) repeat-x left top;}
.square.promote hr{display:block; width:100%; height:8px; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/Black-Diamond-Line.gif) no-repeat 0px 0px; border: 0px none;}
.animatedDiamonds{width:100%; height:7px; margin:0 0 0.5em 0; background: url(/National_Library/20160521004321oe_/http://qi.com/assets/universe/Cream-Flash-Line.png) no-repeat 0px 0px;}

hr.cream{background: url(/National_Library/20160521004321oe_/http://qi.com/assets/episode/Cream-Diamond-Line.png) repeat-x 0px 0px; border: 0px none;}
.slides hr{width:331px;}