/***********************************************************************************/
/***********************************************************************************/
/* (c) 2016 Ryan Horne
// Title: main.css
// Purpose: Contains css styles used with BAM framework.
// Author(s): Ryan Horne
// Version: 1.0 11 November 2015
// Released under GPLv3 */
/***********************************************************************************/
/***********************************************************************************/

/* easy button */

.easySearch{
  font-size: 2em;
} 



/* from carte transitional buttons */

	.popupBaseButton
{
    background-size:20px 20px;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: left;
    text-indent:30%;
    background-color: #FFFFFF;
}

	.popupHomeButton
{
    background-image: url(../common-files/images/Home.png);
}

	.popupPlusButton
{
    background-image: url(../common-files/images/Plus.png);
}
 

    .popupBaseButton:hover
{
    background-color: #F4F4F4;
}

	
	.popupZoomButton
{
    background-image: url(../common-files/images/zoom-in.png);
}


	.popupEditButton
{
    background-image: url(../common-files/images/edit.png);
}


	.popupInformationButton
{
    background-image: url(../common-files/images/information.png);
}

	.popupDeleteButton
{
    background-image: url(../common-files/images/Trash.png);
}

	.popupAwmcButton
{
    background-image: url(../common-files/images/awmc_small.png);
}

	.popupPleiadesButton
{
    background-image: url(../common-files/images/pleiades_icon.png);
}

	.popupPelagiosButton
{
    background-image: url(../common-files/images/pelagios.png);
}





/* make the links a consistent color */


  .city-name{
    position: absolute;
    top:2em;
    right:1em;
    z-index:6;
    background:rgba(0,0,0,.75);
    color:white;
    padding:.5em .75em;
    font-size:.85em;
    /*display:none;*/
    display: inline-block;
        max-width: 150px;
  }



html, body {    
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: lighter;
        width: 100%;
           height: 100%;
    background-color: #f5f5f5;


}

.svg-container{
    background-color: white;

}


.leftTextPane, .leftTextPaneContent{
 display: inline;

}
a {
    color: #4d4d4d;
    	font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
        text-decoration: underline;

}


a:link {
    color: #4d4d4d;
        text-decoration: underline;
}

a:a:visited {
    color:  #4d4d4d;
        text-decoration: underline;
}

a:hover {
    color: #cccccc;
        text-decoration: underline;
}


.leftContent {
	padding-left:5px;
    height:100%;
	width: 100%;
	background-color: #fff;
	margin: 0;
	background-color:rgba(255,255,255);
border-style: ridge;
    border-width: 2px;
	z-index: 8998;
/*	overflow: scroll; */
	  font:12px/20px;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
      overflow: scroll;
}
    
    
    
.navbar{
  position: fixed;
  top: 0;
  left: 0;
    background-color: #f5f5f5;
    border-radius: 0;
    width: 100%;

}

.navbar-image {
  position: fixed;
  top: 1px;
  left: 1px;
width:50px;
height:50px;
}

.navbar-brand {
	padding-left:3%;
	        padding-top: 5px;
        padding-bottom: 5px;

    font-family: Trajan, 'Crimson Text', serif;
    font-size: 200%;
    font-weight: lighter;
    letter-spacing: 1.5px;
    text-shadow: none;
    text-transform: uppercase;
    text-align: center;

}


.textBoxStyle {
	padding-left:3%;
	        padding-top: 5px;
        padding-bottom: 5px;

    font-family: Trajan, 'Crimson Text', serif;
    font-size: 120%;
    font-weight: lighter;
    letter-spacing: 1.5px;
    text-shadow: none;
    text-transform: uppercase;
    text-align: center;

}


.navbar-under {
		        padding-top: 5px;
    font-family: Trajan, 'Crimson Text', serif;
    font-size: 110%;
    font-weight: lighter;
    letter-spacing: 1.5px;
    text-shadow: none;
    text-align: center;
    width: 100%;

}

.navbar-under-item{
display: inline-block;

}

.landing-text {
    padding-left:20%; 
    padding-right:20%; 
    float:left;
}

.thumbnail.pleiades-symmetrical img {
    float:left;
    height: 60px;
    }

.caption-text {
 max-width: 160px;
     padding-left: 10px; 
     float:left;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: lighter;
    margin-right: 80px;

    }
    
.caption-text a{
    font-size: 14px;
    font-weight: lighter;
    }    
    
.footer {
    background-color: #f5f5f5;
    position: fixed;
          left: 0;
    bottom: 0;
        padding-bottom: 5px;
    width: 100%;
         float:left;


}

.footer-right {
    background-color: #f5f5f5;
        padding-bottom: 5px;
                padding-right: 5px;

         float:right;


}

.footer-text {
     padding-left: 10px; 
     float:left;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: lighter;
            padding-bottom: 5px;

}

.footer-text a {
    font-size: 10px;
}


.footer-text-intro {
    font-family: 'Open Sans', sans-serif;
        padding-bottom: 5px;
    font-weight: lighter;
}   
    
#attributepane {
   	display: block;	
	display: none;
    position:absolute;
    height:auto;
    bottom:20%;
    top:20%;
    right:10px;
	width: 240px;
	background-color: #fff;
	margin: 0;
	background-color:rgba(255,255,255,0.8);
border-style: ridge;
    border-width: 2px;

	padding: 18px 18px 18px 18px;	
	z-index: 8998;
/*	overflow: scroll; */
	  font:12px/20px;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
      overflow: scroll;


}


    
#textpane {
   	display: block;	
	display: none;
    position:absolute;
    height:auto;
    bottom:20%;
    top:20%;
    left:50px;
	width: 240px;
	background-color: #fff;
	margin: 0;
	background-color:rgba(255,255,255,0.8);
	border-left: 1px solid #ccc;
	padding: 18px 18px 18px 18px;	
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
  border: 0;
      overflow: hidden;
              	z-index: 9999;



}


.nonMapOverlay
{
	position: absolute;
    top:15%;
    bottom: 15%;
    left: 20%;
    right: 20%;
    width: 60%;
    height: 70%;
	background: white;
	background: rgba(255,255,255);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin: auto;
	    padding: 20px;
    display:none;
            	z-index: 9999;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
  border: 0;
  overflow: hidden;

}



.nonMapOverlaySolid
{
	position: absolute;
    top:15%;
    bottom: 15%;
    left: 20%;
    right: 20%;
	background: white;
	background: rgba(255,255,255,.97);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 0px;
	margin: auto;
    overflow:scroll;
    padding: 20px;
    display:none;
        	z-index: 9999;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;


}

.overlaycontent
{
overflow: auto;
        height: 95%;
        }

.popupCloseCarte {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	cursor: pointer; cursor: hand;
	overflow: hidden;
	}
.popupCloseCarte:hover {
	color: #999;
	cursor: pointer; cursor: hand;
	}

	.popupBaseButton
{
    background-size:20px 20px;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: left;
    text-indent:30%;
    background-color: #FFFFFF;
}

#mainNav {
        height: 90%;
        width: 100%;
    overflow-y:hidden;

}

#mainLeft {
float:left; 
width: 20%;
        height: 90%;

}

#mainCenter {
padding-left: 1%;
padding-right: 1%;

float:left;
width: 25%;
	border-radius: 5px;
        height: 80%;


}

#mainRight {
padding-left: 1%;
padding-right: 1%;

float:left;
width: 25%;
border-radius: 5px;
        height: 80%;
border-style: ridge;
    border-width: 2px;


}


 .mapMain {
        height: 100%;
            width: 100%;

    }


 .mapCenter {
        height: 100%;
            width: 100%;
            border-style: ridge;
    border-width: 2px;


    }

.networkpane{
border-style: ridge;
    border-width: 2px;
    width: 100%;
    height: 5%;
        background-color: white;


}

 .timeline {
        height: 20%;
            width: 100%;
	        padding-top: 10px;
        background-color: white;


    }





#attribute-contents{
overflow: auto;
}

#text-contents{
overflow: auto;
}

#questionLauncher, #aboutLauncher, #searchLanucher {
cursor: pointer;
}

#questionLauncher:hover, #aboutLauncher:hover, #searchLanucher:hover {
cursor: pointer;
color: #cccccc;
}

/* style the tool tip */
.d3-tip {
  	  font:12px/20px;
  	  	background: white;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin: auto;
   /* overflow:scroll;*/
    padding: 5px;
    	  font:12px/20px;
  color:#404040;
  color:rgba(0,0,0,0.75);
  outline:0;
    pointer-events: none;
    border: 0;
    overflow: auto;
        z-index: 99999;



}
.node circle {
  fill: rgb(168, 200, 248);
  stroke: grey;
  stroke-width: 1px;
}
 
.link {
  stroke: black;
  stroke-width: 1px;
  opacity: .2;
}
 
.label {
  font-size: 12px;
}


#bigCenter {
padding-left: 1%;
padding-right: 1%;

width: 95%;
	border-radius: 5px;
        height: 95%;
}

.centerTop{
border-style: ridge;
    border-width: 2px;
    width: 100%;
    height: 63%;


}

/* data tables */
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */ }
  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight: bold; }
  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111111; }
    table.dataTable thead th:active,
    table.dataTable thead td:active {
      outline: none; }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111111; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right; }
  table.dataTable thead .sorting {
    background-image: url("../common-files/images/sort_both.png"); }
  table.dataTable thead .sorting_asc {
    background-image: url("../common-files/images/sort_asc.png"); }
  table.dataTable thead .sorting_desc {
    background-image: url("../common-files/images/sort_desc.png"); }
  table.dataTable thead .sorting_asc_disabled {
    background-image: url("../common-files/images/sort_asc_disabled.png"); }
  table.dataTable thead .sorting_desc_disabled {
    background-image: url("../common-files/images/sort_desc_disabled.png"); }
  table.dataTable tbody tr {
    background-color: white; }
    table.dataTable tbody tr.selected {
      background-color: #cfd6e6; }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px; }
  table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #dddddd; }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none; }
  table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd; }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #dddddd; }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }
  table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }
    table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
      background-color: #cad0e0; }
  table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: whitesmoke; }
    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background-color: #c7cedd; }
  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9; }
  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #cad1e1; }
  table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }
  table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }
  table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }
  table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #c3cad9; }
  table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #c5cbdb; }
  table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #c6cddd; }
  table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9; }
  table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb; }
  table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd; }
  table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #cad1e1; }
  table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #ccd3e3; }
  table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #ced5e5; }
  table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea; }
  table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb; }
  table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eeeeee; }
  table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #bec4d3; }
  table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #bfc5d4; }
  table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #c1c8d7; }
  table.dataTable.no-footer {
    border-bottom: 1px solid #111111; }
  table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }
  table.dataTable.compact thead th,
  table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }
  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td {
    padding: 4px; }
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td {
    padding: 4px; }
  table.dataTable th.dt-left,
  table.dataTable td.dt-left {
    text-align: left; }
  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty {
    text-align: center; }
  table.dataTable th.dt-right,
  table.dataTable td.dt-right {
    text-align: right; }
  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify {
    text-align: justify; }
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap {
    white-space: nowrap; }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left; }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center; }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right; }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left {
    text-align: left; }
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center {
    text-align: center; }
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right {
    text-align: right; }
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify {
    text-align: justify; }
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }
 
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
 
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }
  .dataTables_wrapper .dataTables_length {
    float: left; }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }
    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0.5em; }
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      box-sizing: border-box;
      display: inline-block;
      min-width: 1.5em;
      padding: 0.5em 1em;
      margin-left: 2px;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      *cursor: hand;
      color: #333333 !important;
      border: 1px solid transparent;
      border-radius: 2px; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #333333 !important;
        border: 1px solid #979797;
        background-color: white;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, white 0%, gainsboro 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, white 0%, gainsboro 100%);
        /* W3C */ }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: white !important;
        border: 1px solid #111111;
        background-color: #585858;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #585858 0%, #111111 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #585858 0%, #111111 100%);
        /* W3C */ }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        background-color: #2b2b2b;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
        /* W3C */
        box-shadow: inset 0 0 3px #111; }
    .dataTables_wrapper .dataTables_paginate .ellipsis {
      padding: 0 1em; }
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    color: #333333; }
  .dataTables_wrapper .dataTables_scroll {
    clear: both; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      *margin-top: -1px;
      -webkit-overflow-scrolling: touch; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
        vertical-align: middle; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111111; }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none; }
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
 
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }
    
    
    
 /* axis */

.axis { /* axis labels */
    fill: #808080;
    font-family: sans-serif;
    font-size: 10px;
}

.axis line{ /* axis tick marks */
    stroke-width : 1;
    stroke: grey;
    shape-rendering: crispEdges;
}

.axis path { /* axis line */
    stroke-width : 1;
    stroke: grey;
    shape-rendering: crispEdges;
}

/* timeline band */

.band { /* band background */
    fill: #FAFAFA;
}

/* labels */

.bandLabel {
    fill: #F0F0F0;
    font: 10px sans-serif;
    font-weight: bold;
}

.bandMinMaxLabel {
    fill: blue;
    font: 10px sans-serif;
    font-weight: bold;
}

.bandMidLabel {
    fill: red;
    font: 10px sans-serif;
    font-style: italic;
    font-weight: bold;
}

/* brush */

.brush .extent {
    stroke: gray;
    fill: blue;
    fill-opacity: .1;
}

.chart {
    fill: #EEEEEE;
}

.interval {
    fill: #AAFFFF;
    stroke-width: 6;
    cursor : default;
    pointer-events: true;
}

.instant {
    fill: #FFAAFF;
    stroke-width: 6;
    cursor : default;
    /*pointer-events: true;*/
}

.instantLabel {
    fill : blue;
    font: 10px sans-serif;
    shape-rendering: crispEdges;
}

.intervalLabel {
    fill : black;
    font: 10px sans-serif;
    shape-rendering: crispEdges;
}

.item {
    cursor : default;
    pointer-events: auto;
}

.svg {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #FFFFFF;
}

.tooltip {
    width: auto;
    position: absolute;
    visibility: hidden;
    color : black;
    cursor:default;
    background-color: #FFFFEE;
    border: 1px solid;
    padding: 4px;
    shape-rendering: crispEdges;
    pointer-events: none;
}