/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
	color: #222;
}

html, body {
	height: 100%;
}

body {
	background: #dbdbdb;
	font-family: adrianna-condensed;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #9b9b9b;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

* { box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.chromeframe {
	margin: 0.2em 0;
	background: #9b9b9b;
	color: #000;
	padding: 0.2em 0;
}

@font-face {
	font-family: "Socialglyphs";
	src: url(/css/type/socialglyphs-regular.eot?);
	src: url(/css/type/socialglyphs-regular.woff) format("woff"),
		url(/css/type/socialglyphs-regular.ttf) format("truetype"),
		url(/css/type/socialglyphs-regular.svg) format("svg");
}

a:link, a:visited { color:#555; }
	a:hover, a:focus { color:#000; }



/* ==========================================================================
   Country Profile Page
   ========================================================================== */
#profile { margin:75px 0;}
	#profile .profileTitle { background:#fff; font-family:Georgia, serif; font-weight:normal; font-style:italic; padding:.5em 7%; }
	#profile .profileContainer { margin:0 7%; }
	#profile .information { background:#eeeeee; margin-top:2.5em; padding:.25em 1em; }
		#profile .information h1 { font-family:Georgia, serif; font-size:100%; font-style:italic; }
		#profile .information dt, #profile .information dd { float:left; }
		#profile .information dt:nth-child(1n+1) { clear:left; width:240px; }

	#profile table { border-spacing:1px; border-collapse:separate; margin-bottom:2em; width:100%; }
	#profile tr:first-child { background:#ffffff; }
	#profile th { background:#fff; color:#444; padding:.25em; text-align:left }
		#profile td { background:#eeeeee; padding:.25em; }

	#profile iframe { border:none; height:250px; width:100%; }
	#profile .dataSource { color:#9b9b9b; float:right; font-weight:normal; }
	#profile .methodologyLink {
		background-image:url('/img/white-info.png');
		background-repeat:no-repeat;
		display:inline-block;
		height:23px;
		overflow:hidden;
		text-indent:-9999px;
		width:23px;
	}
	@media (-webkit-min-device-pixel-ratio: 2) {
		#profile .methodologyLink {
			background-image:url('/img/white-info-2x.png');
		}
	}

.profileAnchor { position: relative; top: -50px; width: 10px;}


/* ==========================================================================
   App Structure
   ========================================================================== */
#wrapper { position:relative; }
#toolbar { display: none; background:#f0ab00; vertical-align: middle; width:100%; z-index:15; }
@media (max-width: 750px) {
	#toolbar {
		display: block;
	} 
}
#loading { top: 46px; left: 0; position: fixed; height: 100%; width: 100%; z-index:99;}
#sidebar { left:0; margin-left:1em;  position:fixed; top:12px; width:230px; }
#tabData { margin:49px 10px 100px 260px; width:auto; }

#toggles { color:#9b9b9b; margin:auto; right:1em; top:75px; text-align:center; width:230px; }
#footer { bottom:0; height: 265px; left:261px; position: fixed; width:100%; 
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    pointer-events:none;
    }
    #footer.slideDown{ 
    	height:33px; 
    }
#footer a{pointer-events:auto;}

/* ==========================================================================
   Toolbar
   ========================================================================== */
#toolbar hgroup { float: left; }
	#toolbar hgroup .backContain { 
		background:#f0ab00;
		float:left;
		height:55px;
		margin:auto;
		position:relative;
		width:120px;
	}
	#toolbar hgroup .backContain .backLink { 
		background:#FDB813 url("/img/wriLogo.png") no-repeat;
		background-position:50%;
		display:block;
		height:55px;
		text-indent: -9000px;
		width:110px;
	}
		#toolbar hgroup .backContain .rightArrow {
			height:55px;
			position:absolute;
			left:110px;
			top:0px;
			border:26px solid #dea303;
			border-left:10px solid #FDB813;
		}
	#toolbar hgroup .titleContain { 
		background:#dea303;
		float:left;
		height:55px;
		margin:auto;
		position:relative;
		width:220px;
	}
		#toolbar hgroup .titleContain a { padding:0; }
		#toolbar hgroup .titleContain a #caitHome { 
			background:url("/img/caitHome.png") no-repeat;
			background-position: 50% 50%;
			height:24px;
			display:block; 
			left:.75em;
			position:absolute;
			text-indent: -9999px;
			top:.58em;
			width:24px; 
		}

		#toolbar hgroup .titleContain a h1 {
			color:#745501;
			font-weight: 500;
			font-size:1.5em;  
			line-height:.75em;
			margin:0em auto; 
			margin-left:.75em; 
			padding-left: 1em;
			padding-top:.68em; 
			padding-right:.5em; 
			text-align: left;
		}
		#toolbar hgroup .titleContain a h1 span {
			background: #745501;
			border-radius: .5em;
			color:#fff;
			display:block;
			font-size:10px;
			font-family: "adrianna",sans-serif;
			font-weight: normal;			
			opacity:.5;
			padding:0px .5em;
			position:absolute;
			right:63px;
			top:11px;
			text-transform: uppercase;
		}
		#toolbar hgroup .titleContain a h1 em { 
			color:#926d09; 
			display:block; 
			font-size:.5em; 
			font-family: "adrianna",sans-serif;
			font-weight: normal;
			font-style: normal; 
		}

		#toolbar hgroup .titleContain .rightArrow {
			height:54px;
			position:absolute;
			left:210px;
			top:1px;
			border:26px solid #f0ab00;
			border-left:10px solid #dea303;
		}

	#toolbar hgroup #collectionName { display: inline-block; font-weight:normal; float:left; margin:0em auto; position:relative; }
	
		#toolbar a { color:#4c4c4c; padding:.5em .5em; text-decoration: none; }

#toolbar #toolbarSpinner { display: inline-block; position:absolute; top:21px; left:439px;}
#toolbar #toolbarNav { float:right; margin:1em .75em 0 0; }
#toolbar #toolbarNav .button { display: inline-block; color: #fff; padding: 3px 5px 3px 5px; border-radius: 3px; text-transform: uppercase; font-weight: 500; }
#toolbar #toolbarNav a.blue{ text-transform: capitalize;}
#toolbar hgroup #collectionName { color:#995b0b; font-weight: 100; top:-3px; }
#toolbar #collectionMenu { float:left; position:relative; } 
	#collectionIntro {
		background:#fbebc1;
		background: -moz-linear-gradient(top, #ffffff 13%, #fbebc1 61%, #f9dc90 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#ffffff), color-stop(61%,#fbebc1), color-stop(100%,#f9dc90)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 13%,#fbebc1 61%,#f9dc90 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 13%,#fbebc1 61%,#f9dc90 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 13%,#fbebc1 61%,#f9dc90 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 13%,#fbebc1 61%,#f9dc90 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9dc90',GradientType=0 ); /* IE6-9 */
		border-bottom:1px solid #d8d3b1;
		border-radius: 0.5em;
		position:relative;
	}
		#toolbar .dropdownContainer #collectionIntro .menuInfo { background-position:50% 34%; }
		#collectionIntro .content { padding:1em; }
		#collectionIntro .welcome { font-size:1em; width: 235px }
		#collectionIntro p { font-size:.9em; letter-spacing:0pt; margin:0; text-shadow:1px 1px 1px #fff; width: 235px; }
		#collectionIntro a { font-size:.9em; letter-spacing:0pt; margin:0; text-shadow:1px 1px 1px #fff; text-decoration: underline; }
		#collectionIntro .row { background:#f7f1d2; border-top:1px solid #f5ebcd; color:#a19e8b; display:block; font-size:.9em; padding:.25em 1em; }
		
  #toolbar #collectionMenu .dropdownTrigger { 
    color:#995b0b; 
    display:block;
    font-weight: 500; 
    font-size:1.5em; 
    line-height:.75em;
    padding-right:2em; 
    left:10px; 
    position:relative; 
    text-decoration: none; 
  }
    #collectionMenu .arrowDown { 
      border-left: 7px solid transparent; 
      border-right: 7px solid transparent; 
      border-top: 7px solid #995b0b;
      display:block;
      height: 2px; 
      position:absolute;
      right:0em;
      top:.75em;
      width: 0px;   
    }
    #toolbar #collectionMenu a em { 
      color:#926d09; 
      display:block; 
      font-size:.5em; 
      font-family: "adrianna",sans-serif;
      font-weight: normal;
      font-style: normal; 
    }	 
      #collectionMenu .active .arrowDown { border-top: 5px solid #fff; } 
#toolbar .dropdown {   
	display:none;
	position:absolute;
	top:45px;
	width:320px;
}
	#toolbar #collectionSubmenu { background:url("/img/topArrow.png") no-repeat 10% 0; left:0; }
	#communityDropdown { background:url("/img/topArrow.png") no-repeat 85% 0; right:65px; }

#toolbar .dropdown > .dropdownContainer {
	background:#fff; 	
	border-bottom:1px solid #e0bb70;
	border-left:1px solid #e0bb70;
	border-right:1px solid #e0bb70;
	margin-top:10px;
	overflow:hidden; 
	text-align: left;
	-webkit-background-clip: padding;
	-moz-background-clip: padding; 
	background-clip: padding-box;	
}
	.boxshadow .dropdownContainer { box-shadow: 0px 2px 3px #e0bb70; }
	.dropdownContainer ul { 
		list-style:none; 
		margin:0;
		padding:0; 		
	}
	.dropdownContainer ul li { border-bottom:1px solid #dbdbdb; }
		.dropdownContainer ul li:last-child { border-bottom:0px; }
		.dropdownContainer ul li.last { border-bottom:0px; }

		.dropdownContainer ul li .collection { 
			background:url("/img/subMenuInfo.png") repeat-y;
			background-position:100% 0%;
			position:relative;
			border-radius: 0.5em;
		}
			#toolbar #communityDropdown ul li .collection { background:none; }
		.collection a { color:#4c4c4c; padding:.5em .5em; text-decoration: none; }
		.dropdownContainer ul li .collection .menuItem { 
			color:#9e6400;
			display: block;
			font-size:1.25em;
			line-height: 17px;
			padding:.5em;
			padding-bottom: 0em;
			width:235px;
		}
			.dropdownContainer ul li .collection .menuItem .tagLine {
				display:block;
				color:#999;
				font-family: "adrianna",sans-serif;
				font-size:12px;
				margin-bottom: .25em;
			}
			.dropdownContainer ul li .collection:hover .menuItem { color:#4c4c4c; }

		.dropdownContainer .menuInfo { 
			background:url("/img/subMenuIcon.png") no-repeat;
			background-position:50% 50%;
			display:block;
			height:100%;
			margin:0;
			padding:0;
			position:absolute;
			right:0;
			top:0;
			text-align: center;
			text-indent: -9999px;
			width:50px; 	
		}

/* ==========================================================================
   Sidebar
   ========================================================================== */
#sidebarContent {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow-y:auto;
	overflow-x:hidden;
	padding:77px 0 0 0;
	position:relative;
}
#sidebar input { border:1px solid #9b9b9b; border-radius: .5em; outline:none; padding:.5em; }
	.boxshadow #sidebar input {
		border:0px;
		box-shadow: inset 2px 2px 2px #9b9b9b;
		-webkit-box-shadow: inset 2px 2px 2px #9b9b9b;
		-moz-box-shadow: inset 2px 2px 2px #9b9b9b;
	}

#sidebar #searchContain { background:#f5f5f5; border:1px solid #fff; border-radius: .5em; margin:auto; padding:.5em; margin-top: 0.75em; }
	#sidebar #searchContain .search { 
		background:#fff url('/img/searchBg.png') no-repeat; 
		background-position:4% 50%;
		font-family:"georgia";
		font-style: italic;
		font-size: 0.9em;
		padding-left:2em; 
		width:172px; 
	}

#sidebar .button { background:#9b9b9b; color:#fff; padding: 0.1em; }
#sidebar .button.blue { background:#4591c3; color: #fff; }

#sidebar #showAll { margin-top: 0.5em; padding: 0.25em; position: relative; font-size: 1em; }
#backForward { font-size: 0.9em; padding-bottom: 1em; position: relative; border-bottom: 1px dotted #876C27;}
#backForward a { display: block; width: 45%; }
#fwdButton { float: right; }

#sidebar #dateRange { margin:0.5em auto; padding:.25em; position: relative; }
	#sidebar #dateRange .strongLabel { color:#333; font-size: 1.05em; }
	#sidebar #dateRange .fakeField { 
		border-bottom:1px dotted #876C27;  
		color:#999; 
		cursor: text;
		font-family:"georgia"; 
		font-style:italic; 
		font-weight: 100; 
		font-size: .8em; 
		padding-bottom: .25em;
		position:relative;
	}
		#sidebar #dateRange .fakeField .yellowDown { 
			border-left: 5px solid transparent; 
			border-right: 5px solid transparent; 
			border-top: 5px solid #ebb730;  
			bottom:5px;
			display:block;
			height: 2px; 
			position:absolute;
			right:0px;
			width: 0px;   
		}
		#sidebar #dateRangeValue { color:#4c4c4c; font-style: normal; } 
		#sidebar #dateRangeFieldContainer {
			background:#fff;
			/*border:1px solid #9b9b9b;*/
			box-shadow:0 2px 10px rgba(0,0,0,.1);
			border-radius: .5em .5em;
			display:none;
			padding:.5em 1em;
			position: absolute; top: -18px;	left: -6px;
			width:242px;
		}
		#sidebar #dateRangeFieldContainer input { font-family: "georgia"; font-style: italic; width:206px; }
		#sidebar #dateRangeFieldContainer .title { display:block; font-weight: 500; }
		#sidebar #dateRangeFieldContainer .guide { color:#999; font-size:.8em; display:block; margin-top:.5em; }

.leftNavHeading {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px dotted #876C27;
    line-height: 1.2em;
    cursor: pointer;
}
.leftNavheading.active {
    background-color: #fff
}
.leftNavHeading .currentNav {
    font-size: 1.2em;
    color: #876C27;
}
.leftNavHeading .currentNav em {
    display: block;
    color:#999;
    font-size: 0.8em;
    font-style: normal;
}


.leftNavHeading .instructions {
    width: 100%;
    text-align: right;
}
.leftNavHeading .instructions:after {
    content: " 〉"
}

.leftNavMenu {
    position: fixed;
    display: none;
    z-index: 15;
    width: 285px;
    background:#f5f5f5;
    border:1px solid #000;
    border-radius:.5em;
}

#sidebarNav {
    position: absolute;
    top: 0px;
    left: 260px;
    z-index: 15;
    width: 285px;
}

#datasets { padding-bottom:1em; }
#datasets ul {
	list-style: none;
	margin:0;
	overflow:hidden;
	padding:0;
}
	#datasets ul li { border-bottom:1px solid #dbdbdb; }
		#datasets ul li:last-child { border-bottom:0; }

	#expandDataSets {
		background:none;
		border:none;
		color:#999;
		display:none;
		font-weight:300;
		font-size:11px;
		padding:.5em;
		letter-spacing:0.1em;
		text-decoration:underline;
	}

	.leftNavSub {
		background:none;
		border:0px;
		color:#4591c3;
		cursor: pointer;
		display:inline;
	}
		.leftNavSub:hover { text-decoration: underline; }

	#datasets ul li a { background:url("/img/baseRadio.png") no-repeat 5% 50%; color:#444; display:block; padding:.5em; padding-left:48px; text-decoration: none; }
		#datasets ul li a:hover { 
			background-color:#eaeaea; 
			color:#000;
			-webkit-transition: all .2s linear; 
			-moz-transition: all .2s linear; 
			-o-transition: all .2s linear; 
		}
		#datasets ul li a.active { background:#fff url("/img/activeRadio.png") no-repeat 5% 50%; color:#876c27; font-weight: 500; border-radius:.5em; }
		#datasets ul li a span { color:#999; display:block; font-size:.7em;}

/* ==========================================================================
   Table Data
   ========================================================================== */
#tabData { background:#fff; border:1px solid #9b9b9b; border-radius:.5em; min-height:600px; overflow-x: hidden; padding:.5em .5em 241px .5em; position:relative; }


/* 
	Todo: We're changing to the AutoCompleteView here so the styling should be done on the following:
	#autoCompleteView:            The container that gets positioned near the element
	#autoCompleteView ol:         An ordered list
	#autoCompleteView li:         The list items
	#autoCompleteView .selected:  The selected item in the list as you arrow nav
*/
.autoCompleteList { display:none; position:fixed; top:96px; right:150px; z-index:100; }
	.autoCompleteList input { border:1px solid #9b9b9b; padding:3px; outline:none; width:100%; }
#autoCompleteView, .autoCompleteList {
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	max-height:300px;
	overflow-y:scroll;
	padding:1em 1em 0 1em;
	width: 300px;
}
	#autoCompleteView ol, .autoCompleteList ol { list-style:none; margin:.5em 0; padding:0; }
	#autoCompleteView li, .autoCompleteList li { border-bottom:1px solid #f5f5f5; color:#666; cursor:pointer; font-weight:300; letter-spacing:1px; padding:.25em; }
		#autoCompleteView li:last-child, .autoCompleteList li:last-child { border-bottom:none; }
	#autoCompleteView .selected, .autoCompleteList .selected { background:#e8eae8; }
	/*#autoCompleteView .filterField { border:1px solid #9b9b9b; margin-bottom:1em; outline:none; padding:3px; width:100%; }*/

#stickyHeader { display:none; top:75px; left:269px; position:fixed; z-index:10; }
	#stickyHeader .stickyTable { width:100%; }

.standardData { position:relative; }
.standardData .standardHeader tr:first-child { border:0; }
.standardData .standardHeader tr th { color:#fff; font-weight:400; font-size:14px; text-align:right; position:relative; }
.standardData .standardHeader tr th:first-child { text-align:left; width:130px; }
.standardData .standardHeader tr th:last-child { width:auto; }
.standardData thead.standardHeader tr th:last-child { border-right:1px solid #4c4c4c; }
.standardData thead.standardHeader tr th:first-child { border-left:1px solid #4c4c4c; }
.standardData .standardHeader { background: #4c4c4c; }
	.standardData .standardHeader a { color:#fff; display:block; font-weight:400; position:relative; text-decoration: none;  }
	.standardData .standardHeader tr td:first-child a { text-align: left; }

.standardData .standardHeader .unitRow { border:1px solid #9b9b9b; }
.standardData .standardHeader .unitRow td { background:#dbdbdb; color:#999; font-size:11px; text-align: right; }

.standardData .standardHeader .sortRow th { background:#535353; }
.sortContain { position:relative; }

.standardData .standardHeader .sortContain a.remove { 
	background:#666; 
	border-radius: 12px;
	color:#e8eae8; 
	display:block; 
	font-family: sans-serif; 
	font-size:11px;
	font-weight: 100;
	float:right;
	height: 20px;
	line-height: 20px;
	margin-left: 1.1em;
	text-align: center;
	width:20px;
}

.standardData .standardHeader .button { background:#9b9b9b; border-radius:.25em; color:#fff; display:inline-block; padding:2px 6px; }

.standardData .standardBody tr { border:1px solid #dbdbdb; }
.standardData .standardBody tr.odd { background-color: #f5f5f5; }
.standardData .standardBody tr td { color:#666; font-family: "adrianna-condensed"; font-size:14px; text-align: right }
.standardData .standardBody td.leadColumn { text-align: left }
.standardData .standardBody tr.odd td { color: #636359; }

.sortContain .sortOption {
	background-repeat:no-repeat;
	background-position:bottom center;
	display:block;
	float:right;
	height: 20px;
	width:20px;  
}
.standardHeader .sortContain a.sortCircle { background-image:url('/img/sortArrow.png'); }
	 .standardHeader .sortContain .sortAsc { background-position:top center; }
	 .lt-ie8 .sortCircle { background-image:url('/img/sortArrow.png'); }

.standardData .focus { background-image:url('/img/eye.png'); margin-right:.75em; margin-left: .5em; }
.standardHeader .sortContain .leftAlign { float:left; }

.standardData .leadColumn { background:#f5f5f5; border-right:1px solid #dbdbdb; width:280px; }
	.standardData .leadColumn .sortCheckbox { margin-right: .25em; }
	.standardData .leadColumn .countryLabel { color: #000; float:left; padding:.35em 0 0 0; }
	.standardData .leadColumn .regionLabel { font-weight: bold; }
	.standardData .leadColumn .rowButtons { float:right; }
		.standardData .rowButton {
			background-repeat:no-repeat;
			background-position:50% 50%;
			cursor:pointer;
			display:block;
			float:left;
			height:26px;
			margin-left:5px;
			overflow:hidden;
			text-indent:-9000px;
			width:26px;
		}
			.standardData .info { background-image:url('/img/info-row.png'); }
			.standardData .delete { background-image:url('/img/delete-row.png'); display: none; }
			.standardData .expand { background-image:url('/img/expand-row.png'); }
			.isSearch .standardData .delete { display: block; }

/* ==========================================================================
   Toggles
   ========================================================================== */
a.button, .button { border-radius:.5em; color:#fff; display:block; padding:.25em; text-align: center; text-decoration: none; } 
	a.blue, .blue { background:#4591c3; }
	a.red, .red { background:#C51F24; }
#requestData { margin-top: .75em }
#toggleButtons {
	margin:0 auto 1em;
	overflow:hidden;
	text-align: center;
}
#toggleButtons ul { list-style: none; margin:0; padding:0; }
	#toggleButtons ul li { border-bottom:1px solid #9b9b9b; margin:auto; text-align: left;}
	#toggleButtons ul li.last { border-bottom:none; }
	#toggleButtons ul li .widget { 
		background-repeat: no-repeat;
		background-position:0 -40px; 
		clear:both;
		color:#999;
		display:block;
		height: 38px;
		font-family: "adrianna-condensed";  
		padding:10px 5px 10px 41px;
		text-decoration: none; 
	}
		#toggleButtons ul li .widget:hover { background-color:#fff; }

		#toggleButtons ul li .figures { background-image: url("/img/figure.png"); background-position:0 -102px; }
		#toggleButtons ul li .figures.active { background-position:0 2px; }

		#toggleButtons ul li .percentChange { background-image: url("/img/change.png"); background-position: 0 -122px; }
		#toggleButtons ul li .percentChange.active { background-position: 0 2px; }

		 #toggleButtons ul li .perGDP { background-image: url("/img/gdp.png"); background-position:0 -130px; }
		 #toggleButtons ul li .perGDP.active { background-position:0 5px; }

		 #toggleButtons ul li .perStateGDP { background-image: url("/img/gdp.png"); background-position:0 -122px; }
		 #toggleButtons ul li .perStateGDP.active { background-position:0 13px; }

		 #toggleButtons ul li .perCapita { background-image: url("/img/capita.png"); background-position:6px -30px; } 
		 #toggleButtons ul li .perCapita.active { background-position:6px 3px; }

		#toggleButtons ul li .cumulative { background-image: url("/img/cumulative.png"); background-position:0 -102px; }
		#toggleButtons ul li .cumulative.active { background-position:0 2px; }
	#toggleButtons ul li .widget  i.cumulative { background-image: url("/img/cumulative-x2.png"); }

/* ==========================================================================
   Footer / Visualizations
   ========================================================================== */

#svgContainer { display:none; }
#dropshadow, #svgGradients{ display:none;}

#visualizerTabs { float:left; list-style:none; margin:0; margin-left:1em; padding:0; }
	#visualizerTabs li { float:left; }
		#visualizerTabs li a  { 
			background:#9b9b9b; 
			border-top-left-radius: .5em;
			border-top-right-radius: .5em;
			display:block; 
			height:32px;
			margin:auto;
			margin-right:.25em; 
			padding-top:.25em;
			text-indent: -9999px;
			width:34px;
		}
			#visualizerTabs li a:active { box-shadow: inset 2px 2px 3px #444; }
			#visualizerTabs li a.disabled { background-color:#d9d9d9; cursor: default; }
				#visualizerTabs li a.disabled:active { box-shadow:none; }
			#visualizerTabs li a.off { background-color:#999; }       
			
			#visualizerTabs i { 
				background-repeat: no-repeat;
				background-position:50% 0px;                
				display:block;
				height:17px;
				margin:.25em auto;
				width:17px;
			}
				#visualizerTabs  i.bar,
					#visualizerTabs  i.bars { background-image: url("/img/bar.png"); }
				#visualizerTabs i.barsStacked,
					#visualizerTabs i.barsStackedRotated { background-image: url("/img/h-bar.png"); }
				#visualizerTabs i.pie { background-image: url("/img/pie.png"); }
				#visualizerTabs i.line { background-image: url("/img/line.png"); }
				#visualizerTabs i.geo { background-image: url("/img/globe.png"); }
				   #visualizerTabs .off i, #visualizerTabs .disabled i { background-position:50% -17px; }

#tabsContain {margin-bottom: 10px; border-bottom: 1px solid #9b9b9b;}

.underline {
	text-decoration: underline;
}

#visualizerToggle {
	background:#9b9b9b; 
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	display:block; 
	float:right;
	height:32px;
	margin:auto;
	margin-right:1em; 
	padding-top:.5em;
	position:relative;
	text-indent: -9999px;
	width:34px;
}
	#visualizerToggle:active { box-shadow: inset 2px 2px 3px #231f20; }


		#visualizerToggle .minimizeArrow { 
			border-left: 6px solid transparent; 
			border-right: 6px solid transparent; 
			border-top: 6px solid #b3b3ad ;  
			display:block;
			height: 1px; 
			margin:.5em auto;
			width: 0px; 
		    -moz-transition: all 1s;
		    -ms-transition: all 1s;
		    -o-transition: all 1s;
		    -webkit-transition: all 1s;
		    transition: all 1s;
		}
		#visualizerToggle .rotate{ 
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); /* IE 9 */
			-webkit-transform:rotate(180deg); /* Safari and Chrome */
		}

#visualizer { background:#fff; height:234px; pointer-events:auto;}
#visualizer.embedContainer { height: 100%; overflow:hidden; padding-top: 2em;}
#visualizer.embedContainer .miniChart{ margin:0; }

.embedContent { background:#9b9b9b; }
	
	.glyph { font-family:Socialglyphs; }

    .embedContent #vizSources { background:#fff; bottom:0; left:0; padding:1em; padding-bottom:0; margin-bottom:0; position:fixed; width:100%; }
    
    .embedWrapper #vizSources { 
    	background:#fff; 
    	bottom:0; 
    	border-bottom-right-radius: .4em;
		border-bottom-left-radius: .4em;
    	padding:.1em; 
    	padding-bottom:0; 
    	margin-bottom:0; 
    	position:absolute; 
    	width:100%; 
    }

	.embedContent #vizSources h2 { 
		background:url("/equity/assets/img/WRI_logo_horiz_4c.png") no-repeat; 
		float:right;
		height:23px;
		margin:auto;
		padding:0;
		width:280px; 
	}


	.embedWrapper #vizSources h2 { 
		background:url("/equity/assets/img/WRI_logo_horiz_4c.png") no-repeat; 
		float:right;
		height:23px;
		margin:auto;
		margin-top:5px;
		margin-left: 10px;
		width:280px; 
	}




    	.embedContent #vizSources a.sources {
			color:#231f20; 
			display:block;
			float:left;
			font-family: "adrianna",sans-serif;
			font-weight: normal;
			font-size: .7em;
			font-style: normal;
			height:40px;
			padding-left:.5em;
			text-decoration: none;
			width:70%;
    	}

    	.embedWrapper #vizSources a.sources {
			color:#231f20; 
			display:block;
			float:left;
			font-family: "adrianna",sans-serif;
			font-weight: normal;
			font-size: .7em;
			font-style: normal;
			padding-left:.5em;
			margin-top: 13px;
			text-decoration: none;
			width:70%;
    	}

    		.embedContent #vizSources a.sources span {  }
    		.embedContent #vizSources a.sources:hover { color:#4c4c4c; }

	#visualizer .zoom {  
		background:url("/img/zoom.png");
		background-repeat:no-repeat;
		background-position:17px 11px;
		background-size:14px 14px;
		color:#231f20;
		display: inline-block;
		padding:.5em;
		padding-left:2.5em;
		text-decoration: none;
		position:absolute;
		z-index:1;
	}

	.footerTitle,
	.footerTitleTop {
		font-family: "adrianna-condensed", sans-serif;
		color: #000000;
		display: block;
		font-size:18px;
		position: absolute;
		width: 100%;
		z-index:2;
		text-align:center;
		top: 225px;
	}
	.footerTitleTop{
		top: 60px;
	}
	.miniChart .footerTitleTop{
		top: -20px;
	}
	.embedContent .footerTitleTop{
		top: 5px;
	}
	.embedContent .miniChart .footerTitleTop{
		top: -25px;
	}
	.overlayTitleTop{
		top: 85px;
	}
/*	
	svg path, svg rect{ filter:url(#dropshadow); } 
*/
	.miniChart{ float:left; margin:2em auto; }
	.embedContent .footerTitleTop~.miniChart { top: 25px; }

	svg text[stroke="#ffffff"] { display: none; }

	#visualizationContainer { margin-top:-10px; padding-top:10px;}

/* ==========================================================================
Overlay
========================================================================== */
#overlay {
	background-color: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 20;
}

#overlay .zoom {
	display: none;
}


#embedText { background:#000; color:#fff; height:100%; display:none; padding:1em; position:absolute; top: 0; right: 0; width:30%; z-index: 25;
}
	#embedText textarea {
		background:#363636;
		border:1px solid #666;
		color:#e8eae8;
		font-family: Courier;
		height:75%;
		padding:1em;
		width:100%;
	}
	#embedText #closeEmbed {
		background:#5d5d5d;
		border:1px solid #000;
		border-radius:.25em .25em;
		color:#e8eae8;
		float:right;
		margin:1em 0;
		padding:.25em .75em;
	}
#overlay .embedWrapper {
	background:#fff;
	border-radius:.5em;
	margin:auto;
	position: fixed;
	left:3%;
	top:3%;
	right:3%;
	bottom:3%;
}

#overlay .embedWrapper #embedHeader { 
	background:#4c4c4c; 
	border-top-right-radius: .4em;
	border-top-left-radius: .4em;
	border-bottom:1px solid #9b9b9b;
	margin-bottom:2em; 
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
	.embedWrapper #embedHeader h2 { 
		color:#f5f5f5;
		float:left;
		font-weight:100;
		font-size:150%;
		margin-left:1em;
	}
	.embedWrapper #embedHeader #controls { float:right; margin-top:1em; }
		#embedHeader .toolbarBtn { 
			background:#f0ab00;
			border-radius:.5em;
			color:#4c4c4c;
			display:block;
			float:left; 
			padding:.5em;
			margin-right:.5em;
			text-decoration: none;
		}
		#embedHeader input.toolbarBtn { 
			background:#fff;
		}
		#embedHeader .cancelBtn { 
			background:#444;
			border-radius:30px;
			color:#9b9b9b;
			cursor: pointer;
			display:block;
			float:left; 
			font-size:125%;
			height:30px;
			line-height:30px;
			margin:3px 16px 0 16px;
			text-align:center;
			width:30px;
		}
		#shareDropdown {
			background:#fff;
			border-radius:.25em .25em;
			display:none;
			padding:.5em;
			position:absolute;
			top:3em;
			right:1em;
			width:270px;
			z-index:10;
		}
			#shareDropdown .socialList { list-style:none; margin:0; padding:0; }
			.socialList a { color:#666; padding:.25em 0; text-decoration:none; }
			.socialList .glyph { color:#9b9b9b; display:inline-block; text-align:center; width:16px; }

	.boxshadow #overlay .embedWrapper { box-shadow: 2px 2px 10px #000; }
    #overlay .vizContainer { height: 70%; }

    #

/*
   #overlay .vizContainer {
			background:#8d8d8d;
     	border:1px solid #777;
   		border-radius:.5em;	
			height: 70%;
			margin:auto;
			padding:1em;
     	overflow-x: hidden;
     	overflow-y:hidden;
     	width:90%;
   }
   	.boxshadow #overlay .vizContainer {  box-shadow:inset 2px 2px 5px #999; }
*/
   #overlay #visualizer { 
   	background:transparent; 
   }

/* ==========================================================================
InfoModal Overlay
========================================================================== */
#profile #sourcesModal { display:none; }
#profile .infoModal { display: none; }
#definitionsModal { display: none; }
.modal {
	background-color: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 99;
 }

.modal .embedWrapper {
	background:#9c9c9c;
	border-radius:.5em;
	margin:auto;
	position: fixed;
	left:3%;
	top:3%;
	right:3%;
	bottom:3%;
}

.modal .embedWrapper.narrowWidget {
	background:#ddd;
	border-radius:.5em;
	margin:auto;
	position: fixed;
	left:30%;
	top:3%;
	right:30%;
	bottom:3%;
	overflow: hidden;
}

.modal .embedWrapper #collectionHeader { 
	background:#333; 
	border-top-right-radius: .4em;
	border-top-left-radius: .4em;
	border-bottom:1px solid #9b9b9b;
	margin-bottom:1em; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
	.embedWrapper #collectionHeader h2 { 
		color:#f5f5f5;
		float:left;
		font-weight:100;
		font-size:150%;
		margin-left:1em;
	}
	.embedWrapper #collectionHeader #aaaaaaaa { float:right; margin-top:1em; }
		.embedWrapper #collectionHeader #aaaaaaaa .cancelBtn, .embedWrapper #collectionHeader #closeEmbed { 
			background:#444;
			border-radius:30px;
			color:#9b9b9b;
			cursor: pointer;
			display:block;
			float:left; 
			font-size:125%;
			height:30px;
			line-height:30px;
			margin:3px 16px 0 16px;
			text-align:center;
			width:30px;
		}

	.boxshadow #overlay .embedWrapper { box-shadow: 2px 2px 10px #000; }

.infoContent { color:#4c4c4c; padding:1em; padding-top:0px; padding-bottom: 5em; overflow-y: auto; height: 90%; }
	.infoContent p { margin-top:0px; }
	.infoContent h3 { border-bottom:1px dashed #666; color:#333; font-weight:normal; margin:.5em auto; margin-top:2em; padding:0;  }
	.infoContent a { color:#4591C3; }
	.infoContent img { height:auto; max-width:100%; width:inherit; }

.infoContent dt { text-decoration: underline; }
.infoContent dd em { display: block; }
.infoContent dd { padding-bottom: 1em; }
        
/* ==========================================================================
   Welcome Modal Overlay
   ========================================================================== */

#welcomeModalTemplate { background: rgba(0, 0, 0, 0.7); display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; }
.lt-ie9 .welcomeMessage { border:10px solid #9b9b9b; } 

.welcomeMessage {
	background: #fff; 
	border-radius: 10px;
	margin: 10%;
	padding: 5px 20px 10px 20px;
	position: absolute;
	overflow: hidden;
	width: 80%;
}
a.welcomeClose { 
	background: #333;
	border-radius: 5px; 
	box-shadow: 1px 1px 0px #bbb;
	color: #fff; 
	float: right; 
	margin-right: -10px;
	padding: 5px 10px; 
	text-decoration: none;
}

/* ==========================================================================
   Help
   ========================================================================== */

#helpContent {
	background:#fff;
	margin:auto;
	padding:1em 0;
	width: 100%;
}
.helpContainer { font-size:18px; letter-spacing:1px; margin:0 auto; width:90%; }
.helpContainer ul { list-style: disc; margin-left:1em; }
.helpContainer ul li { list-style: disc; }
.helpContainer li ul li { color:#444; list-style: circle; margin-left:1em; }
.helpContainer ol { padding:1em; }
.videoPlayer { display:block; margin:auto; text-align:center; }

/* ==========================================================================
   FAQ
   ========================================================================== */

#faqContent {
	background:#fff;
	margin:auto;
	padding:1em 0;
	width: 100%;
}
#expandAll {width:150px; float:right; }
.faqContainer { font-size:18px; letter-spacing:1px; margin:0 auto; width:90%; }
#faq { list-style: none; margin-left:1em; margin-top: 1em; }
#faq>li { list-style: none;  margin-bottom: 0.5em; }
#faq>ul { list-style: none; margin-left:1em; }
#faq>ul>li { list-style: none; margin-left:1em; margin-bottom: 1em; }
#faq>ul ul li { list-style: disc; margin-bottom: 1em; margin-left: 2em; }

 #faq>ul {
    display:none;
 }

 #faq>ul>:first-child {
    font-weight:bold;
 }

 #faq table { border-spacing:0px; border-collapse:separate; margin-bottom:2em; width:100%;}
 #faq tr:first-child { background:#eee; }
 #faq tr { }
 #faq th { background:#eee; color:#444; padding:.25em; text-align:left; vertical-align: top;}
 #faq td { background:#fff; padding:.25em;  vertical-align: top; border-bottom: 2px solid #9b9b9b; } 

/* ==========================================================================
   Phone
   ========================================================================== */

.phoneContainer { font-size:18px; letter-spacing:1px; margin:0 auto; width: 80%; }


/* ==========================================================================
   Feedback
   ========================================================================== */
.ss-form-contain { border:1px solid #b4b4b4; color:#444; width:100%; }
.ss-form-contain .ss-form-header { background:#f0ab00; box-shadow:0px 2px 3px #999; padding:1em; }
	.ss-form-contain .ss-form-header .ss-header-contain { margin:auto; width:90%; }
	.ss-form-contain .ss-form-header .ss-form-title { color:#745501; font-weight: 100; margin:auto; }
	.ss-form-contain .ss-form-header p { color:#926d09; font-family:"adrianna",sans-serif; font-size:.8em; }

	.ss-form-contain .ss-form form { margin:1em auto; width:90%; }
	.ss-form-contain .ss-form form label { display: block; }
	.ss-form-contain .ss-form form input, .ss-form-contain .ss-form form textarea { 
		background:#dbdbdb; 
		border:0px;
		border: 1px dashed #999; 
		box-shadow: inset 1px 2px 3px #9b9b9b;
		color:#666;
		font-size:1em;
		font-family:"adrianna",sans-serif;
		margin:0;
		margin-bottom:1.5em;
		outline:none;
		padding:.5em;
		width:100%; 
	}
 .ss-form-contain .ss-form form input[type=radio] {
     width: 10%;
 }

.feedback .ss-form-contain .ss-form form .ss-choice-item input[type=radio] {
    display:none;
}

.ss-form-contain .required-message, .ss-form-contain .error-message, .ss-form-contain .ss-required-asterisk {
    display: none;
}
 
.feedback .ss-form-contain .ss-form form .ss-choice-item input[type=radio] + label {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;    
	border: 1px solid #9b9b9b;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	cursor: pointer;
	color: #4c4c4c;
	display:inline-block;
	font-size: 1em;
	line-height: 20px;
	margin:-2px;
	margin-bottom: 1em;
	margin-top: .25em;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	width:80px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
 
.ss-form-contain .ss-form form .ss-choice-item input[type=radio]:checked + label {
	background-image: none;
	color:#333;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:#dea303;
}			

.lt-ie9 .ss-form-contain .ss-form form .ss-choice-item { margin-bottom:1.5em; }
.lt-ie9 .ss-form-contain .ss-form form .ss-choice-item .ss-q-radio { background:transparent; border:0px; display: block; float:left; margin-top:5px; width:auto; }
.lt-ie9 .ss-form-contain .ss-form form .ss-choice-item .ss-choice-label,
.lt-ie9 .ss-form-contain .ss-form form .ss-choice-item input[type=radio] + label { 
	box-shadow:0px 0px 0px;
	border:0px;
	background:#9b9b9b !important; 
	background-color: #9b9b9b !important; 
	background-image: none !important; 
	background-image: linear-gradient(to bottom,#9b9b9b,#9b9b9b);
	float:left; 
	padding:0px;
	margin-left:0px;
	margin-right:1em;
	width:auto;
}

	/* .ss-choice-item { 
		background:#dbdbdb; 
		border-radius:.5em; 
		border: 1px dashed #999; 
		float:left; 
		margin:.5em .5em 1.5em auto;
		padding:.25em 1em; 
		text-align: center; 
		width:50px;
	} */

	
	.ss-navigate { text-align: center; }
		.ss-navigate .password-warning { color:#999; font-family:"adrianna",sans-serif; font-size: .8em; }
	.ss-form-contain .ss-navigate input.ss-form-submit, #ss-submit { 
		background:#4591c3; 
		border:0px; 
		border-radius:.5em;
		box-shadow: 0px 0px 0px;
		color:#fff; 
	}

	.ss-footer { background:#4c4c4c; }
		.ss-legal { margin:auto; text-align:center; width:90%; }
		.ss-legal span { color:#666; }
		.ss-legal a { color:#666; margin-right:.25em; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (-webkit-min-device-pixel-ratio: 2) {
	/* WRI logo retina */
	#toolbar hgroup .backContain .backLink { 
		background:#fdb743 url("/img/wriLogo-x2.png") no-repeat; 
		background-size:auto 30px;
		background-position:center center; 
	}
	
	/* Toggle button retina */
	#toggleButtons ul li .widget i { background-size: 40px auto; }
	#toggleButtons ul li .widget  i.figures { background-image: url("/img/figure-x2.png"); }
	#toggleButtons ul li .widget  i.percentChange { background-image: url("/img/change-x2.png"); }       
	#toggleButtons ul li .widget  i.perGDP, #toggleButtons ul li .widget  i.perStateGDP { background-image: url("/img/gdp-x2.png"); }
	#toggleButtons ul li .widget  i.perCapita { background-image: url("/img/capita-x2.png"); } 
	#toggleButtons ul li .widget  i.cumulative { background-image: url("/img/cumulative-x2.png"); }

	/* Visualizer Tabs retina */
	#visualizerTabs i { background-size: 17px auto; }
	#visualizerTabs  i.bar,
		#visualizerTabs  i.bars { background-image: url("/img/bar-x2.png"); }
	#visualizerTabs i.barsStacked,
		#visualizerTabs i.barsStackedRotated { background-image: url("/img/bar-x2.png"); }
	#visualizerTabs i.pie { background-image: url("/img/pie-x2.png"); }
	#visualizerTabs i.line { background-image: url("/img/line-x2.png"); }
	#visualizerTabs i.geo { background-image: url("/img/globe-x2.png"); }
	   #visualizerTabs .off i, #visualizerTabs .disabled i { background-position:50% -17px; }

  	#visualizer .zoom {  
		background:url("/img/zoom-x2.png");
		background-repeat:no-repeat;
		background-position:17px 11px;
		background-size:14px 14px;
	}
	
	.embedContent #vizSources h2, .embedWrapper #vizSources h2 { 
		background:url("/equity/assets/img/WRI_logo_horiz_4c.png") no-repeat; 
		background-position:center center; 
	}

	/* Info Circles */
	#toolbar #collectionSubmenuContain ul li .collection .menuInfo { 
		background:url("/img/subMenuIcon-x2.png") no-repeat;
		background-size:22px 22px;
		background-position: 50% 50%;
	}

	/* Home icon */
	#toolbar hgroup .titleContain a #caitHome { 
		background:url("/img/caitHome-x2.png") no-repeat;
		background-position: 50% 50%;		
	}

	/* Radios */
	#datasets ul li a { background-image: url("/img/baseRadio-x2.png"); background-size: 21px 21px; }
	#datasets ul li a.active { background-image: url("/img/activeRadio-x2.png"); background-size: 21px 21px; }


	/* Sort Circle */
	.standardHeader .sortContain a.sortCircle {  
		background-image:url('/img/sortArrow-x2.png');
		background-size:20px;
	 }
	 .standardData .focus { background-image:url('/img/eye-x2.png'); background-size:20px; }
}


@media only screen and (min-width: 35em) {

}

@media print,
	   (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.noscroll {
	overflow: hidden;
}

/* Use on elements that contain floated items
--------------------------------------------- */
.group:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.group { zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* the table rows, when clickable and active */
#tableReload .standardBody tr.clickableRow.active td {background-color: #f5f5f5; border: 0; opacity: 1;}
#tableReload .standardBody tr.clickableRow.active td.leadColumn {background: #ffd97a; opacity: 1; border-bottom: solid 1px #f5c347;}
#tableReload .standardBody tr.clickableRow.active:hover td {background-color:#f5f5f5; opacity: 1;}
#tableReload .standardBody tr.clickableRow.active:hover td.leadColumn {
	background-color:#F0AB00;
	/* background-image:url('/img/sortArrow.png'); minus sign bg image placeholder */
	background-repeat:no-repeat;
	background-position:bottom right;
	opacity: 1;
}

#tableReload .standardBody tr.clickableRow td {opacity: 0.9; }
#tableReload .standardBody tr.clickableRow td.leadColumn {opacity: 0.8; }
#tableReload .standardBody tr.clickableRow:hover td:first-child {background:#f5f5f5;cursor:pointer; opacity: 0.8;}
#tableReload .standardBody tr.clickableRow:hover td.leadColumn {
	background-color: #ffe49f;
	/* background-image:url('/img/baseRadio.png'); plus sign bg image placeholder */
	background-repeat:no-repeat;
	background-position:bottom right;
	opacity: 0.8;
}

#tableReload { margin-bottom: 2em; }
#tableReload .totalsRow td { background:#f5f5f5;color:#666;font-weight:bold;}
#tableReload .totalsRow .leadColumn { background: #ddd;text-transform:uppercase;}

/* the 'remove this row' button in the table */
.clickableRow label {cursor:pointer;}

.goog-inline-block {
	display: inline-block!important;
}

.ss-form form input.ss-q-checkbox {
	width: 18px;
	height: 18px;
}

.ss-secondary-text {
	font-size: 13px;
}

/* New Header CSS BEGIN */

#RightNavButton > .menu-button {
	height: 48px;
	vertical-align: middle;
}

#RightNavButton .menu-text {
	font-size: 13px;
	color: grey;
}

#RightNavButton > .menu-button i {
	font-size: 24px;
	color: grey;
}

#RightNavButton {
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	height: 48px;
	margin-left: 8px;
	display: inline-block;
	border-left: 1px solid lightgrey;
	width: 52px;
	padding-top: 4px;
}

#RightNavigationPanel {
	position: fixed;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 200px;
	z-index: 100000;
	background-color: white;
	border: none;
	padding: 6px;
	overflow: hidden;
}

#RightNavigationPanel .app-links hr {
	margin-left: 8px;
}

#RightNavigationPanel ul {
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	display: block;
	font-family: adrianna-condensed, sans-serif;
	font-size: 13px;
	line-height: 18px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

#RightNavigationPanel ul li ul {
	margin-top: .25em;
}

#RightNavigationPanel ul li ul li {
	margin-left: .75em;
}

#RightNavigationPanel ul.nav li {
	width: 100%;
	color: rgb(85, 85, 85);
	display: block;
	font-family: adrianna-condensed, sans-serif;
	font-size: 13px;
	line-height: 18px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
}

#RightNavigationPanel ul.nav li p {
	padding-left: 8px;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

#RightNavigationPanel ul.nav li.addthis_li {
	padding-top: 3px;
	margin-bottom: 16px;
}

#RightNavigationPanel ul.nav li > div {
	margin-left: .5em;
}

#RightNavigationPanel ul.nav li > a {
	text-decoration: none;
	color: rgb(66, 139, 202);
	border-radius: 4px;
	line-height: 18px;
	font-size: 13px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
}

#RightNavigationPanel .app-links ul.nav li > a {
}

#RightNavigationPanel h4 {
	font-weight: normal;
	display: block;
	padding-left: .5em;
	margin-bottom: .25em;
}

#RightNavigationPanel .contact-info h4 {
	padding-left: 0;
}

#RightNavigationPanel ul.nav li a:hover {
	color: rgb(42, 100, 150);
	background-color: rgb(238, 238, 238);
}

#RightNavigationPanel .contact-info {
	width: 92%;
	padding-left: 8px;
	padding-right: 8px;
	position: absolute;
	bottom: 0px;
}

#RightNavigationPanel .contact-info p {
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	display: block;
	font-family: adrianna-condensed, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

#RightNavigationPanel .close-button {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}

i.fa.fa-external-link {
	margin-right: .5em;
}

#RightNavigationPanel .close-button i {
	color: grey;
	font-size: 24px;
}



.apps-nav {
	display: inline-block;
}

.apps-nav .app-select-toggle {
	cursor: pointer;
	padding-left: 24px;
	padding-bottom: 4px;
	font-size: 15px;
}

.apps-nav .app-select-toggle i {
	width: 12px;
}

.apps-nav .app-selections {
	position: absolute;
	top: 73px;
	left: 20px;
	width: 245px;
	z-index: 100000;
	background-color: #EEAA28;
	/* border: 1px solid darkgray; */
	padding: 6px;
	overflow: hidden;
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 2px 3px #e0bb70;
}

.embedContainer {
	padding-top: 75px;
}

/*#RightNavContainer {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
}*/

#wrapper.menu-shown {
	padding-right: 200px;
}

#nav-overlay {
	display: none;
}

#nav-overlay.active {
	display: block;
	background: rgba(17, 17, 17, 0.6);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 200px;
	z-index: 20;
}

.navbar {
	margin: 0!important;
	margin-bottom: 0!important;
}

#header {
	width: 100%;
	display: inline-block;
	background-color: white;
	border-bottom: 5px solid #EEAA28;
	position: fixed;
	top: 0!important;
	left: 0;
	z-index: 19;
}

#header .menu-text {
	
}

.header-content {
	padding-left: 16px;
}


#RightNavigationPanel, #header {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#header h1 {
	box-sizing: border-box;
	color: rgb(34, 34, 34);
	display: inline-block;
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 29px;
	font-weight: bold;
	line-height: 44px;
	margin-bottom: 0px;
	margin-top: 3px;
}

#header .nav>li>a {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
}

#scrollingContent {
	overflow-y: scroll;
}

.header-logo-container {
	display: inline-block;
	float: right;
	padding-top: 12px;
	padding-right: 8px;
	height: 48px;
}

.header-logo {
	margin-left: 18px;
}

#RightNavigationPanel .header-logo {
	margin-left: 2px;
}

.app-selections a, .app-selections a:link, .app-selections a:hover {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.app-selections li {
	border-radius: 4px;
	padding: .5em;
	width: 100%;
}
.app-selections li:hover {
	cursor: pointer;
	background-color: lightgrey;
}

.button-support {
  -webkit-appearance: none;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-webkit-writing-mode: horizontal-tb;
align-items: flex-start;
background-color: rgb(197, 31, 36);
border-bottom-color: rgb(240, 171, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(240, 171, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(240, 171, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(240, 171, 0);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 44px;
letter-spacing: normal;
line-height: 44px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 22px;
padding-top: 0px;
text-align: center;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
text-transform: none;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease;
white-space: nowrap;
width: 140.6875px;
word-spacing: 0px;
writing-mode: lr-tb;
}

.button-support:hover {
    -webkit-appearance: none;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.3s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-webkit-writing-mode: horizontal-tb;
align-items: flex-start;
background-color: rgb(197, 31, 36);
border-bottom-color: rgb(240, 171, 0);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(240, 171, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(240, 171, 0);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(240, 171, 0);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 44px;
letter-spacing: normal;
line-height: 44px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 22px;
padding-top: 0px;
text-align: center;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
text-transform: none;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease;
white-space: nowrap;
width: 140.6875px;
word-spacing: 0px;
writing-mode: lr-tb;
}

@media(max-width: 1022px) {

	.navbar-nav {
		margin: 0!important;
	}

	.header-logo-container {
		display:none;
	}

	#header {
		width: 100%;
	}

	.apps-nav {
		width: 100%;
	}

	.apps-nav .app-selections {
		width: 100%;
		position: static;
		background-color: #EEAA28;
		border-radius: 0;
		box-shadow: none;
		padding: 6px;
		border: none;
	}
}

@media(max-height: 799px) {
	#bottom-contact {
		display: none;
	}
}

@media print {
	#RightNavigationPanel, .nav-overlay, #header {
		display: none!important;
	}
}


@media screen and (max-width: 550px) { 
	.embedContent #vizSources h2 { 
		float:left;
	}
}
/* New Header CSS END */