* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	width: 100vw; 
}
body {
	width: 100%;
	max-width: 1440px;
	text-align: center;
	margin: 0 auto;
	overflow-x: hidden;	
	font-family: "proxima-nova", sans-serif; 
	font-size: 16px;
	font-weight: 300;
	line-height: 1.38;
	text-align: left;
	color: #505050;
	z-index: 0;  
}

::selection {background: #F0C84E; color:#FFFFFF;}
::-moz-selection {background: #F0C84E; color:#FFFFFF;}

::-webkit-scrollbar {
    width: 12px;
}

/* !important is needed sometimes */
::-webkit-scrollbar {
	width: 14px !important;
}
/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background: white;
/* 2017.6.30, Ye Wang
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
*/ 
}
/* Handle */
::-webkit-scrollbar-thumb {
/* 2017.6.30, Ye Wang
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	background: #A4DDF7 !important; 
*/
	background: #F7941F !important; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0) !important; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #F7941F !important; 
}
 

h1, h2, h3, h4, h5 {
	font-family: "proxima-nova", sans-serif;
	font-weight: bold;
	text-align: inherit;
	color: #082C45;	 
	position: relative;
}
h1 { 
	font-size: 52px;
	font-weight: bold;
	line-height: 1.06;
	margin: 0;
	padding: 30px 0;
}
h2 { 
	font-size: 32px;
	font-weight: 300;
	line-height: 1.2; 
	color: #0A91CC; 
}
h3,
div.field-name-body h2 { 
	font-size: 24px;
	font-weight: 300;
	line-height: 1.17; 
	color: #1A4D79;
	margin: 0 0 20px 0;
}

h4,
h4 a,
div.field-name-body h3 { 
	font-size: 20px;
  	font-weight: bold;
	line-height: 0.95;
	letter-spacing: 0.5px;
  	text-align: left;
	margin: 0;
	margin-bottom: 20px;
	color: #1A4D79;
}
h5 {
	/*
	font-family: ProximaNovaCond-Extrabld;
	*/
	font-family: "proxima-nova-condensed", sans-serif;
	font-weight: 800;
	font-size: 11px;
	line-height: 1.73;
	letter-spacing: 0.9px; 
	color: #317DBF;
}
h1.banner, 
h2.banner, 
h3.banner, 
h4.banner, 
h5.banner {  
	font-weight: bold;
	color: #082C45;
	border-bottom: 1px solid #F1CA4D; 
}
h1.banner {
  font-size: 32px; 
  line-height: 1.13; 
	padding: 0;
  padding-bottom: 16px;
  margin-bottom: 45px;
}
h2.banner {
	font-size: 32px; 
	line-height: 1.13; 
	padding-bottom: 10px;
	margin-bottom: 35px; 
}
h3.banner { 
	font-size: 32px;
	font-weight: bold;
	line-height: 1.13;
	color: #082c45;
	padding: 16px 0;
	margin: 0;
	margin-bottom: 16px;
	border-bottom: 1px solid #f0c84e;
}

p { 
	font-size: 16px/1.38 "proxima-nova", sans-serif; 
	color: #505050;
	padding: 0;
	padding-bottom: 20px;
	margin: 0;
}
	
hr {
	height: 1px;
	border: 0;
	clear: both;
	float: none;
	display: block;
	padding:0;
	margin: 22px 0;
	background-color: #CDD0D5;
} 
div.field-item p + br {
	display: none;
}
p + hr {
	margin-top: 5px;
}
b, strong {
	font-weight: 700;
}
ul { 
	margin: 0;
	padding: 0;
	list-style: disc;
	list-style-position: inside;
}
ul li { 
	padding: 0;
	padding-bottom: 20px;
	margin: 0;
}
ul ul { 
	margin: 20px 0 0 40px; 
	padding: 0;
	list-style: none;
	list-style-position: outside; 
} 
ul ul li {
	padding-bottom: 0;
}
ul ul li:before {
	content: "\2014\a0\a0";     
}
/* Site Map bullets */
.sitemap-h3 {
	margin: 0 0 10px 0;
}
.sitemap-ul { 
	margin: 0;
	padding: 0;
	list-style: disc;
	list-style-position: inside;
}
.sitemap-li { 
	padding: 0;
	padding-bottom: 0px;
	padding-top: 10px;
	margin: 0;
}
.sitemap-ul-ul { 
	margin: 0 0 0 40px; 
	padding: 0;
	list-style: none;
	list-style-position: outside; 
} 
.sitemap-li-li {
	padding-bottom: 0;
}
.sitemap-li-li:before {
	content: "\2014\a0\a0";     
} 

ol {
	margin: 0;
	padding: 0;
	counter-reset: item;
	list-style-type: none;
	list-style-position: inside;	 
}
ol li { 
}
ol li:before {
	content: counter(item) "."; 
	counter-increment: item; 
	padding-right: 5px; 
	float: left;
	font-weight: 700;
	display: inline-block;   
}
/* WYSIWYG bullets */
.grid-962.seven-column-962 ul:not(.menu),
.node-publication-article ul:not(.menu),
.node-publication ul:not(.menu),
.wrapper-962[tab] ul { 
	list-style: none;
	padding-left: 15px;
}
.grid-962.seven-column-962 ul:not(.menu) li,
.node-publication-article ul:not(.menu) li,
.node-publication ul:not(.menu) li,
.wrapper-962[tab] ul li {
	list-style: disc; 
}
.grid-962.seven-column-962 ul:not(.menu) li ul,
.node-publication-article ul:not(.menu) li ul,
.node-publication ul:not(.menu) li ul,
.wrapper-962[tab] ul li ul {
	padding-left: 0;
}
.grid-962.seven-column-962 ul:not(.menu) li ul li,
.node-publication-article ul:not(.menu) li ul li,
.node-publication ul:not(.menu) li ul li,
.wrapper-962[tab] ul li ul li {
	list-style: none;
}
.grid-962.seven-column-962 ol li,
.wrapper-962[tab] ol li {
	padding-left: 20px;
}
.grid-962.seven-column-962 ol li:before,
.wrapper-962[tab] ol li:before {
	margin-left: -20px;
}
ul.list {
	list-style: none;
	margin-bottom: 2em;
}
ul.list li { 
	position: relative; 
	padding-right: 60px;
}
ul.list li a.download {
	position: absolute;
	top: 0;
	right: 0;
}
ul.list li label {
	margin-left: 20px;
}

div.light {
	background-color: white;
}
div.dark { 
	color: white;
	background-color: #062B44;
	padding: 20px; 
}



*.align-left {
	float: left;
}
*.align-right {
	float: right;
}
*.normal-text {
	font-weight: 200;
} 
*.large-text {
	font-size: 24px;
	line-height: 1.29;
    text-align: left;
}


/* Buttons, Links */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* So that long URLs do not break past container on mobile */
a {
	word-wrap: break-word;
}

.btn {
	display: block;
	max-width: 267px;
	width: 100%;
	height: 34px;
	font-family: "proxima-nova", sans-serif; 
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.7px; 
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #FFF;
	transition: background 200ms ease-out;
	background: #f79321;
	margin-bottom: 30px;
}
.btn:hover {
    background: #F0B880;
	 text-decoration: none;
	 color: #FFF !important;
	 font-size: 13px;
}
.btn:active {
    background: #CC7328;
		color: #FFF;
		font-size: 13px;
}
.btn:focus {
    outline: none;
		color: #FFF;
		font-size: 13px;
}
div.wrapper-962 .field-items .field-item a,
div.nine-column .field-items .field-item a,
div.grid-962.seven-column-962 .field-items .field-item a,
div.grid-962.nine-column-962 .field-items .field-item a,
p a,
form a.link, 
a.link,
.download-links a,
.bulletin_url a,
.archive a,
.noconsider a {
    color: #F79321;
    font-weight: bold;
    text-decoration: none;
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#F79321, #F79321);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position: 0 95%,100% 95%,0 95%;
    transition:color 200ms ease-out;
} 
div.wrapper-962 .field-items .field-item a,
div.nine-column .field-items .field-item a,
div.grid-962.seven-column-962 .field-items .field-item a,
div.grid-962.nine-column-962 .field-items .field-item a,
.noconsider a {
	font-weight: inherit;
}
div.wrapper-962 .field-items .field-item a:hover,
div.nine-column .field-items .field-item a:hover,
div.grid-962.seven-column-962 .field-items .field-item a:hover,
div.grid-962.nine-column-962 .field-items .field-item a:hover,
p a:hover,
a.link:hover,
.download-links a:hover,
.bulletin_url a:hover,
.archive a:hover,
.noconsider a:hover {
	text-decoration: none;
	color: #F0B880 !important;
	background: transparent;
}
div.wrapper-962 .field-items .field-item a:active,
div.nine-column .field-items .field-item a:active,
div.grid-962.seven-column-962 .field-items .field-item a:active,
div.grid-962.nine-column-962 .field-items .field-item a:active,
p a:active,
a.link:active {
    color: #CC7328;
    background: transparent;
} 
a#navTop {
	display: inline-block; 
	background: url("/sites/all/themes/iii_responsive/images/icons/arrow_up_orange.png") no-repeat left center;
	padding: 0.5rem 0.5rem 0.5rem 25px;
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #505050; 
	margin: 70px 0;
	position: relative;
}
#newsContent a#navTop,
.page-my-iii-news-member-bulletin a#navTop {
	padding: 0.05rem 0rem 0.05rem 25px;
	font-family: "proxima-nova", sans-serif;
	margin: 0px 0px 50px;
}
a#navTop:hover {
	text-decoration: none;
}
a#navTop[state="fixed"] { 
	position: fixed;
	z-index: 2;  
	bottom: 20%;
	background-color: white; 
}
a.edit {
	position: relative;
	display: inline-block;
	float: right;
	margin-top: 20px;
	font-size: 16px;
	background: none;  
} 
div.links {
	font-family: "proxima-nova", sans-serif; 
	font-size: 16px;
	font-weight: 700;	/*  bold; */
	line-height: 1.75;
	text-align: left;
	color: #F69321;
}

 

table {
	position: relative !important;
	padding: 0 !important;
	/*margin: 1rem 0 !important;*/
	width: auto !important;
	max-width: 100% !important;   
	border-spacing: 2px !important;
	border-collapse: separate !important;
	table-layout: fixed !important;
}
table table {
	margin: 0 !important;
	padding: 0 !important; 
	border: 0 !important;
}
table thead {
	
}
table tbody {
} 
table caption {	
}
table tr {
	vertical-align: top !important;
	font-size: 14px !important;
}
table tr th {
	background-color: #082C45 !important;
	color: white !important;
	border-spacing: 1px !important;
	font-weight: bold !important;
	padding: 3px 5px !important;
	border-bottom: none !important;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    border: none !important;
    font-size: 14px;
}
table.tablesorter {
    font-family: inherit !important;
    background-color: transparent !important;
}
table tr td {
	padding: 3px 5px !important;
	white-space: auto;
}
table tr:nth-of-type(odd) td {
	background-color: white;
}
table tr:nth-of-type(even) td {
	background-color: #CDD0D5; 
}
div[class~="captions"],
div.tablewrapper-captions {
	font-size: 11px !important;
}


label.label {
	background-color: #D34D27;
	font-family: "proxima-nova-condensed", sans-serif;
	font-weight: 800;
	font-size: 11px;
	line-height: 1.73;
	letter-spacing: 0.9px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	padding: 3px 13px 1px 13px;
	margin: 0 0 0 0;
	min-width: 73px;
	display: inline-block;
}
label.label.updated {
	background-color: #43B19E;
}
label.label.title { 
	color: #317DBF;
	min-width: 0;
	padding: 0;
	padding-bottom: 6px;
	background-color: white;
}

.clearfix::before, .clearfix::after, .row::before, .row::after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.clearfix {
	display: block;
	position: relative;
	clear: both;
	float: none;
	margin: 0;
	padding: 0; 
	padding-bottom: 40px; 
}


/* Images */
img[class^="cover-"] {
	width: 100%; 
	height: 100%;     
	margin-bottom: 20px; 
	display: block
}
img.cover-banner {	/* Article detail */
	max-width: 962px;
	max-height: 480px; 
}
img.cover-banner-signup {	/* III Daily signup */
	max-width: 655px;
	/*max-height: 480px; */
}
img.iii-daily-banner {
	max-width: 962px;
}
img.cover-main {		/* Home */
	max-width: 566px;
	max-height: 282px; 
}
img.cover-topics { 	/* seciton landing */
	max-width: 467px;
	max-height: 233px; 
}
img.cover-article {	/* section landing*/
	max-width: 269px;
	max-height: 134px;   
}
img.cover-article {	/* section landing*/
	max-width: 269px;
	max-height: 134px;   
}
img.vid-thumb {	/* Video */
	max-width: 270px;
	max-height: 100%; 
}
img.cover-paper {		/* Whitepaper */
	max-width: 170px;
	max-height: 220px; 
}
img.cover-profile {		/* People headshot */
	max-width: 269px;
	max-height: 261px;
	/*width: 269px;
	height: 261px;*/
}

/* WYSIWYG embedded images */
.grid-962.seven-column-962 p img,
.grid-962.seven-column-962 .field-item img,
.grid-962.nine-column-962 p img,
.grid-962.nine-column-962 .field-item img {
	/* width: 100%; */
	max-width: 667px;
}

@media only screen and (max-width: 481px) {
	img[class^="cover-"]:not(.cover-paper)  {
		max-width: 100%;
		max-height: 100%;
	}
	ul.list li label { 
		float: none;
		clear: both; 
		display: block;
		max-width: 80px;
		margin-left: 0; 
	}  
}
