/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body {
	color: #3f3f3b;
	font:14px/1.429 "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing:0;
	font-family:"Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
}
h1 {
	color:#20377d;
	font:normal 2em/1.143em "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
}


a, a:link, a:active, a:hover {
	color: #004b8f;
	text-decoration:none;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	border:1px solid #dfddc3;
	color:#5f5e53;
	font:0.929em/1.231 "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 1.5em 1em 0;
}
select {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}


button, input[type="reset"], input[type="submit"], input[type="button"], .button a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #3d85c6;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	font: normal 0.929em "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	margin: 0 1em 1em 0;
	padding: 4px 10px 5px;
	text-shadow: none;
	width: auto;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, .button a:hover {
	background: #4f93ff;
}
.button {
	float:left;
	margin:0 0 1em;
}
.button a {
	display: block;
}
ul.primary {
	border-bottom: 2px solid #008080;
	border-collapse: collapse;
	height: auto;
	line-height: normal;
	list-style: none;
	margin:1em 0;
	padding: 0 0 0.25em 1em;
	white-space: nowrap;
}
.tabs li {
	list-style: none;
	display: inline;
	margin-right: 0.5em;
}
ul.primary li a {
	background-color: #40a0a0;
	border-color: #40a0a0;
	border-style: solid solid none solid;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-width: 1px;
	color:#FFFFFF;
	height: auto;
	margin-right: 0.5em;
	padding:0.25em 1em;
	text-decoration: none;
}
ul.primary li a:hover {
	background-color: #269393;
	border-color: #008080;
	border-bottom-color: #FFFFFF;
}
ul.primary li.active a {
	background-color: #008080;
	border: 1px solid #008080;
	border-bottom: 2px solid #008080;
}


.view-content,
.view-filters,
.view-header {
	clear:both;
}
.block-mrm-charts {
	margin-bottom:1.5em;
}
.block-mrm-charts form,
.view-filters form {
	background:#5f5e53;
	clear:both;
	color:#FFFFFF;
	display:block;
	padding:1em 1em 0;
	margin:1em 0;
	overflow: hidden;
}
.block-mrm-charts form h4,
.view-filters form h4  {
	color:#FFFFFF;
	float:left;
	margin: 0 1em 0.25em 0;
}
.block-mrm-charts form label,
.block-mrm-charts form .label,
.view-filters form label {
	color: #ffffff;
	float: left;
	font-weight: normal;
	margin: 0 0.5em 0 0;
}
.view-filters form label {
  width: 80px;
}
.block-mrm-charts form select,
.view-filters form select {
	width: 180px;
}

.block-mrm-charts form select,
.view-filters form select,
.view-filters .views-widget {
	float:left;
}
.view-filters form .views-exposed-form .views-exposed-widget {
	padding:0;
}
.view-filters form .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0;
}


.highcharts-background,
.highcharts-axis-labels,
.highcharts-title,
.highcharts-subtitle,
.highcharts-legend-item,
.highcharts-data-labels,
.highcharts-xaxis-title,
.highcharts-yaxis-title,
.highcharts-axis,
.highcharts-container svg,
.highcharts-legend-title text {
    color: #3f3f3b !important;
    font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif !important;
}
/*.highcharts-tooltip .tooltip {
	position:relative;
	z-index:99;
}*/

.highcharts-container .label {
 z-index: 1 !important;
}

.highcharts-tooltip {
	background-color:#FFFFFF  !important;
	padding:0 !important;
}
.highcharts-tooltip span {
	background-color:#FFFFFF;
	opacity:1;
	z-index:9999 !important;
}
.highcharts-container .tooltip {
	margin-top:-7px;
	margin-left:-7px;
	padding:8px;
	background-color:#FFFFFF  !important;
	max-height:500px;
	overflow-x:hidden;
	overflow-y:auto;

}
.highcharts-container .tooltip h3 {
	background:#008080;
	padding:5px 8px 5px 5px;
	color:#FFFFFF;
	margin: -8px -16px 10px -8px;
}
.highcharts-container .tooltip h3 span.section-name {
	background:none;
	padding-right:16px;
	margin-right: 8px;
	width:120%;
}
.highcharts-container .study-count {
	background:#FFFFFF;
	border-radius:4px;
	color:#008080;
	display:inline-block;
	padding:3px 10px;
}

#sb-overlay {
	opacity: 1;
	background-color: rgb(95,94,83) !important;
}

#sb-body, #sb-loading {
	background-color: #2e3547;
	color:#FFFFFF;
	background-color: #fff;
	color: #5f5e53;
	
}
#sb-wrapper-inner {
	border: none;
	box-shadow:0 0 10px #5f5e53;
}
#sb-player.html {
	padding:1.5em;
}
#sb-nav-close {
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
	cursor:pointer;
	display: block;
	float: right;
	height: 25px;
	margin: 0;
	position: relative;
	text-indent: -9999px;
	text-transform: uppercase;
	width: 29px;
	z-index: 10;
}

#zone-menu ul.menu {
	list-style: outside none none;
	margin:1em 0;
}
#zone-menu ul.menu li {
	display: block;
	float: left;
	/*border-right: 2px solid #ddd;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;*/
	margin:0 0 1em;
	
}
#zone-menu ul.menu li a {
	color: #666;
	text-decoration: none;
}
#zone-menu ul.menu li a:hover {
	color: #20377d;
}

#block-views-evidence-maps-block-1 .views-row {
	border: 2px solid #dddddd;
	display: block;
	margin: 0 0 1em;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
#block-views-evidence-maps-block-1 .views-row h4 {
	font-size:1.286em;
	margin:0 0 0.333em;
	font-weight:normal;
}
thead th, th {
	font-weight: bold;
	padding: 8px;
	text-decoration: none;
	text-transform: uppercase;
}
table {
	margin:2em 0;
}
tr.odd td,
tr.even td {
    background: #ffffff;
}

span.tooltiptext {
	background-color: #20377d;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	clear:left;
	color: #ffffff;
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	margin-left: 0.5em;
	margin-right: 1em;
	position: relative;
	text-align: center;
	top: 0;
	width: 21px;
	z-index: 0;
}
.instructions {
	/*font-size:0.857em;
	color: #5f5e53;*/
	margin: 0 0 1em;
	overflow:hidden;
}
.instructions-inner {
	overflow:hidden;
}
.instructions-inner em {
	color:#008080;
	font-weight:bold;
	font-style: normal;
	text-transform: uppercase;
}
#block-block-1 {
	border-top: 2px solid #ccc;
	color: #666;
	font-size: 0.85em;
	margin:1em 0;
	padding: 10px 0;
	text-align:right;
}

#block-views-evidence-map-contextual-dates {
	float: right;
	margin-top: -60px;
}

#block-views-evidence-map-contextual-dates .date .label {
	font-weight: bold;
}

.filter-technology-type { display:none; }
.technology-type-shown .filter-technology-type { display:block; }
/*anurag scope*/
.filter-scope-type{display:none}
.scope-target-shown .filter-scope-type{display: block}
/*end anurag scope*/
.block-map-iframe-block { border-top: 2px solid #ccc; padding-top:20px; }
.block-map-iframe-block p { margin-bottom:10px; }
.block-map-iframe-block pre {
	background-color:#5f5e53;
	color:#fff;
	padding:1rem 20px;
}


.filter-form {display:block;}
.form-fields {vertical-align: top; display: inline-block;}
.form-fields .label {margin-bottom:5px;margin-bottom:3px; float:none !important}
.form-fields select {width:158px!important; float:none; display:block;}
.filter-form #updateChart { margin-top:21px;}
