.panes div.bls-highcharts-container, .panes div.bls-highcharts-container div {
	display:block;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
div#subdomain-title {
	display: none;
}
.main-content #pub-container {
	background-color:#f8f8f8;
	padding: 0em;
	max-width: 100%;
	margin: 1em auto;
	text-align: left;
}




/*----------------  SOS BANNER  ------------------*/
.sos-banner {
	margin: 0px;
    height: auto;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	font-family: Arial, Helvetica, sans-serif;
}

.sos-banner a.sos-links {
	text-decoration: none;
	color:#0044aa;
	padding: 12px !important;
	font-size: 12px;
}
.sos-banner a:hover.sos-links {
	text-decoration: underline;
}
.sos-banner form {
	width: 240px;
	float: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.sos-banner .search-backgd {
	position: relative;
	right: -105px;
}
.sos-banner form #search-secondary-nav-query{
	border: 1px solid #ccc;
	margin: 0;
	color: #333;
	padding: 4px 2px 3px 4px;
	max-width: 180px;
	width: 100%;
}
.sos-banner form #search-secondary-nav-query:focus{
	border: 1px solid #005A8A;
}
.sos-banner form #search-secondary-nav-submit {
	background-color: #fff;
	border: none;
	color: #005A8A;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	opacity: 0.8;
}
.sos-banner form #search-secondary-nav-submit:hover{
	cursor: pointer;
}




#container h1 {
	text-transform: uppercase;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	float: left;
}
#pub-container {
	background-color: #fff;
	border: 1px solid #efefef;
	height: 850px;
}
#pub-container .intro {
	font-size: 13px;
	line-height: 1.4em;
}
.spotlight #sos-slideshow-container {
	background-color: #f8f8f8;
	border: 1px solid #efefef;
	height: 620px;
	padding-bottom:30px;
}




/*---------------Slideshow navigation ---------------*/
a.browse { /* navigation arrows */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	background:url(/images/layout/arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
}
a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
}
a.right:hover {
	background-position:-30px -30px;
}
a.right:active {
	background-position:-60px -30px;
}
a.left {
	margin-left: 0px;
}
a.left:hover {
	background-position:-30px 0;
}
a.left:active {
	background-position:-60px 0;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
.spotlight #slideshow-nav {
	border-bottom: none;
	text-align: center;
	width: inherit;
	padding-top: 15px;
	height: 25px;
	margin-bottom: 0px!important;
	padding-bottom: 0;
}
.spotlight #slideshow-nav .navi {
	position: absolute;
	text-align: center;
	width:73em;
}
.spotlight #slideshow-nav .navi a {
	text-decoration: none;
	color: #000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding:3px 5px;
	margin: 0;
	font-size: 12px;
}
.spotlight #slideshow-nav .navi a:hover, .spotlight #slideshow-nav .navi a.active {
	text-decoration: none;
	color: #fff;
	background-color: #005A8A;
	border: 1px solid #cccccc;
	padding:3px 5px;
	margin: 0;
	cursor:pointer;
}
.spotlight #slideshow-nav a.browse {
	background:#005A8A;
	z-index: 2000;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	display: block;
	padding: 3px;
	height: 30px;
	position: relative;
	top: 220px;
	width: 30px;
}
.spotlight #slideshow-nav a.right {
	float: right;
	right: -26px;
}
.spotlight #slideshow-nav a.left {
	left: -26px;
	float: left;
}
.spotlight #slideshow-nav > div.section-title-preview {
	color: #005A8A;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 5px;
	padding-top: 12px;
	text-align: center;
	margin-top:-10px;
}




/*------------------------Slideshow------------------------*/
.spotlight #slideshow {
	background-color: #f8f8f8;
	padding: 0;
	border: none;
	height: auto;
	margin: 0px 15px;
	width: inherit;
}
.spotlight .scrollable {
	float: left;
	height: 540px;
	overflow: hidden;
	position: relative;
	width: 915px;
	margin-bottom: 10px;
}
.spotlight .scrollable .items {
	width: 20000em; /* this cannot be too large */
	position: absolute;
}
.spotlight .scrollable .items > div { /* each single slide content */
	float:left;
	height:inherit;
	padding-top:20px;
}
.spotlight .items .slideshow-item {
	float: left;
	position: relative;
	width: 915px;
}
.main-content .spotlight .items p {
	margin: 0;
	padding-bottom: 4px;
	line-height: 1.6em;
	height: auto;
	/*width: 240px;*/
    font-size:  1em;
	float: left;
}
.main-content .spotlight .last p {
	float: none;
}
.main-content .spotlight .items .slideshow-item-image p {
	float:none;
}
.main-content .spotlight .items .date, .main-content .spotlight .sos-recent-articles .date {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.791em;
	font-style: normal;
	padding-bottom: 0px;
	/*text-transform: uppercase; siteimprove fix*/
}
.main-content .spotlight .items p.source {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11.6px;
	text-align: left;
	margin-top: 10px;
}
.main-content .spotlight .items p.more-data {
	width: 840px;
}
.main-content .spotlight .items .source a, .main-content .spotlight .items ul.more-data li a, .main-content .spotlight .items a {
	color: #005A8A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
}
.main-content .spotlight .items .source a:hover, .main-content .spotlight .slideshow-item ul.more-data li a:hover {
	background: #f8f8f8;
}
.main-content .spotlight .items div.panes, .main-content .spotlight .items > div > .panes, .main-content .spotlight .items div.panes div {
	float: none;
	padding: 0;
	height: 483px;
}
.main-content .spotlight ul.archives-tabs a, .main-content .spotlight ul.archives-tabs a.current {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	padding-top: 4px;
}
.main-content .spotlight ul.archives-tabs a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	background-color: #005A8A;
}
.main-content .spotlight .items .note {
	font-style: italic;
	color: #666;
	font-size: 11px;
}
.spotlight .items .slideshow-item-image {
	background: #fff;
	width: 630px;
	padding: 0 px;
	margin: 0 20px 15px 0;
	height:510px;
	float:left;
}
.spotlight .items img {
	border: none;
	margin: 0;/*
	width: 100%;
    height: auto;
	padding-bottom: 10px;
    */

}
.main-content .spotlight #slideshow h3,.main-content .spotlight #slideshow .h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
	color: #000000;
	font-size: 23px;
	padding-bottom: 0px;
	width: inherit;
	text-decoration: none;
	text-transform:none;
	clear:left;
}
.main-content .spotlight #slideshow h2, .main-content .spotlight #slideshow .h2 {
	border-bottom: none;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
.main-content .h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 160%;
	margin: 6px 0 7px 0;}

.spotlight #slideshow .items span#article-menu {
	width: 800px;
	margin: 0 auto;
}
.spotlight #slideshow .items span#article-menu div.sos-audio-box {
	background: #fff;
	margin: 10px 0 0 0;
	padding: .5em 0;
}
.spotlight #slideshow .items span#article-menu div.sos-audio-box p {
	color: #333;
	text-transform: uppercase;
}
.spotlight #slideshow .items span#article-menu div.sos-audio-box a {
	color: #005A8A;
	text-transform: uppercase;
	text-decoration: none;
	/*position: relative;
	top: -5px;*/
	margin-right: 15px;
	font-size: 11px;
	margin-bottom:-7px;
}
.spotlight #slideshow .items span#article-menu div.sos-audio-box a:hover {
	color: #005A8A;
	text-decoration: underline;
}
.spotlight #slideshow .items span#article-menu div.sos-audio-box #flashinlinemp3player {
	margin-right: 5px;
}
.main-content .spotlight .sos-recent-articles {
	background: none repeat scroll 0 0 #f8f8f8;
	height: 430px;
	border: 1px solid #efefef;
	margin-top: 30px;
	padding: 15px 25px;
}
.main-content .spotlight .sos-recent-articles span {
	position: relative;
	left: -47px;
}
.main-content .spotlight .sos-recent-articles h5 {
	color: #fff;
	position: relative;
	top: -55px;
	border-bottom: none;
	font-size: 18px;
	width: 200px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}
.main-content .spotlight .sos-recent-articles h4 a, .main-content .spotlight .sos-recent-articles h4 a:visited .main-content .spotlight .archive-article-col h4 a, .main-content .spotlight .archive-article-col h4 a:visited {
	text-decoration: none;
	color: #000;
}
.main-content .spotlight .sos-recent-articles h4 a:hover {
	text-decoration: underline;
	color: #000;
	background-color: #fff;
}
.main-content .spotlight .recent-article-col {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #d7d7d7;
	float: left;
	margin: 0 22px 0px 0;
	padding: 16px;
	position: relative;
	top: -30px;
	width: 250px;
	height: 330px;
}
.main-content .spotlight .recent-article-col img, .main-content .spotlight .archive-article-col img {
	border: 1px solid #d7d7d7;
	width: 250px;
	height: 167px;
	margin-bottom: 10px;
}
ul.archives-tabs {
	background: none repeat scroll 0 0 #F8F8F8;
	margin: 0 !important;
	padding: 0;
	height: 26px;
	border-bottom: 1px #d2d5da solid;
	list-style: none !important;
}
/* single tab */
ul.interactive-tabs li {
	float:left;
	padding:-0;
	margin:0;
}
.main-content .spotlight .items div > div.slide-content {
	max-height:500px;
	overflow: scroll;
	overflow-y: auto;
	overflow-x:hidden;
	display: block;
	position: relative;
	float: left;
	width: 262px;
}




/*-------------------- overlay ----------------*/
 .overlay-content {
	width:100%;
	position:fixed;
	z-index:100000;
}
.overlay-container {
	padding:30px;
}
.overlay-content #slideshow-nav .navi {
	margin: 0 auto;
	width:auto;
	float:none;
	left:0px;
}
.overlay-content .slideshow-item-image img {
	width:auto !important;
	height:100% !important;
}
.overlay-content #sos-slideshow-container {
	height:200%;
	margin:0 auto;
}
.overlay-content .scrollable {
	width:100%;
}
.overlay-content .items p {
	width:42%;
}
.overlay-content .items .slideshow-item {
	width:1200px;
}
.overlay {
	position:fixed;
	height:100%;
	width:100%;
	background-color:#000;
	opacity:.8;
	z-index:99999 !important;
}




/* ------------- styles for overlay------------- */
.simple_overlay {/* the overlayed element */
	display:none;
	z-index:100001;
	background-color:#fff;
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}
.spotlight .items .simple_overlay img {
	padding-bottom:0px;
}
.simple_overlay .close {/* close button positioned on upper right corner */
	background-image:url(/images/icons/close_button.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#bls-overlay-close {
	width:auto;
	height:auto;
	position: fixed;
	width: auto;
	cursor:pointer;
	z-index:100000;
	padding:0px;
}
.panes div {
	border: none;
	min-height: 0px;
	height:464px;
}
.panes > div {
	height:480px;
	border: 1px solid #ccc;
}
ul.archives-tabs {
	border-bottom:none 0px;
}
div.bls-chartdata-trigger {
	display:block;
}
.bls-chartdata-overlay p {
	padding-top:10px;
	padding-bottom:10px;
}


/*------------------tables----------------------*/
.main-content table.regular {
	margin: 0;

	font-family: Arial, Helvetica, sans-serif;
}
.main-content table.regular caption {
	color: #000;
	margin-bottom: 7px;
	padding-bottom: 2px;
	text-align: left;
	font-size: 11px;
}
.main-content table.regular thead th {
	background:#dceaff;
	text-align: center;
	vertical-align: center;
	font-size: 12px;
}
.main-content table.regular td {
	padding: 0 5px 2px;
}
.main-content table.regular tbody tr th {
	background-color: #fff;
	padding-left: 10px;
}
.main-content table.regular tr.greenbar th {
	background-color: #efefef;
}
.main-content table.regular tr.greenbar td, .main-content table.regular tr td {
	background-color: #efefef;
	font-size: 12px;
}
table.sos-archive {
	width: 100%;
	border: 1px solid #ccc;
}
table.sos-archive th {
	background: #efefef;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	text-align: center;
}
table.sos-archive tr {
	border: 1px solid #ccc;
}
table.sos-archive td {
	border: 1px solid #ccc;
	padding: 5px 10px;
}
table.sos-archive a {
	color: #005A8A;
}




.sos-banner form{background: url(/images/sos/sos_search_bckgd.png) no-repeat top left;width: 270px;height: 55px; padding: 10px;}
.search-backgd{display: none;}



/*----------SOS new home page content-----------*/

.top-feature{display: flex;align-items: flex-start;padding: 10px;flex-wrap: wrap}
.top-feature > a {width: 50%;margin-right: 20px}
.top-feature img , .bottom-feature .bottom-feature-item > a img  {max-width: 100%;display: block;height: auto;border: 1px solid #666;margin: 0 auto}
.top-feature .top-feature-content{display: flex;flex-direction: column;width: 45%;}
.top-feature .top-feature-content .title{ font-size: 25px;font-weight: bold;color: #222;}
.top-feature .top-feature-content .title a{color: #222;text-decoration: none;}
.top-feature .top-feature-content .title a:hover, .ribbon .ribbon-content a:hover, .bottom-feature .bottom-feature-item .bottom-feature-content .title a:hover{text-decoration: underline;}
.top-feature .top-feature-content .date{text-transform: uppercase;margin-bottom: 15px;margin-top:5px;}
.top-feature .top-feature-content .description{}


.bottom-feature {moz-column-count: 4;
    -moz-column-gap: 1em;
    -moz-column-width: auto;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    -webkit-column-width: auto;
    column-count: 4;
    column-gap: 1em;
    column-width: auto;
    width: 100%;}
.bottom-feature .bottom-feature-item .bottom-feature-content{display: flex;flex-direction: column;}
.bottom-feature .bottom-feature-item{-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;}
.bottom-feature .bottom-feature-item .bottom-feature-content, .bottom-feature .bottom-feature-item > a{padding: 5px;display: block;}
.bottom-feature .bottom-feature-item .bottom-feature-content .title{display: block;}
.bottom-feature .bottom-feature-item .bottom-feature-content .title a{font-size: 15px;font-weight: bold; color: #222;text-decoration: none;padding-bottom: 5px;display: inline-block;}
.bottom-feature .bottom-feature-item .bottom-feature-content .description {padding-top: 15px;}

.ribbon {
 font-size: 16px !important;
 width:100%;
 position: relative;
 background: #005685;
 color: #fff;
 text-align: left;
 margin: 2em auto 3em; 
}
.ribbon .ribbon-content {padding: 10px 15px; }


.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon .ribbon-content strong{text-transform: uppercase;padding-right: 10px; border-right: 1px dashed #fff;margin-right: 10px;display: inline-block}
.ribbon .ribbon-content a{color: #fff;text-decoration: none;}
.ribbon .ribbon-content a:after{content: "   >>";}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #003c5e transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

/*NEW*/

.spotlight  .bls-highcharts-container {display: block;overflow-x: auto !important;-webkit-overflow-scrolling: touch;}


@media (max-width:1024px){
	
.sos-banner {position: relative; justify-content: center;}
.sos-banner a:first-child{flex-basis: 100%;}
.sos-banner form{position: absolute; top:0; right: 0;}
	
	
.spotlight .items .slideshow-item{display: flex;flex-direction: column;width: 100%;}	
.spotlight .items .slideshow-item-image{height: auto !important;}
.spotlight .items .slideshow-item-image img{display: block;max-width: 100%;height: auto;}
.spotlight .items .slideshow-item-image,
.main-content .spotlight .items div > div.slide-content{width: 100% !important;}	
.spotlight #slideshow-nav a.browse,	
.spotlight #slideshow-nav	{display: none;}
.spotlight .scrollable{width: 100% !important;}
.spotlight .scrollable .items{position: static;display: flex;flex-direction: column;width:100%;}
.spotlight .scrollable{height: auto !important;}
.spotlight #sos-slideshow-container{padding-bottom: 0;}
.spotlight .items .slideshow-item.last.cloned ,.spotlight .items .slideshow-item.cloned{display: none !important;}
	.main-content .spotlight .items div > div.slide-content{max-height: initial;height: auto !important;}
.spotlight  .bls-highcharts-container > div {display: inline-block;width: 100%;}
}


@media (max-width:947px){
.top-feature{flex-direction: column;align-items: center;}
.top-feature > a{margin-right: 0;margin-bottom: 20px;}
.top-feature > a,.top-feature .top-feature-content{width: 100%;}
.bottom-feature{ -webkit-column-count: 2;column-count: 2;}

table.sos-archive th:first-child{width: 35% !important;}
}

@media (max-width:767px){
.sos-banner{align-items: center;}
.sos-banner a.sos-links{padding-top: 5px !important;padding-bottom: 5px !important;}

.sos-banner form{
	position: static; 
	background-color:#005685;
	background-image:none;
	width:calc(100% - 20px);
	height:auto;
	white-space:nowrap;
	display: flex;
	justify-content: center;
}
.sos-banner a:first-child{
	text-decoration:none;
	width:100%;
}
.sos-banner a:first-child::after{
	content:"Spotlight on Statistics";
	background-color: #005685;
	color: #fff;
	padding:15px 30px;
	display:block;
	font-size:20px;
	text-align:center;
}
.sos-banner a:first-child img{
	display:none;
	
}
.sos-archive td a{font-size: 110%}

.sos-banner form #search-secondary-nav-submit{
	padding:9px;
}
.sos-banner form #search-secondary-nav-query{
	padding:9px 8px 8px 9px;
	
}

.spotlight .scrollable .items > div{
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:1px solid #ccc;
}
	
	
	.sos-banner form #search-secondary-nav-query{width: auto !important;    max-width: initial;flex-grow: 1;}

}

@media (max-width:420px){
	.bottom-feature{ -webkit-column-count: 1;column-count: 1;}

}








.spotlight .items .slideshow-item-image {
	background:none !important;
	width: 630px;
	/*height:inherit !important;*/
	padding: 0 px;
	margin: 0 20px 15px 0;
	height:510px;
	float:left;
}


.spotlight #sos-slideshow-container {
	background-color: #f8f8f8;
	border: 1px solid #efefef;
	height:inherit !important;
}

.main-content .spotlight .items div > div.slide-content {

	overflow: scroll;
	overflow-y: auto;
	overflow-x:hidden;
	display: block;
	position: relative;
	float: left;
	width: 262px;
}

.spotlight #slideshow-nav > div.section-title-preview {
	text-align: left;
	color: #005A8A;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 5px;
	position: relative !important;
	top: 22px !important;
	text-align: center;
}