/* Page and general module styles */

/* Gutters - if gutters are set in theme settings they will override these
   values: see Extensions > Modify Output > Design */

#main-content-header,
#block-system-main > div.view,
#block-system-main > form,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
div.messages {
  margin-left: 40px;
  margin-right: 40px;
}
.block-inner .block-inner {
	margin-left: 0;
	margin-right: 0;
}
.block-content {
	overflow: hidden;
}
/* special case, 2 columns built in page manager: left column */
div.view-backgrounders.view-display-id-panel_pane_2 {
	margin-right: 40px;
}
/* special case, 2 columns built in page manager: right column */
.pane-backgrounders-panel-pane-7 {
	margin-left: 40px;
}

/* views lists (not li)*/
div.field-item.even::after, div.field-item::after
{
	content:' ';
	display: block;
	height: 1.2em;
}

.content-inner {
    padding: 50px 0;
}

#page > header {
  clear: both;
  padding: 20px 0 0;
}
#branding {
  float: left;
  margin: 0 0 40px;
}
#logo {
  padding: 0 0 0 20px;
  float: left;
}
#page > header > hgroup {
  line-height: 1.2;
  margin: 0 20px;
}

h1#site-name { /* 48px */
  font-size: 3.692em;
  margin: 0 0 0.2em 0;
  padding: 0;
}
h2#site-slogan {
  font-size: 1.077em;
  margin: 0;
  padding: 0;
}
#site-name {
  font-size: 1.846em;
}
#site-name a	{
  text-decoration: none;
}
#site-name a:visited {}
#site-name a:hover   {}
#site-name a:focus   {}
#site-name a:active  {}

#site-slogan {
  font-size: 1.077em;
  font-weight: 400;
}
.region-header {
  clear: none;
}
.region-header .region-inner {
	text-align:right;
}

/*start page header help links */

#block-views-onc-header-links-block {
}

#block-views-onc-header-links-block a {
/* total height 51px */
  padding: 0 10px;
  border: none;
  border-radius: 0;
  margin: -15px 0 0 0;
  display:block;
  line-height:47px;
  width:52px;
  font-size: 13px;
  color:#FFF;
  text-align:center;
}

#block-views-onc-header-links-block a:hover {/* total height 51px */
  background: #2E3A3E;
}

#menu-bar .btn-navbar {
	margin: 10px 0 0 145px;
	background: #2E3A3E;
}

#block-views-onc-header-links-block .block-inner {  }
#block-views-onc-header-links-block .views-field {  }
/*end page header help links */

/* start header social buttons */
#block-widgets-s-social-profile-onc-home {
	float: none;
	margin: 0 auto;
	padding: 10px 0px;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    display: block;
}
#block-widgets-s-social-profile-onc-home > div {
	margin: 0;
}
#block-widgets-s-social-profile-onc-home a {
	margin: 0 3%;
	display: inline-block;
	width: 32px;
	height: auto;
	max-width: 10%;
	opacity: 0.4;
}
#block-widgets-s-social-profile-onc-home a:hover {
	opacity: 1;
}
/* end header social buttons */
/* start footer social buttons */
#page .pane-widgets-s-social-profile-onc-home .block-content {
    margin-left: -16px;
    padding-top: 1.4em;
}
#page .pane-widgets-s-social-profile-onc-home a {
	margin: 0 2%;
	display: inline-block;
	width: 32px;
	height: auto;
	max-width: 12%;
	opacity: 0.7;
}
#page .pane-widgets-s-social-profile-onc-home a:hover {
	opacity: 1;
}
/* end footer social buttons */
/* start page header search form */
#block-search-form {
	margin: 0;
	padding: 12px 0;
}
#block-search-form .block-inner {
	margin: 0 40px 0 10px;
}
#block-search-form form {
	margin: 0;
}
/* end page header search form */

/*header hidden items*/
div.block-region-header.block-search .form-item-custom-search-types{ display:none !important; }
#block-commons-utility-links-utility-links { display:none !important; }

#page h1#page-title {
  margin: 0 0 20px 0;
  clear: both;
}
.in-maintenance h1#page-title {
  padding: 10px;
  margin-top: 0;
}
#content-column,
.region-sidebar-first,
.region-sidebar-second {
  margin-top: 20px;
}
.region-content-aside {
  padding-top: 20px;
}
.region-tertiary-content {
  padding-bottom: 20px;
}

a.feed-icon {
  padding: 10px;
}

/* hero unit */
#page #content div.ddblock-cycle-upright10p div.slide-body-inner p {
	margin: 0 40px 0 0;
}
#page #content div.ddblock-cycle-upright10p div.number-pager {
	padding-right: 0;
}

/* start formerly in the web admin panel for custom css */
/*global*/
hr { border: 0 solid #fff; clear:both; }
/*page header help view*/
#block-views-onc-header-links-block .views-field { text-align:right }
/*header hidden items*/
div.block-region-header.block-search .form-item-custom-search-types{ display:none !important; }
#block-commons-utility-links-utility-links { display:none !important; }


/*alerts forms*/
div.form-item-field-alert-date-value-value .date-padding .form-item { margin:0 !important; }

/*images*/
img.spectrogram-thumbnail {
width:96%; 
}
.featured-media {
  border: solid 1.1em #4c4d4f;
  border-radius: 1em;
  background-color: #4c4d4f;
  color: #fff;
  max-width: 96%;
  display: inline-block;
  width:auto;
  margin: 1em 0;
}
.featured-media a { color: #FFF !important }

/* start page header search form */
.search-form {
  font-size: 13px;
  font-family: arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
/* end page header search form */


/*search results*/
div.search-results-wrapper {
  padding-top: 1em;
}
div.search-results-wrapper ol.search-results {
  margin-left: 0 !important;
}

.onc-device-list-general-label {
float:left;
}

.onc-device-list-general-field {
margin-left: 170px;
display: block;
}

.onc_title_display {
   clear: both;
   display: block;
}

p.onc_float_display img {
float: left;
margin-left: 5px; 
margin-right: 5px;
}

#quicktabs-device_listing_tabs .item-list {
  background-color:#BCD6EB;
}

.onc_clear_left {
  clear: left;
}

.view-onc-device-category-details .view-content .views-table,
.view-onc-device-category-all .view-content .views-table,
.view-teaching-resources .view-content .views-table,
.view-onc-device-listing .view-content .views-table
{
   table-layout: fixed  !important;
}

/*articles*/
.article-title-top {
  font-size: smaller;
  text-transform: uppercase;
}
.article-body{ clear:both; }

/*newsletters*/
#node-878 .node-content img,
#node-881 .node-content img {
  border: none !important;
}
/* end formerly in the web admin panel for custom css */


/* Page Headers */
#page #content h1 { font-size: 36px; }
#page #content h2 { font-size: 28px; }
#page #content h3 { font-size: 24px; }
#page #content h4 { font-size: 20px; }
#page #content h5 { font-size: 18px; }
#page #content h6 { font-size: 16px; }
#page #content h1, #page #content h2, #page #content h3, #page #content h4, #page #content h5, #page #content h6 {
	margin: 0 0 20px 0;
}

/* Subnavigation */
#page #content .onc-subnavigation .block-inner {
	padding: 20px 0;
	margin-left: 0;
}

#page #content .onc-subnavigation .block-inner .menu {
	margin: 0;
}
#page #content .onc-subnavigation h2, 
.page-sights-sounds #content-column .onc-subnavigation h2 {
	margin: 0 0 0.5em 20px;
	font-size: 38px;
	font-family:'Open Sans Regular', 'Open Sans';
}
#page .onc-subnavigation li.first.menu-depth-1 { 
	border-top: none;
	padding-top: 0;
}
#page .onc-subnavigation li.menu-depth-1 { 
	border-top: 1px solid #d5d5d7; 
	padding-top: 0.5em; 
	padding-bottom: 0.5em;
	margin-left:20px;
	margin-right:20px;
}
#page .onc-subnavigation li.menu-depth-2,
#page .onc-subnavigation li.menu-depth-3,
#page .onc-subnavigation li.menu-depth-4 {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA4LzMwLzEz7TJ2BgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABESURBVAiZZY7BEcBACAIhWkHSf6uQx8UZ7sJLlGWEbeOTl8biiuUdGQAA05HkzJKaOOML8FY75BwkdQfxJF1VW93v2xdCVEEEO3HLWgAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
}
#page .onc-subnavigation li.menu-depth-2 {
	background-position: 10px 0.6em; 
}
#page .onc-subnavigation li.menu-depth-3 {
	background-position: 30px 0.5em; 
}
#page .onc-subnavigation li.menu-depth-4 {
	background-position: 50px 0.6em; 
}
#page .onc-subnavigation li.menu-depth-1 > a { padding-left: 20px; margin: 0 -20px; line-height: 1.5em; }
#page .onc-subnavigation li.menu-depth-2 > a { padding-left: 40px; margin: 0 -20px; line-height: 1.5em; }
#page .onc-subnavigation li.menu-depth-3 > a { padding-left: 60px; margin: 0 -20px; line-height: 1.2em; }
#page .onc-subnavigation li.menu-depth-3 > a::after { content:''; display:block; height: 0.5em; }
#page .onc-subnavigation li.menu-depth-4 > a { padding-left: 80px; margin: 0 -20px; line-height: 1.5em; }

#page .onc-subnavigation li.collapsed,
#page .onc-subnavigation li.expanded,
#page .onc-subnavigation li.leaf {
	list-style: none;
}
#page .onc-subnavigation a {
	display: block;
}



/* Content */
#page #content ul,
#page #content ol {
	margin-left: 2em;
}

#page #content blockquote {
	border-left: 10px solid #5E8F52;
	padding: 0.5em 1em 0.2em 1em;
}

#page #content dl dt {
	color: #5E8F52;
	font-weight: bold;
}

#page #content hr {
	background: url(images/ts/dotline_horiz.gif) left center repeat-x;
	border: none;
	height: 3px;
	margin: 20px 0 20px 0;
}

#page #content .view-id-backgrounders p {
 margin: 0 0 10px 0; 
}
/* Start ONC Home Page Heading */
.page-onc-home #page #content .home-page-header h1 {
	font-family: "OutageCut";
	letter-spacing: -1px;
}
.page-onc-home #page #content .home-page-header h1 span:nth-child(1) {
	color: #73bad6;
	opacity: 1;
}
.page-onc-home #page #content .home-page-header h1 span:nth-child(2) {
	color: #2d7dae;
	opacity: 0.9;
}
.page-onc-home #page #content .home-page-header p {
	font-family: "Open Sans", sans-serif;
	color: #dbdcde;
}
.page-onc-home #page #content .home-page-header .block-inner,
.page-onc-home #page #content .section-feature-news-flash .block-inner{
	padding: 0;
  	margin: 0;
}
.page-onc-home #page #content .home-page-header .block-inner,
.page-onc-home #page #content .section-feature-news-flash .block-inner{
}
/* End ONC Home Page Heading */
/* Start ONC Home Page Banner */
.page-onc-home #page #content .section-feature-banner {
     margin: 0 -40px -18px -40px;
}
.page-onc-home #page #content .section-feature-banner img {
     width:100%;
     height: auto;
     margin:0;
}
/* End ONC Home page banner */
/* Start ONC Home Page News Flash */
.page-onc-home #page #content .section-feature-news-flash {
 	margin-top: 0px !important;		
	padding: 0;
  	color: #FFF;
  	line-height: 1.5;
  	height: 400px;
}

.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(1) {
    padding-right: 0;
	border: 0px red solid;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(2) {
}
.page-onc-home .section-feature-news-flash div.views-field:nth-child(1) > span {
	display: inline-block;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0px yellow solid;
	-moz-box-sizing: border-box;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(1) .article-image {
   width: 100%;
   overflow:hidden;
   padding: 0;
   margin: 0;
   border: 0px solid green;
   -moz-box-sizing: border-box;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field .article-image  p:first-child {
	display: inline-block;
	height: 100%;
	padding: 0;
	margin: 0;
    border: 0px solid white;
   -moz-box-sizing: border-box;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(1) .article-image img {
	width: auto;
	max-width: none;
	margin: 0 0 -12px 0;
	padding: 0;
    border: 0px solid blue;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(1) .article-title, 
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(1) .article-teaser {
	display: none;
}
.page-onc-home #page #content .section-feature-news-flash div.views-field:nth-child(2) .article-image
{
	display: none;
}

/* End ONC Home Page News Flash */
/* Start ONC Home Page Events Block */ 
.page-onc-home #page #content #section-feature-container-events {
}
.page-onc-home #page #content .events-listing-today,
.page-onc-home #page #content .events-listing-upcoming {
	margin-top: -12px;
}
.page-onc-home #page #content #section-feature-content-events-tabs-header .block-content {
	display: table;
	width: 100%;
}
.page-onc-home #page #content #section-feature-content-events-tabs-header h2 {
	width: 50%;
	font-family: "Open Sans", sans-serif;
	font-weight: 900;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border: 3px solid #004952;
	border-bottom: 0px solid #eeeeee;
	margin: 0;
	padding: 0;
	opacity: 1;
	cursor:default;
	display: table-cell;
}
.page-onc-home #page #content #section-feature-content-events-tabs-header h2:hover {
	opacity:0.7;
	cursor:pointer;
}
.page-onc-home #page #content #section-feature-content-events-tabs-header h2:nth-child(1) {
}
.page-onc-home #page #content #section-feature-content-events-tabs-header h2:nth-child(2) {
}
.page-onc-home #page #content #section-feature-content-events-tabs-header  h2.active-block{
	background: #FFFFFF;
	color: #004952;
	z-index:1;
}
.page-onc-home #page #content #section-feature-content-events-tabs-header h2 {
	background-color: #004952;
	color: #FFFFFF;
	z-index:0;
}
.page-onc-home #page #content .events-listing-today.active-block .block-content,
.page-onc-home #page #content .events-listing-upcoming.active-block  .block-content {
	display: block;
}
.page-onc-home #page #content .events-listing-today .block-content,
.page-onc-home #page #content .events-listing-upcoming .block-content  {
	display: none;
}

.page-onc-home #page #content .events-listing-today table,
.page-onc-home #page #content .events-listing-upcoming table {
	margin: 0;
	border: 3px solid #004952;
	border-top: 0px solid #004952; 
	color: #77787C;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.page-onc-home #page #content .events-listing-today tr.odd,
.page-onc-home #page #content .events-listing-upcoming tr.odd {
	background-color: #eeeeee;
}
.page-onc-home #page #content .events-listing-today tr.even,
.page-onc-home #page #content .events-listing-upcoming tr.even {
	background-color: #ffffff;
}
.page-onc-home #page #content .events-listing-today td,
.page-onc-home #page #content .events-listing-upcoming td {
	border: 0 solid #FFFFFF;
	height: 60px;
}
.page-onc-home #page #content .events-listing-today td:nth-child(1) {
    width: 50px;
}
.page-onc-home #page #content .events-listing-upcoming td:nth-child(1) {
    width: 120px;
}
.page-onc-home #page #content .section-feature-content .events-listing-today a,
.page-onc-home #page #content .section-feature-content .events-listing-today a:hover,
.page-onc-home #page #content .section-feature-content .events-listing-today a:focus,
.page-onc-home #page #content .section-feature-content .events-listing-today a:active,
.page-onc-home #page #content .section-feature-content .events-listing-today a:visited,
.page-onc-home #page #content .section-feature-content .events-listing-upcoming a,
.page-onc-home #page #content .section-feature-content .events-listing-upcoming a:hover,
.page-onc-home #page #content .section-feature-content .events-listing-upcoming a:focus,
.page-onc-home #page #content .section-feature-content .events-listing-upcoming a:active,
.page-onc-home #page #content .section-feature-content .events-listing-upcoming a:visited {
	color: #77787C;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}
td.views-field.views-field-description span.watch-live {
	background-color: #3F9AAD;
    color: #FFF;
    padding: 2px 4px;
    text-align: center;
    width: 120px;
    margin: 0 auto 0 0;
    border-radius: 4px;
    font-weight: 900;
    display: none;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
}
td.views-field.views-field-description  span.watch-live.camera-lights-on {
	display: block;
}
td.views-field.views-field-description  span.watch-live.camera-lights-on::after {
	content: "";
	height: 0;
	display: block;
}
td.views-field.views-field-description  span.date-start {
    display: inline;
}
td.views-field.views-field-description span {
    display: block;
}
.page-onc-home #page #content .events-listing-today .view-empty,
.page-onc-home #page #content .events-listing-upcoming .view-empty {
	border: 3px solid #004952;
	background: #eee;
	color: #77787C;
	padding: 40px 20px;
	margin-top: -3px;
}
td.views-field.views-field-field-alert-date {
    width: 30%;
}

/* End ONC Home Page Events Block */
/* Start other Home page content */

.page-onc-home .block.onc-zero-block {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}


/* Footer - the main page footer only */
#page > footer {
  padding: 20px 0 0 0;
}
#page > footer section ul li {
	list-style-type: none;
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA4LzMwLzEz7TJ2BgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABESURBVAiZZY7BEcBACAIhWkHSf6uQx8UZ7sJLlGWEbeOTl8biiuUdGQAA05HkzJKaOOML8FY75BwkdQfxJF1VW93v2xdCVEEEO3HLWgAAAABJRU5ErkJggg==');
	font-size: 90%;
}
#page > footer .webform-client-form textarea {
	border: none !important;
}
#page > footer .webform-client-form .grippie {
	display: none;
}
#page > footer .webform-client-form input:not([type=submit]) {
	width: 97%;
	border: none !important;
}
#page > footer .webform-client-form input[type=submit] {
	width: 100%;
}
#page > footer .webform-client-form input[type=submit],
.call-to-action_primary {
	text-align: left;
	font-weight: 700;
	border: none;
	background: #0A5D69 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQA5LzMvMTNj9j+OAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAGlJREFUGJWN0bsRQFAQheE7BCKZXKwQPShBEUrQhBLUcAtQgVQsEpn5hY51ZznxN/sMwMmdPtgAg4ADaCzIgShoAQqLamAXNKZadTzTptAkYAMqC0pgFTRnrzJe3BbukO6an4f6c2r3WRey1PCbJ9XS7wAAAABJRU5ErkJggg==') right 10px center no-repeat;
	color: #ffffff;
	display: inline-block;
	padding: 4px 24px 4px 12px;
	border-radius: 4px;
}


#page > footer .block-region-footer.block-3 {
	text-align: center;
}
#page > footer .block-region-footer.block-2 {
	text-align: right;
	font-size: small;
	padding-bottom: 20px;
}
#page > footer .block-region-footer.block-2 .block-content p:first-child {
	float: left;
	margin-right: 20px;
}

/* Feed icons */
.feed-icon img {
  padding: 0 10px;
}

/* Search results list. */
.search-results {
  margin: 0;
}
.search-results .search-result {}
.search-results .title {
  font-size: 1.154em;
}
.search-results .search-snippet-info {
  padding: 0;
}
.search-results p {
  margin: 0;
}
.search-results .search-snippet {}
.search-results .search-info {
  font-size: 0.923em;
}
/* column width video */
.video-container {
    height: 0;
    overflow: hidden;
    margin-bottom: 8px;
    padding-top: 30px;
    padding-bottom: 56.25%; /* 9/16 inverse of 16/9 -- override this for different aspect ratio */
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* end column-width video */

/* Maintenance page */
.maintenance-page #skip-link {
  position: absolute;
  top: -99em;
}
.maintenance-page footer {
  margin: 10px 0 0;
}
.maintenance-page footer a {
  text-decoration: none;
  color: #ccc;
}
div.messages {
  margin: 5px 20px;
  clear: both;
}
div.messages, div.messages h2, div.messages em {
  color: #000000;
}

/* Override max-width 100% for Gmaps and Getlocations modules */
.gmap img,
.view-gmap img,
#getlocations_map_canvas img {
  max-width: none;
}

/* Collapsible region */
.js .region-collapsible,
.collapsible-toggle {
  display: none;
}
.region-collapsible-wrapper {
  display: none;
}
.toggle-active .region-collapsible-wrapper {
  display: block;
}
.section-collapsible,
.region-highlighted {
  padding: 1em 0;
}
.js .section-collapsible {
  bottom: 0;
  height: 50%;
  height: auto !important;
  max-height: 50%;
  position: fixed;
  right: 0;
  z-index: 100;
}
.section-collapsible.toggle-active {
  overflow: auto;
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.region-collapsible {
  padding: 15px 30px 15px 15px;
  overflow: hidden;
}
.region-collapsible  .block {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.js .collapsible-toggle {
  border: none;
  display: block;
  font-size: 1.077em;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}
.collapsible-toggle a,
.collapsible-toggle a:visited {
  background: url(images/black.png) no-repeat 16px -248px;
  bottom: 0;
  display: inline-block;
  height: 20px;
  padding: 1em;
  position: fixed;
  right: 0;
  text-indent: -999em;
  width: 20px;
  z-index: 1;
  -moz-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.toggle-active .collapsible-toggle a {
  background-position: 16px -390px;
  position: relative;
  float: right;
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.collapsible-toggle a:hover,
.collapsible-toggle a:focus,
.collapsible-toggle a:active {
  background-image: url(images/gray.png);
  outline: 0;
}
.link { background-position: 0 0; }
.locked { background-position: 0 -66px; }
.minus { background-position: 0 -132px; }
.plus { background-position: 0 -198px; }
.popout { background-position: 0 -264px; }
.search { background-position: 0 -330px; }
.x { background-position: 0 -396px;}



/* Science page - http://proxy.onc.uvic.ca/science */
.section-science #content-column {
	background-color: rgba(0, 0, 0, 0.64);

}/*
.section-science #main-content {
	background-color: rgba(0, 0, 0, 0.64);
	margin: 0;
	padding: 0 18px;
}
.page-science #content-column,
.section-science #content-column {
	background-color:transparent;
}
*/



/* Sights & Sounds Section Global */
.section-sights-sounds #main-content {
	margin: 0;
	padding: 0;
}
.page-sights-sounds #content-column,
.section-sights-sounds #content-column {
  background-color: rgba(0, 0, 0, 0.64);
}
.section-sights-sounds .content-inner {
    padding: 50px 0;
}
.page-sights-sounds #content-column h2 {
  font-family:'Open Sans Regular', 'Open Sans';
  font-size:26px;
  font-weight:normal;
  margin:0px 0px 20px 0px;
}
.page-sights-sounds div.panel-separator {
  height: 0px;
}
.page-sights-sounds .view-footer .call-to-action_primary {
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABR0RVh0Q3JlYXRpb24gVGltZQA5LzMvMTNj9j+OAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAGlJREFUGJWN0bsRQFAQheE7BCKZXKwQPShBEUrQhBLUcAtQgVQsEpn5hY51ZznxN/sMwMmdPtgAg4ADaCzIgShoAQqLamAXNKZadTzTptAkYAMqC0pgFTRnrzJe3BbukO6an4f6c2r3WRey1PCbJ9XS7wAAAABJRU5ErkJggg==') no-repeat scroll right 10px center #000000;
  background-color:rgba(0, 0, 0, 0.5);
  display: block;
}

.s-n-s-lp3c .region-three-33-first .region-inner,
.s-n-s-lp3c .region-three-33-second .region-inner,
.s-n-s-lp3c .region-three-33-third .region-inner {

	background-color: rgba(0, 0, 0, 0.64);
} 

/* Start Sights & Sounds Landing Page */

.section-sights-sounds.s-n-s-lp3c #main-content {

	background-color: transparent;
}
.section-sights-sounds .field-content.image-embed-field-body {
    text-align: center;
}

.page-sights-sounds #content .region a.call-to-action_primary
{
	color: #FFFFFF;	/* white */
	min-width: 33%;
    line-height: 3;
}

/* sights & sounds images */
#sights-sounds-flickr-pull > .block-inner,
.pane-video-playlists > .block-inner {
    margin-left: 0;
}
/* sights & sounds video highlights */
.page-sights-sounds-video-highlights .view-footer {
  background:none;
}
.page-sights-sounds-video-highlights .view-footer hr {
  margin-bottom:-20px;
  margin-left:-11px;
  margin-top:11px;
}

.page-sights-sounds .view-footer a {
  font-weight:bold;
}

.section-sights-sounds #columns a img {
  border:#FFFFFF 2px solid;
}
.section-sights-sounds div#columns div#content-column .ical-icon img,
.section-sights-sounds div#columns div#content-column .print-pdf img,
.section-sights-sounds div#columns div#content-column .print-page img {

  border:none;
}
.page-sights-sounds table td,
.section-sights-sounds table td {
  border-width:0;
  padding-top:0;
  padding-bottom:0;
}
.page-sights-sounds table td .videobox,
.section-sights-sounds table td .videobox {
  padding:0;
}
.page-sights-sounds table td img,
.section-sights-sounds table td img {
  width:100%;
}

.page-sights-sounds .view-content table.views-view-grid,
.page-sights-sounds .field-content p:last-child {
  margin-bottom:0.25rem;
}
.section-sights-sounds .region-two-66-33-second .field-content a img,
.page-sights-sounds .pane-sights-and-sounds-panel-pane-2 .field-content a img {
	margin-top:5px;
}

.page-sights-sounds .onc-live-video-sidebar-block {
	margin-bottom: 0;
}
.page-sights-sounds .onc_no_border_table {
	margin-top:0;
	margin-bottom:0;
}

/* Sights & Sounds - Image Flickr Pull */

.section-sights-sounds.flickr-pull #main-content {
	background-color: transparent;
}
.section-sights-sounds.flickr-pull .region-two-66-33-second,
.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-flickr {
	background-color: rgba(0, 0, 0, 0.64);
}
.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-custom.pane-1.block,
.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-flickr {
	margin-right: 8px;
	margin-bottom: 0px;
	padding: 0px;
}
.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-custom.pane-1.block .block-inner {
	margin-right: 0px;
}


.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-flickr .block-inner {
	padding-left: 8px;
}
.section-sights-sounds.flickr-pull .region-two-66-33-first .pane-flickr .block-inner h2 {
	padding: 0px 0px 15px 0px  !important;
	margin: 0px 0px 0px 2px !important;
	position: relative;
	top: 2px;
}

.section-sights-sounds.flickr-pull #page #content .region-two-66-33-first .view-flickr .views-fluid-grid ul.views-fluid-grid-list {
	margin:0;
}

.section-sights-sounds.flickr-pull ul.views-fluid-grid-items-width-400 li.views-fluid-grid-item {
	width: 49.25%;
}


/*---------- Start Flickr Image Viewer ----------*/

/* flickr image start page specific */
#onc-sns-viewer {
	background-color: rgba(0,0,0,0.4);
	padding: 6px 6px 0 6px;
	display: block;
}
.onc-flickr-viewer-album-ctrl > div > div.ctrl-l,
.onc-flickr-viewer-album-ctrl > div > div.ctrl-r {
	border: 2px solid #000000;
	background-color: rgba(0,0,0,0.4);
}
#page #content .view-flickr ul {
    margin-left: 0;
}
.section-sights-sounds .views-fluid-grid-list li.views-row-odd {
	margin-left: 0;
	padding: 0;	
}
.section-sights-sounds .views-fluid-grid-list li.views-row-even {
	margin-left: 0;	
	margin-right: 0px;	
	padding: 0;	
}

/* flickr image end page specific */

.onc-flickr-viewer-pic-img {
	border: #000000 0 solid;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.onc-flickr-viewer-pic-img .onc-flickr-viewer-pic-info,
.onc-flickr-viewer-pic-img .onc-flickr-viewer-pic-img-src {
  border: 0;
  margin: 0;
}

.onc-flickr-viewer-pic-img-src {
  padding: 0;
  overflow: hidden;
}

.onc-flickr-viewer-pic-img-src img {
	margin: 0;
	width: 100%;
	height: auto;
	padding: 0;
}

.onc-flickr-viewer-pic-img-src img.next {
  cursor: pointer;
}

.onc-flickr-viewer-pic-img-src img.prev {
  cursor: pointer;
}

.onc-flickr-viewer-pic-img-src  div.img-ctrl {
  height: 0;
  text-align: center;
  position: relative;
}

.ctrl-l,
.ctrl-r {
  height: 75px !important;
  margin: 5px 0;
}


.img-lt,
.img-rt {
  background-image: url("/sites/all/themes/shazbot/css/images/sns/sns-sprites.png");
  background-repeat: no-repeat;
  background-color: rgb(2,2,2);
  cursor: pointer;
  display: none;
  height: 78px;
  width: 24px;
}

.img-lt {
  background-position: 0px -274px;
  left:0;
}

.img-rt {
  background-position:  0px -604px;
  right:0;
}

.onc-flickr-viewer-pic-img-src:hover .img-lt.hover,
.onc-flickr-viewer-pic-img-src:hover .img-rt.hover {
  display: inline-block;
}

.onc-flickr-viewer-pic-info {
  font-size: 12px;
}

.onc-flickr-viewer-pic-img .onc-flickr-viewer-pic-info ul {
  list-style: none outside none;
  margin: 0 !important;
  overflow: auto;
  padding: 0;
}

.onc-flickr-viewer-pic-info ul li {
  border-bottom: #000000 0 solid;
  margin: 0 0 0 4px;
  padding: 2px 0;
}

.onc-flickr-viewer-pic-info ul li .tag {
  border: #FFFFFF 1px solid;
  border-radius: 4px;
  display: inline-block;
  margin: 2px 5px 2px 0px;
  padding: 1px 4px 2px;
}

.onc-flickr-viewer-pic-info ul li.onc-flickr-viewer-pic-info-title {
  font-size: 16px;
  margin-bottom: 4px;
}

li.onc-flickr-viewer-pic-info-desc {
}

li.onc-flickr-viewer-pic-info-tags {
}

.onc-flickr-viewer-pic-info ul li.onc-flickr-viewer-photo-set-title {
  margin-top: 12px;
}

.onc-flickr-viewer-pic-info ul li.onc-flickr-viewer-pic-info-extra {
  margin-top: 8px;
}

.onc-flickr-viewer-pic-info ul li a.onc-flickr-viewer-pic-full-size {
  background-image: url("/sites/all/themes/shazbot/css/images/sns/sns-sprites.png");
  background-position: 0px -1008px;
  background-repeat: no-repeat;
  display:inline-block;
  height: 24px;
  padding: 4px 0px 0px 48px;
  white-space: nowrap;
  width: 99px;
}

.onc-flickr-viewer-album-ctrl {
  display: table;
  height: 82px;
  margin-top: 12px;
  width: 100%;
 }
 
 .onc-flickr-viewer-album-ctrl > div {
  display: table-cell;
   height: 83px;
  overflow:hidden;
 }
 
.onc-flickr-viewer-album-ctrl-left {	
  width:10%;
}

.onc-flickr-viewer-album-ctrl-center {  
  text-align:left;
  width:80%;
  padding: 0 6px;
}

.onc-flickr-viewer-album-ctrl-right {
  width:10%;
}

.onc-flickr-viewer-album-ctrl > div > div {
  display: block;
  height: 85px;
  overflow: hidden;
}

.onc-flickr-viewer-album-ctrl > div > div.ctrl-l,
.onc-flickr-viewer-album-ctrl > div > div.ctrl-r {
  background-image: url("/sites/all/themes/shazbot/css/images/sns/sns-sprites.png");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 80px
}

.sns-sprite.sprite-sns-images-left:hover,
.sns-sprite.sprite-sns-images-right:hover {
  background-color: #000000;
}

.onc-flickr-viewer-album-list {
	overflow: hidden;
}

.onc-flickr-viewer-album-list ol {
  list-style: none outside none;
  margin: auto;
}

.onc-flickr-viewer-album-list ol li {
  border: #FFFFFF 2px solid;
  float: left;
  height: 75px;
  margin: 3px;
  overflow: hidden;
  width: 75px;
  display: inline-block;
}

.onc-flickr-viewer-album-list ol li.selected {
  border: #ffd700 3px solid;
  margin: 2px;
}

.onc-flickr-viewer-album-list ol li:hover {
  cursor: pointer;
}
/*---------- End Flickr Image Viewer ----------*/


.section-sights-sounds .views-fluid-grid-list li {

	background-color: transparent;
	border: transparent;
	font-size: 12px;
	margin-bottom: 4px;
}

.section-sights-sounds .onc-sns-flickr-sq {

	float:left;
	margin: 0px;
	padding: 0px;
}
.section-sights-sounds #columns .onc-sns-flickr-sq img {

	border-width: 0px;
	cursor: pointer;
	margin: 0px 4px 0px 0px;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}
.section-sights-sounds .onc-sns-flickr-sq-a {

	display: block;
	height: 1.5rem;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.section-sights-sounds .onc-sns-flickr-sq-a a {

	cursor: pointer;
}
li div.views-field-text-3 {

	font-size: 12px;
	height: 112px;
	margin-top: 12px;
	overflow: auto;
}
.section-sights-sounds .onc-sns-flickr-rt-col {

	margin: 0px;
}
.section-sights-sounds .onc-sns-flickr-rt-col div {

	border: #FFFFFF 1px solid;
	float: none;
	max-height: 248px;
	overflow: hidden;
}
.section-sights-sounds .onc-sns-flickr-rt-col img {

	width: 100%;
}
.section-sights-sounds #page .region-two-66-33-second #widgets-element-socialmedia_profile-default {

	margin: 15px 0px;
	text-align: center;
}
.section-sights-sounds .region-two-66-33-second #widgets-element-socialmedia_profile-default a img {

	border:none;
}




/* Sights & Sounds Video */

.page-sights-sounds-video #main-content {
	background: none;
}
/*.page-sights-sounds-video #main-content .region-two-66-33-second,
.page-sights-sounds-video #main-content .region-two-66-33-first .block-inner {
	background-color: rgba(0, 0, 0, 0.64);
}*/
.block.pane-video-playlists {
	margin-bottom: 0;
}
.page-sights-sounds-video #main-content .region-two-66-33-first .block-inner .view-video-playlists {
	padding-bottom: 20px;

}
.page-sights-sounds-video #main-content .region-two-66-33-first .block-inner {
	padding-top: 0;
}
.page-sights-sounds-video #page #content .region-two-66-33-first .pane-video-playlists .block-content  {
	padding-top: 8px;
}

.page-sights-sounds .pane-video-playlists div.block-inner {
	margin-right: 0px;
	/*padding: 0 20px;*/
	padding: 0 20px 0 40px;
}
.page-sights-sounds .view-twitter-widget p,
.page-sights-sounds .onc-live-video-sidebar-block p.lights-description,
.page-sights-sounds .view-id-camera_lights_calendar.view-display-id-panel_pane_2  {
	font-size: 12px;
}
.page-sights-sounds .view-id-camera_lights_calendar td p.live-camera-title,
.page-sights-sounds .onc-live-video-sidebar-block td p.live-camera-title {
	font-size: 18px;
}
/* END Sights and Sounds Video */

/* Start Sights and Sounds Audio */
.page-sights-sounds.audio-landing .region-two-66-33-second .view-hydrophone a.camera-lights-info-link,
.sight-n-sounds-live-audio .region-two-66-33-second .view-hydrophone a.camera-lights-info-link,
.page-sights-sounds .view-id-camera_lights_calendar td a.camera-lights-info-link, 
.page-sights-sounds .onc-live-video-sidebar-block td a.camera-lights-info-link,
.page-sights-sounds .onc-live-video-sidebar-prime-block a.camera-lights-info-link,
.hydrophone-viewer-sidebar a.camera-lights-info-link {
	display: inline-block;
	background: url("/sites/all/themes/shazbot/css/images/sns/sns-sprites.png") 0 -734px no-repeat;
	width: 24px;
	height: 24px;
	padding:0;
	margin: 0 0 6px 6px;
	float:right;
}
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.page-sights-sounds.audio-landing .hydrophone-viewer-main,
.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar {

	display: inline-block;
	vertical-align: middle;
	width:48%;
}
.page-sights-sounds.audio-landing .hydrophone-viewer-main img.spectrogram,
.page-sights-sounds.audio-landing .hydrophone-viewer-main audio.spectrogram {
	border: #5C5959 thin solid;
	display: block;
	min-width: 130px;
	width:100%;
}
.page-sights-sounds.audio-landing div.hydrophone-viewer-main img.spectrogram {
	background-color: #FFFFFF;
	background-image: url("/sites/all/themes/shazbot/css/images/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: 50% 35%;
	min-height: 99px;
}

.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar {

	font-size: 15px;
}
.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar a,
.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar p {

	display: block;
	margin: 0px 0px 0px 12px;
}
.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar a.audio-down-link,
.page-sights-sounds.audio-landing .hydrophone-viewer-sidebar .hydrophone-viewer-permalink,
.page-sights-sounds-live-audio-hydrophone-viewer .hydrophone-viewer-sidebar a.camera-lights-info-link {

	display: none;
}
.page-sights-sounds-live-audio-hydrophone-viewer .hydrophone-viewer-sidebar .hydrophone-viewer-permalink {

	font-size: x-small;
	font-weight: normal;
	position: relative;
	top: -2px;
	left: 36px;
}
.page-sights-sounds-live-audio-hydrophone-viewer .hydrophone-viewer-main img.spectrogram,
.page-sights-sounds-live-audio-hydrophone-viewer .hydrophone-viewer-main audio.spectrogram {

	width: 100%;
	max-width: 1200px;
}

.page-sights-sounds.page-sights-sounds-audio-2 #main-content .region-two-66-33-second {

	background-color: rgba(0, 0, 0, 0.64);
}

.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .view-hydrophone .view-footer, 
.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .view-hydrophone .view-content,
.page-sights-sounds.audio-landing .region-two-66-33-second .view-hydrophone .view-footer, 
.page-sights-sounds.audio-landing .region-two-66-33-second .view-hydrophone .view-content {
	display: inline-block;
	width: 48%;
}
.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .views-field-field-audio-url,
.page-sights-sounds.audio-landing .region-two-66-33-second .views-field-field-audio-url {
	left: 2px;
	position: relative;
}
.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .view-hydrophone .view-footer,
.page-sights-sounds.audio-landing .region-two-66-33-second .view-hydrophone .view-footer {
	position: relative;
	top: -114px;
}

.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-content,
.page-sights-sounds.audio-landing .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-content {
	display: block;
	width: 100%;
}
.page-sights-sounds.page-sights-sounds-audio-2 .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-footer,
.page-sights-sounds.audio-landing .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-footer {
	display: none;
}

.page-sights-sounds.page-sights-sounds-audio-2 #page #content .region-two-66-33-second h2.pane-title.block-title,
.page-sights-sounds.audio-landing #page #content .region-two-66-33-second h2.pane-title.block-title {
	font-size:32px;
}



.sight-n-sounds-live-audio .hydroViewer {

	float: left;
	height: 440px;
	margin-bottom: 20px;
	width: 49.7%;
}
.hydrophoneChannelClip .hydrophone-viewer-main,
.hydrophoneChannelClip .hydrophone-viewer-sidebar {

	float: left;
	height: 348px;
	margin-bottom: 20px;
}
.hydrophoneChannelClip .hydrophone-viewer-main {

	text-align: center;
	width: 49.7%;
}
.hydrophoneChannelClip .hydrophone-viewer-sidebar {

	margin-left: 20px;
	width: 47%;
}
.hydrophoneChannelClip .hydrophone-viewer-sidebar a.title {

	display: inline-block;
	margin-top: 200px;
}
.hydrophoneChannelClip .hydrophone-viewer-sidebar a.camera-lights-info-link {

	display: none;
}



audio {
	max-width: 100%;
	height: 30px;
}

.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-main,
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-sidebar {

	margin-right: 20px;
}
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-main {

	text-align: center;
}
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-main img {

	height: auto;
}
.hydrophoneChannelClip .hydrophone-viewer-sidebar .hydrophone-viewer-permalink,
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-sidebar .hydrophone-viewer-permalink {

	font-size: x-small;
	font-weight: normal;
	position: relative;
	top: 0px;
	left: 120px;
}

.hydrophoneChannelClip.hydroViewer .hydrophone-viewer-sidebar a,
.hydrophoneChannelClip.hydroViewer .hydrophone-viewer-sidebar a:visited,
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-sidebar a,
.sight-n-sounds-live-audio .hydroViewer .hydrophone-viewer-sidebar a:visited
{
	color:#42A9BE
}

/* START Sights Sounds Audio Landing SoundCloud */
.section-sights-sounds span#lightbox-image-details-caption {
   color: black;
   font-size: 16px;
}

.section-sights-sounds span#lightbox-image-details-caption a{
   color: #5FB2CE;
   font-size: 16px;
}

.section-sights-sounds.audio-landing #main-content {
   background-color: transparent;
}

.spectoComponent {
}

.specto {
}

.specto a {
    color:black;
}

.spectoImg {
    border:0px !important; 
}

.spectDescription {
  font-size:12px;
}

.spectDescription a {
  color:#9AD0DC;
}

.playlistItem {
  clear: both;
}

.trackItem {
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px; 

}

.spectoThumbImg {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}

.trackTitle {
 color: #9AD0DC;
 font-size:12px;
}

.searchInput {
   background: url(/sites/all/themes/shazbot/css/images/search-button.png) no-repeat scroll left 5px transparent;
   cursor: pointer; 
   background-color: #EFEFEF; 
   color: #000000; 
   height: 28px;
   text-indent:30px;
   width :250px;
   float: right;
}

.searchHr {
   background-image:none !important;
   border-bottom: solid 1px !important;
}
.playlistToggle {
	padding: 0 0 2em 0;
	font-size: 12px;
    clear: both;
}
.playlistToggle a {
	display:block;
	color: #9AD0DC;
	cursor: pointer;
}
/* END Sights Sounds Audio Landing SoundCloud */

/*  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***

.sight-n-sounds-live-audio .region-two-66-33-second .view-hydrophone .view-footer, 
.sight-n-sounds-live-audio .region-two-66-33-second .view-hydrophone .view-content {
	display: inline-block;
	width: 48%;
}
.sight-n-sounds-live-audio .region-two-66-33-second .views-field-field-audio-url {
	left: 2px;
	position: relative;
}
.sight-n-sounds-live-audio .region-two-66-33-second .view-hydrophone .view-footer {
	position: relative;
	top: -24px;
}

.sight-n-sounds-live-audio .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-content {
	display: block;
	width: 100%;
}
.sight-n-sounds-live-audio .region-two-66-33-second .live-audio-RHS-map .view-hydrophone .view-footer {
	display: none;
}

***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  ***  */

/*  ***  ***  ***  LEARNING  ***  ***  ***  */

#cboHydrophoneContainer .hydrophone-viewer-main {
	text-align: center;
}

.page-learning-community-observatories #cboHydrophoneContainer .hydrophone-viewer-sidebar {

	display: none;
}
.page-learning-community-observatories #cboHydrophoneContainer audio.spectrogram {

	max-width: 100%;
}
.educator-resources-grid .view-content .views-field-title{
	font-size: 140%;
	padding-top: 0px;
	padding-bottom: 5px;
	
}
.educator-resources-grid .view-content .views-label-field-education-level{
	font-weight: bold;
	padding-right: 5px;
}
.educator-resources-grid .view-content .views-field-field-education-level{
	display: inline-flex;
	padding-right: 0px;
	float: right;
}
.educator-resources-grid .view-content .views-label-field-category{
	font-weight: bold;
	padding-right: 5px;
}
.educator-resources-grid .view-content .views-field-field-category{
	display: inline-flex;
	padding-right: 5px;
	float: right;
}
.educator-resources-grid .view-content .views-field-field-description{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	display: inline-flex;
	width: 65%;
	float: left;
}
.educator-resources-grid .view-content .views-field-field-main-image{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	display: inline-block;
    width: 110px;
    height: 100px;
    vertical-align: middle;
    background: none;
    text-align: left;
    margin-bottom: 0px;
    float: left;
}
.educator-resources-grid .view-content .views-field-field-education-level{
	padding-right: 5px;
}
.educator-resources-grid tbody tr:nth-child(odd) {
   background-color: #eee;
   border-radius: 6px;
}
.educator-resources-grid .views-field-field-main-image .field-content {
	display:inline-block;
}
.educator-resources-grid .views-field-field-featured-item {
	display: none;
}
.view-display-id-page_1.educator-resources-grid .view-content .col-first{
	border: 2px solid #7AC142;
}

/*  ***  ***  ***  END OF LEARNING  ***  ***  ***  */


/* expedition camera buttons */
button.camera-button {
	background: #e6e4e2 url(/misc/ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	color:black;
}
button.camera-button.active {
	background: #d6d4d1 url(/misc/ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}

/* Notice to Mariners Emergency Contact Form - http://proxy.onc.uvic.ca/installations/notice-mariners */

.onc-ntm-emergency-contact {
  border-bottom:#CCCCCC 1px solid;
  padding-bottom:10px;
}
.onc-ntm-emergency-contact h1,
.onc-ntm-emergency-contact h2,
.onc-ntm-emergency-contact h3 {
  font-weight:bold;
}
.onc-ntm-emergency-contact h1 {
  font-size:55px;
  margin:12px 0px;
}
.onc-ntm-emergency-contact h2 {
  font-size:28px;
  margin:6px 0px;
}
.onc-ntm-emergency-contact .onc-ntm-single-space-line{
  display:block;
}

/*
 * Home page
 */
 
.page-onc-home .content-inner {
  padding: inherit;
}

.page-onc-home #main-content {
  margin-left: 0px;
  margin-right: 0px;
}

.page-onc-home #content {
  background-color:transparent;
}
.page-onc-home #content-column {
  background-color:transparent;
}

.page-onc-home #breadcrumb {
	display: none;
}

.page-onc-home #content .panel-display{
  margin-left: 0;
  margin-right: 0;		
}

.page-onc-home #block-system-main div.region {
  margin-top: 0px;		
}

.page-onc-home #page #content .section-feature-head {
	padding: 50px 0 0 0;
}

.page-onc-home #page #content .section-feature-head {
 	margin-top: 0px !important;		
  	color: #FFF;
  	line-height: 1.5;
}
.page-onc-home #page #content .section-feature-head p:last-child {	
	padding-bottom: 40px;
}
.page-onc-home #page #content .section-feature-head.with-intro::after {
	content: "";
	display:block;
	width: 30px;
	height: 10px;
	position: relative;
	top: 10px;
	left: 110px;
}
.page-onc-home #page #content .section-feature-head.with-intro.section-feature-science::after {
	background-image: url("/sites/default/files/images/pages/home/section-feature-arrow-science.png");
	background-repeat: no-repeat;
}
.page-onc-home #page #content .section-feature-head.with-intro.section-feature-installations::after {
	background-image: url("/sites/default/files/images/pages/home/section-feature-arrow-installations.png");
	background-repeat: no-repeat;
}
.page-onc-home #page #content .section-feature-head.with-intro.section-feature-innovation-centre::after {
	background-image: url("/sites/default/files/images/pages/home/section-feature-arrow-innovation-centre.png");
	background-repeat: no-repeat;
}
.page-onc-home #page #content .section-feature-head.with-intro.section-feature-data-tools::after {
	background-image: url("/sites/default/files/images/pages/home/section-feature-arrow-data-tools.png");
	background-repeat: no-repeat;
}
.page-onc-home #page #content .section-feature-news-flash h2,
.page-onc-home #page #content .section-feature-head h2,
.page-onc-home #page #content .section-feature-head h2.block-title,
.page-onc-home #page #content .section-feature-content h2,
.page-onc-home #page #content .section-feature-content h2.block-title,
.page-onc-home #page #content .section-feature-end h2,
.page-onc-home #page #content .section-feature-end h2.block-title,
.page-onc-home #page #content #section-feature-container-watch h2 {
  	color: #FFF;
	font-family: 'OutageCut';
	font-weight: normal;
	font-weight: 300;
}
.page-onc-home #page #content .section-feature-news-flash h2 a,
.page-onc-home #page #content .section-feature-head h2 a,
.page-onc-home #page #content .section-feature-content h2 a,
.page-onc-home #page #content .section-feature-end h2 a,
.page-onc-home #page #content #section-feature-container-watch h2 a {
	font-family: 'OutageCut';
	font-weight: normal;
	font-weight: 300;
	padding:0 20px 0 0;
	display: inline-block;
}
.page-onc-home #page #content .section-feature-news-flash h2 a:after,
.page-onc-home #page #content .section-feature-head h2 a:after,
.page-onc-home #page #content .section-feature-content h2 a:after,
.page-onc-home #page #content .section-feature-end h2 a:after,
.page-onc-home #page #content #section-feature-container-watch h2 a:after {
    content: "";
    display: inline-block;
 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpiYICC////GwBxPwM5AKhRAIjP/4eA+ZRo/k+yIVCnv/+PCUYNGf6GgNIPpYacp4ohpHjHAYsB/ynJLyDwniLNIK8RY8D8Uc0jQnMC2ZpxuIA0zWiGkKwZIMAA6E+ZTptgIjMAAAAASUVORK5CYII=");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-onc-home #page #content .section-feature-content {
	margin-top: -12px;
	padding-top: 50px;
	color: #FFF;
}
.page-onc-home #page #content .section-feature-content.section-feature-no-header{
	padding-top: 0;
	margin-top: -20px;
}
.page-onc-home #page #content .section-feature-end {
	margin-top: -12px;
	padding: 50px 0 40px 0;
	color: #FFF;
}
.page-onc-home #page #content .section-feature-end:after {
	clear:both;
}
.page-onc-home #page #content .section-feature-content a,
.page-onc-home #page #content .section-feature-content a:active,
.page-onc-home #page #content .section-feature-content a:hover,
.page-onc-home #page #content .section-feature-content a:visited,
.page-onc-home #page #content .section-feature-content a:focus {
	color: #FFF;
}
.page-onc-home #page #content .section-feature-content#section-feature-whats-new-content,
.page-onc-home #page #content .section-feature-end#section-feature-whats-new {
	margin-top: -62px;
}
.page-onc-home #page #content #section-feature-watch.block {
	margin-bottom: 0;
}
.page-onc-home #page #content #section-feature-watch h2 {
	margin-bottom: 50px;
}
#section-feature-watch .block-inner {
	padding:0;
	margin:0;
}
#page #content #section-feature-sights-sounds{
	margin: 40px 40px 20px 40px;
}
#section-feature-container-watch,
#section-feature-content-watch,
#section-feature-container-buttons,
#section-feature-content-buttons {
    margin: 0;
}

/* start ONC home page particular section blocks */
/* System Status on home page */
.page-onc-home ul.dmas-system-status {
	margin-bottom: 0;
	list-style-type: none;
}

/* articles (global) on home page */
.page-onc-home #page #content .section-feature-content .views-row {
    margin-bottom: 20px;	
}
.page-onc-home #page #content .section-feature-content .views-row:last-child {
    margin-bottom: -20px;	
}
.page-onc-home #page #content .article-title a {
    font-size: 24px;
}
.page-onc-home .article-image,
.page-onc-home .article-title,
.page-onc-home .article-teaser {
    margin-bottom: 20px;
}
.page-onc-home #page #content .article-image p {
    display: none;
}
.page-onc-home #page #content .article-image p:first-child {
    display: block;
    width: 100%;
    height: auto;
}
.page-onc-home #page #content .article-image p:first-child img {
    width: 100%;
    height: auto;
}
.page-onc-home #page #content .article-teaser p {
    display: block;
    width: 100%;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.page-onc-home #page #content .article-teaser a {
  	font-size: inherit;
  	line-height: inherit;
  	text-decoration: underline;
  	color: #FFF;
}
.page-onc-home #page #content .article-teaser p:first-child {
    display: none;
}
.page-onc-home #page #content .article-title a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    font-size: 24px;
}

.page-onc-home .block-content p {
	margin: 0px;
	font-weight: 300;
}
.page-onc-home .block {
	margin-bottom: 12px;
}

.page-onc-home #ytplayer {
  width: 100%;
}

body.page-onc-home {
	color: #787878;
}

.page-onc-home #main-content .news img {
  width: 100%;
}
/* start ONC home page particular section blocks */


/* Start Feature Buttons on home page */
#content .homepage-link a, 
#content .homepage-link a:visited, 
#content .homepage-link a:hover,
#page footer .homepage-link a, 
#page footer .homepage-link a:visited, 
#page footer .homepage-link a:hover  {
  background-color: rgb(59, 139, 161);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjAyODREMkE4OTc1MTFFNTk0NzZCRTQ2NTU5NjNEQzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjAyODREMkI4OTc1MTFFNTk0NzZCRTQ2NTU5NjNEQzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMDI4NEQyODg5NzUxMUU1OTQ3NkJFNDY1NTk2M0RDNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMDI4NEQyOTg5NzUxMUU1OTQ3NkJFNDY1NTk2M0RDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHsrVEAAABMSURBVHjaYvj//78BEN8H4vVALMCADKASMHAeiBWQJQ3QFLwHYgdkBQJAvP8/KihAt6IfWZaJgRDAaSxeBxHrFYxAYAQK4HQLQIABACaZrCfRzaMCAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 7px 11px;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  padding: 4px 0 4px 18px;
  display: block;
  height: 32px;
  line-height: 32px;
}
#content .homepage-link::after,
#page footer .homepage-link::after {
	content: "";
	display: block;
	height: 12px;
}

#content .homepage-link.homepage-link-withimage a,
#page footer .homepage-link.homepage-link-withimage a {
  padding-top: 0;
  padding-bottom: 0;
  height: 62px;
  line-height: 62px;
  white-space: nowrap;
  font-size: 16px;
}
#content .homepage-link.homepage-link-withimage::after,
#page footer .homepage-link.homepage-link-withimage::after  {
	content: "";
	display: block;
	height: 12px;
}
#content .homepage-link.homepage-link-2-wide a,
#page footer .homepage-link.homepage-link-2-wide a {
  width: 47%;
  display: inline-block;
  font-size: 16px;
}
#content .homepage-link.homepage-link-2-wide a img,
#page footer .homepage-link.homepage-link-2-wide a img  {
  padding-right: 14px;
}
.homepage-link img {
  height: 36px;
  line-height: 36px;
  padding-right: 23px;
  position: relative;
  top: 14px;
  left: 4px;
}
.homepage-link p {
	margin: 0px;
}
#page footer .homepage-link {
	margin-top: -30px;
}
#page footer .homepage-link a {
	background-color: #0A5D69;
}
/* End Feature Buttons on home page */
/* END HOME PAGE */

/* Article pages */
#page #content #events-for-today h2 {
	font-size: 1.07em;
	font-weight: 700;
}
#page #content .view-id-backgrounders p { 
	margin: 0 0 10px 0;
}
.article-title-top {
font-size: smaller;
text-transform: uppercase;
margin-bottom: 14px;
}


/* Twitter Widget */
.timeline-replacement-header { position: relative; }
.timeline-replacement-header .twitter-follow-button, .timeline-replacement-header .ic-twitter-badge {
	position: absolute;
	right: 0;
	top: 0.35em;
}

/* Sidebar Forms */
.sidebar-form .form-item {
margin: 4px 0;
}
.sidebar-form input.form-text {
  padding: 2%;
  max-width: 96%;
}
.sidebar-form input.form-text {
  margin: 4px 0;
}

/* Read More */
.read-more-state {
	display: none;
}

.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	display: none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
	display: inline-block;
}

.read-more-state ~ .read-more-trigger:before {
	content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Show less';
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	color: #3F9AAD;
	font-weight: bold;
}

/* Last Reading */
.latest-sensor-reading, 
.latest-sensor-reading-header {
	margin-bottom: 10px;
	text-align: left;
	max-width: 100%;
	display: table-row;
}
.latest-sensor-reading-header {
	font-weight: 900;
}
.latest-sensor-reading span, 
.latest-sensor-reading-header span  {
	display: table-cell;
	vertical-align: top;
	padding: 4px;
	text-align: right;
	white-space: nowrap;
}
.latest-sensor-reading span:first-child, 
.latest-sensor-reading-header span:first-child  {
	width: 213px;
}
.latest-sensor-reading span:last-child, 
.latest-sensor-reading-header span:last-child  {
	width: 168px;
}
.latest-sensor-reading .latest-sensor-reading-value, 
.latest-sensor-reading-header .latest-sensor-reading-value {
	font-weight: 900;
	padding: 4px 40px;
	weight: 145px;
}

/* Dynamic Plot */
.dynamic-plot-block {
	display: inline-block;
	max-width: 520px;
	width:99%;
	margin-right: 1%;
	vertical-align: top;
}
#page #content .dynamic-plot-block.three-across h2 {
	font-size: 24px;
}
.dynamic-plot-container {
	border: 1px solid #444;
}
.dynamic-plot-header{
	display: block;
	padding: 1% 1% 0 1%;
	margin:0;
	overflow: auto;
}
.dynamic-plot-row {
	display: block;
	padding: 0;
	margin:0;
}
.dynamic-plot-label-2  {
	display: inline-block;
	max-width: 32%;
	min-width: 32%;
	padding: 1px 2px 1px 0;
	text-align: right;
}
#bay-of-fundy-minas-passage #fast2-sensor-block-T .col-two-50.col-two-50-first .dynamic-plot-label-2 {
	min-width: unset;
	max-width: unset;
}
.dynamic-plot-input {
	display: inline-block;
	max-width: 60%;
	min-width: 60%;
	text-align: center;
}
#bay-of-fundy-minas-passage #fast2-sensor-block-T .col-two-50.col-two-50-first .dynamic-plot-input {
	min-width: 185px;
	max-width: unset;
}
#content .dynamic-plot-input input[type=text]{
	max-width: 97%;
	min-width: 97%;
	text-align: center;
	font-size: inherit;
}
#content .dynamic-plot-input select  {
	max-width: 99%;
	min-width: 99%;
	font-size: inherit;
}
.dynamic-plot-image-container {
	background-image: url("/sites/all/themes/shazbot/css/images/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	max-width: 98%;
}
.dynamic-plot-image-container img {
	max-width: 100%;
}
a.dynamic-plot-link {
	cursor: pointer;
}
/* to make separate blocks flow, don't show panel separator */
.no-separator + .panel-separator {
	display: none;
}

/* video camera */
p.bof-video-note {
	color: #AAAAAA;
	font-size: smaller;
	text-align: center;
}



/* single calendar event view in calendar page */
.news-content-hidden {
	display: none;
}
.news-content {
	background:#444444;
	color: #ccc;
	font-size: 1em;
	padding: 1em;
	
}
#page #content .news-content h1,
#page #content .news-content h2,
#page #content .news-content h3 {
	font-size: 1em;
	font-weight: 700;
}

/* *** earthquake-data-dashboard *** BEGIN: */

body.earthquake-data-dashboard h1#page-title {

	margin-left: -3px;
}
body.earthquake-data-dashboard abbr {

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: inherit;

	text-decoration-line: none;
	text-decoration-style: initial;
	text-decoration-color: transparent;
}
#mapLegend {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 6px;
	padding: 6px;
	
	position: absolute;
	left: -999px;
}
#page #content #mapLegend ul {

	list-style-type: none;
	margin: 0px;
}
#mapLegend ul li img {
	margin-right: 5px;
	width: 1em;
}
div.mapTable {

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
body.earthquake-data-dashboard div.flex-map {

	align-self: flex-start;
	flex-grow: 2;
}
body.earthquake-data-dashboard div.earthquakes {

	align-self: flex-start;
	flex-grow: 1;
	margin-left: 16px;
	max-width: 420px;
	min-width: 420px;
}
body.earthquake-data-dashboard div#map_details {

	background-color: #24356D;
	height: 366px;
	margin-top: 15px;
	width: 100%;
}

body.earthquake-data-dashboard table.headerTable {

	margin-top: 1px;
	margin-bottom: 0px;
}
body.earthquake-data-dashboard table.table_earthquakes tr,
body.earthquake-data-dashboard table.headerTable .sort_indicator {

	cursor: pointer;
}
body.earthquake-data-dashboard table.headerTable .sort_indicator.sorted {

	background-repeat: no-repeat;
	background-position: right 14px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAAEIAAABCAWq6kEQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXZJREFUOE+lkbtOAlEQhjHGYGKCCZ1PYHwHa9/CKBdXUIwiVsKy7J29r4AI4gvY2GxhaeMLAFJo4QsYtbKhYJyjy4aF06CbfMmcf2f+/HNOBAD+BVWcB6o4D1RxHiKe51HZSWxHC2f5x9zRQZn2fwxVJODgre2aI1VTPveY1Bath0AVmUw6oxvalyhXoKrLwJaLr5goTuudEZKp3XXD1N/cmg2SIoAgcWBaOuQLJw/TvYTQgezNcqXn9nULiIFlG6BqEhrxpB5mD/fFyX5C6JA/Pb7r3LRHtYYLjmuBYWm4ggIyJpFVAZSq/J5mkpuTM0GRyTK5Vqs5bDTrcFFzwHIM0M0qKJiA3AVBN1QosecvmDQWMkilExu2Y310Om24vKrDOAHZXTOUnzXGEHNMeh8ywFsXBbEykGRhIEj8Ey9wfY5n+2Wu1MMX6IZgiz006GKKtcBgGvwWkCVk2SeKLFJ7g+J3aNFvXkFWkbhPzNdmjILib3iRb0IVPz0P1pYQAAAAAElFTkSuQmCC");
}
body.earthquake-data-dashboard table.headerTable th.sort_indicator.sorted:last-child {

	background-position: 160px 14px;
}
body.earthquake-data-dashboard table.headerTable .sort_indicator.sort_desc.sorted {

	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAAEIAAABCAWq6kEQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAZ5JREFUOE+lkstOwlAQhusF1MSNCTsTVy7c4Eu4cWXcmVQSY1sOUMEEL9REE0xtC+VQKKAiYngJnsEYfQpDfAGjO0nGmaqEajeNi6/t/J35Z+a0Qr/f/xeBYhgCxTAEimEIFMPgXXaTu6ssLWeT7AvGlL1kSla/kFSFyRmCpeQ0Y1JaUSRFFMXoyCCVYa266wyrtQqMU3Or4Dbr0LpswFX7Etqda+j17uD07GSABtMjA03Tpo4KB49VpwIX5rmHYelQrpjAHRvQHJotF9o3V3hvvDEmr1HdyIBIyIlFXS8+l2zTM7DKF2BzCxycxG3WcIom3HY7QzWXcX5qfAaEwpQtm5dfqbtlG8CrNq7Bve7dbge0k+MHzJsYr/EZENmc2nXqfKgbRW8KMqDRTct4kSQx9jvfFxB0OIXC4RPtTiZmSQfO7Vfce/13LvFHIHbYzhKex4DWcGr8Q1XTblAeESgS+C9sY+f3fH7/HqeaDMoh/gqCEEHmkYXNzY2NeHxlGZ9jFH/rEV++LxCECWQSmUZmkDlkFol+a/Ru7Cv0hU+pMPz/XT0+1gAAAABJRU5ErkJggg==");
}
body.earthquake-data-dashboard table.headerTable span.date {

	color: #909090;
	font-size: 12px;
}

body.earthquake-data-dashboard div.scroll {

	clear: both;
	height: 326px;
	overflow: auto;
}
.caption {

	color: #AAAAAA;
	font-size: 12px;
	margin: 0px 0px 32px 0px;
	text-align: center;
}
body.earthquake-data-dashboard table.table_earthquakes {

	margin-top: 0px;
	margin-bottom: 0px;
}
body.earthquake-data-dashboard table.table_earthquakes tr:first-child {

	border-top: 1px solid transparent;
	position: relative;
	top: -1px;
}
body.earthquake-data-dashboard table.headerTable th:nth-child(-n+2),
body.earthquake-data-dashboard table.table_earthquakes td:nth-child(-n+2) {

	text-align: center;
	width: 99px;
}
body.earthquake-data-dashboard table.table_earthquakes td.magnitude span {

	font-size: 32px;
	font-weight: bold;
	line-height: 48px;
}
body.earthquake-data-dashboard table tr.highlight {

	background-color: #A5D47E;
}
body.earthquake-data-dashboard table caption span.highlight {

	color: #A5D47E;
	font-weight: bold;
}
body.earthquake-data-dashboard .table_stations tbody tr.stationHighlighted {

	background-color: rgba(127, 194, 72, .7); 
}
body.earthquake-data-dashboard .table_stations tbody tr.stationHighlighted path.line {

	stroke: #4C4C4C;
}

body.earthquake-data-dashboard table#table-earthquakes .magnitude,
body.earthquake-data-dashboard table#table-earthquakes .earthquake-dt,
body.earthquake-data-dashboard table#dataTable th,
body.earthquake-data-dashboard table#dataTable td {

	text-align: center;
}

body.earthquake-data-dashboard table#table-earthquakes td span,
body.earthquake-data-dashboard table#dataTable td span {

	display: block;
}
body.earthquake-data-dashboard table#dataTable caption {

	color: #AAAAAA;
	caption-side: bottom;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
body.earthquake-data-dashboard table#dataTable td.stationName {

	cursor: pointer;
	width: 215px;
}
body.earthquake-data-dashboard table#dataTable td.stationName p.distance {

	font-size: 14px;
}
body.earthquake-data-dashboard table#dataTable td.stationName p.distance abbr,
body.earthquake-data-dashboard table#dataTable td.stationName p.distance span {

	color: #333333;
	font-size: 12px;
}
body.earthquake-data-dashboard table#dataTable td.stationName p.distance abbr {

	border: none;
}
body.earthquake-data-dashboard table#dataTable tr td span.loading-waveform-data {

	color: #A5D47E;
}
body.earthquake-data-dashboard table#dataTable tr td span.loading-waveform-data img {

	display: inline-block;
	position: relative;
	top: 12px;
}
body.earthquake-data-dashboard table#dataTable tr.stationHighlighted td span.loading-waveform-data {

	color: #4C4C4C;
}
body.earthquake-data-dashboard table#dataTable tr td span.loading-waveform-data.loaded {

	display: none;
}

body.earthquake-data-dashboard table#dataTable svg {

	height: 4.2em;
	margin: 0px;
	width: 100%;
}
body.earthquake-data-dashboard table#dataTable.loading svg {

	height: 1px;
}
body.earthquake-data-dashboard .noData p {

	text-align: center;
}
body.earthquake-data-dashboard .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
body.earthquake-data-dashboard .alert-danger {

	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442;
}
body.earthquake-data-dashboard .myPopover {

	position: absolute;
	top: 0px;
	left: -999px;

	display: block;	
	font-size: 14px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	width: 313px;

	z-index: 2;
}
body.earthquake-data-dashboard .verticalPointer {

	position: absolute;
	top: 0px;
	left: -999px;

	display: block;	
}
body.earthquake-data-dashboard #page #content .myPopover .arrow,
body.earthquake-data-dashboard #page #content .myPopover h3.popover-title,
body.earthquake-data-dashboard #page #content .myPopover .popover-content {

	background-color: #FEFEFE;	
	border: #AAAAAA 1px solid;
	font-size: 14px;
}
body.earthquake-data-dashboard #page #content .myPopover .arrow {

	border-width: 1px 1px 0px 0px;
	height: 16px;
	left: 141px;
	position: relative;
	top: -41px;   /* -70px; */
	transform: rotate(-45deg);
	width: 16px;
}
body.earthquake-data-dashboard #page #content .myPopover h3.popover-title {

	border-radius: 5px 5px 0px 0px;
	border-width: 1px 1px 0px;
	padding: 8px 8px 4px;
	margin: 0px;
}
body.earthquake-data-dashboard #page #content .myPopover .popover-content {

	border-width: 0px 1px 1px;
	border-radius: 0px 0px 5px 5px;
	padding: 4px 8px 0px 8px;
	height: 0px;
	overflow: hidden;
}
/* hiding the velocity info for now. */
body.earthquake-data-dashboard #page #content .myPopover .popover-content {

	color: transparent;
	height: 0px;
	overflow: hidden;
}



/* *** CSS for d3.js *** BEGIN: */

.axis path,
.axis line {
  fill: none;
  stroke: #000000;	/*Black*/
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line {
  fill: none;
  stroke: #7fc248;
  stroke-width: 0.3px;
  animation:dash 5s linear forwards;
}

@keyframes dash {
  to {
	stroke-dashoffset:0;
  }
}

.table_stations svg {
	width: 100%;
	height: 4.2em;
	margin:0;
}

.verticalPointer {

	border-right: 1px solid black;
	opacity:.2;
	position:absolute;
	width: 0px;
}
/* *** CSS for d3.js *** END. */


/*
.progress-bar.active, .progress.active .progress-bar {
	animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}
.progress-bar-striped, .progress-striped .progress-bar {
	background-image: linear-gradient(	45deg, 
										rgba(255, 255, 255, 0.15) 25%, 
										transparent 25%, 
										transparent 50%, 
										rgba(255, 255, 255, 0.15) 50%, 
										rgba(255, 255, 255, 0.15) 75%, 
										transparent 75%, 
										transparent);
	background-size: 40px 40px;
}
.progress-bar {
	float: left;
	width: 0px;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	background-color: #337AB7;
	box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
	transition: width 0.6s ease 0s;
}
@keyframes dash{
  to {
    stroke-dashoffset:0;
  }
}*/
.svg-plot {

	padding: 0em;
	overflow: hidden;
}
/* *** earthquake-data-dashboard *** END. */