/* BEGIN CSS -----------------------------------------------------> */

html
{
	/* prevent vertical scrollbar jump */
	overflow-y: scroll;

	/* need to hide bottom scrollbar if using the calc(50vw - 50%) method */
	overflow-x: hidden;

	font: normal 18px/1.8 PTSans, Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
}

body
{
	position: relative;
	min-width: 320px;
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: #fff;
	box-sizing: border-box;
}

[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *:focus
{
  outline: 0;
}

/* make sure the browser doesn't go smaller than 320, and throws a scrollbar */
@media (max-width: 320px)
{
	html
	{
		max-width: 320px;
		overflow-x: visible;
	}
}

#bodyInner
{
	position: relative;
	max-width: 1550px;
	margin: 0 auto;
}

p
{
	margin: 0 0 1.7em 0;
}

p + ul
{
	margin: -1em 0 1.7em 0;
}

td p
{
	margin: 0;
	padding: 0;
}

b b,
strong strong,
strong b,
b strong
{
	/* bad HTML was making multiple levels of bold */
	font-weight: inherit;
}

/* no blockquote, just padding - make it equal */
p[style*='padding-left: 30px'],
td p[style*='padding-left: 30px']
{
	padding-right: 30px
}

p[style*='padding-left: 60px'],
td p[style*='padding-left: 60px']
{
	padding-right: 60px
}

p[style*='padding-left: 90px'],
td p[style*='padding-left: 90px']
{
	padding-right: 90px
}

sup, sub
{
	line-height: 0;
}

a
{
	color: #00477f;
	text-decoration: none;
}

a:hover,
a:focus
{
	text-decoration: underline;
}

/* make tel: links look like normal text */
a[href^=tel]
{
    color: inherit;
    text-decoration: inherit;
    cursor: default;
}


h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

h1
{
	margin: 0 0 15px 0;
	padding: 5px 0 3px 0;
	border-bottom: 3px solid #7e8082;
	color: #00467f;
	font-family: Roboto-Slab;
	font-size: 37px;
	font-weight: 300;
}

h1.pageTitle
{
	margin: 0 0 35px 0;
}

h1.pageTitle.h1PaddingRight
{
	padding-right: 170px !important;
}

.professionals-item h1
{
	margin: 0 0 0px 0;
	padding-bottom: 0px;
	border-bottom: 0px solid #7e8082;
}

body#professionals h1.pageTitle,
body#careers h1.pageTitle
{
	margin: 60px 0 15px 0;
	padding: 5px 0 3px 0;
	color: #ffffff;
	border: 0px;
}

body#careers h1.pageTitle
{
	color: #00467f;
	margin: 10px 0 0 0;
	padding-bottom: 0;
}

body.itemProfilePage h1.pageTitle
{
	padding: 5px 0 11px 0;
	font-size: 30px;
	line-height: 38px;
}

h2
{
	margin: 10px 0 8px 0;
	padding: 8px 0 4px 0;
	color: #333333;
	font-size: 115%;
	font-weight: 700;
	text-transform: uppercase;
}


#subContent h2
{
	border-bottom: 3px solid #7e8082;
	font-family: Roboto-Slab;
	font-size: 125%;
	font-weight: 300;
	text-transform: none;
}

#index #subContent h2
{
	color: #00467f;
}

h2.h2BottomBorder
{
	border-bottom: 1px solid #cccccc;
}

h3 {
	padding: 10px 0 5px 0;
	color: #000;
	font-size: 105%;
	text-transform: uppercase;
}

h4 {
	margin: 10px 0 16px 0;
	padding: 12px 0 10px 8px;
	background: #ebebeb;
	color: #666666;
	font-size: 105%;
	font-weight: 700;
}

h5 {
	margin: 20px 0 0 0;
	padding: 3px 0 6px 0;
	border-top: 1px solid #dadada;
	color: #242728;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}

/* Reserved for Print Pilot */
h6
{
	font-weight: bold;
	font-size: 1em;
}

ul, ol
{
	padding: 0;
	margin: 0 0 1.7em 0;
}

ol
{
	padding-left: 1em;
}

ol ol,
ul ul
{
	margin: .5em 0 0 0;
	padding: 0;
}

/* invalid nested lists need the left margin that LI gets */
li,
ul > ul
{
	padding: 0;
	margin: 0 0 0 3.5em;
}

/* btb */
#subContent ul:not(.none):not(.results_list):not(.subNavList) li
{
	margin: 0 0 0 1.75em;
}

li ~ li
{
	margin-top: .5em;
}

/* bullet graphic */
ul li
{
	list-style: none url('../i/bullet.png');
}

li p
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

#content > div > :first-child,
#content > div > :first-child > :first-child
{
	margin-top: 0;
}

@media (max-width: 425px)
{
	/* make wys images take up full width on smaller screens */
	p > a:not(sp_pencil) > img,
	p > img
	{
		float: none !important;
		margin: 10px 0 18px 0 !important;
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 767px)
{
	/* make wys tables take up full width on smaller screens */
	#mainContent table[style*=width]
	{
		width: 100% !important;
		height: auto !important;
	}

	h2.newsHeaderPlusMore
	{
		padding: 8px 100px 4px 0;
	}
}

@media (max-width: 1174px)
{
	h1.pageTitle.h1PaddingRight
	{
		margin: 0px 0 75px 0;
		padding-right: 0px !important;
	}
}


/* Header --------------------------------------------------------> */

#header {
	position: relative;
	height: 113px;
	margin: 0 0 0 0px;
}

#logo
{
	margin: 27px 0 0 0;
}

#upperSearchLink
{
	display: none;
}

#topLinks {
	position: absolute;
	top: 38px;
	right: 50px;
	color: #8e9298;
	font-size: 14px;
}

#topLinks  li
{
    position: relative;
    z-index: 30002;
}

#topLinks li,
#topLinks ul
{
    list-style:none;
    margin: 0;
    padding: 0;
    line-height: 15px;
}

#topLinks li
{
    display: inline-block;
    margin: 0 0 0 0px;
}

#topLinks li#topLinkUpdates
{
	margin-right: 16px;
	vertical-align: middle;
}

#topLinks a {
	color: #595959;
	text-decoration: none;
}

#topLinks a:hover,
#topLinks a:focus {
	color: #00477f;
}

#topLinks img {
	vertical-align: middle;
	margin: 0 0 0px 0px;
}

#topSearch
{
	position: relative;
	height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#topSearch > div.stndForm
{
	height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#topSearch > div.stndForm > div
{
	position: relative;
	float: left;
	width: calc(100% - 81px);
	height: 36px;
}

#topSearch label
{
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 24px;
	color: #666666;
	font-size: 14px;
}

#topSearch input#searchtext
{
	position: relative;
	width: 100%;
	height: 36px;
	margin: 0px 0 0 0px;
	padding: 0px 8px 0px 32px;
	background: #ffffff url('../i/icon-search-bg.svg') 6px 8px no-repeat;
	border: 0px;
	color: #666666;
	font-size: 14px;
	box-sizing: border-box;
}

#topSearch input#searchtext:focus
{
	background-color: #f6f6f6;
}

#topSearch input#sitesearch
{
	float: right;
	width: 81px;
	height: 36px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	font-size: 15px;
	color: #888f93;
	border-left: 1px solid #cccccc;
	background: #ececec;
	box-sizing: border-box;
}

#topSearch input#sitesearch:hover,
#topSearch input#sitesearch:focus
{
	background: #cccccc;
	color: #ffffff;
}

#upperContent
{
	position: relative;
	z-index: 10;
	height: 222px;
	left: -175px;
	margin: 36px 0 0px 0;
}

#bannerContent
{
	position: absolute;
	top: 0px;
	left: 175px;
}

img#bannerImage
{
	display: block;
	height: 222px;
}

body#professionals #upperContent,
body#careers #upperContent
{
	position: absolute;
	height: 700px;
}

body#professionals img#bannerImage,
body#careers img#bannerImage
{
	height: 700px;
}

body.professionals-item #upperContent
{
	height: 331px;
}

body.blogs #upperContent
{
	height: 319px;
}

body.professionals-item img#bannerImage
{
	height: 331px;
}

body.blogs img#bannerImage
{
	height: 319px;
}

@media (max-width: 1174px)
{
	#header
	{
		height: 130px;
	}

	#logo
	{
		max-width: calc(100vw - 20px);
		margin: 48px 0 0 0;
	}

	#upperSearchLink
	{
		display: block;
		position: absolute;
		top: 10px;
		right: 40px;
		width: 26px;
		height: 22px;
		background: #ffffff url('../i/icon-search.svgz') center center no-repeat; /* data-uri */
		border-radius: 2px;
	}

	#topSearch
	{
		display: none;
	}

	#topLinks
	{
		position: absolute;
		top: 130px;
		right: 0px;
	}

	#upperContent,
	body.blogs #upperContent
	{
		left: -10px;
		width: calc(100% + 20px);
		height: auto;
		overflow-x: hidden;
	}

	body.professionals-item #upperContent
	{
		left: -10px;
		width: calc(100% + 20px);
		height: 331px;
	}

	#upperContent img#bannerImage,
	body.blogs #upperContent img#bannerImage
	{
		width: 100%;
		height: auto;
	}

	body#professionals #upperContent,
	body#careers #upperContent
	{
		height: 100%;
	}

	body#professionals img#bannerImage,
	body#careers img#bannerImage
	{
		width: auto;
		height: 100%;
	}

	body.professionals-item #upperContent img#bannerImage
	{
		width: auto;
		height: 331px;
	}
}



/* ---- START FLEXIBLE BACKGROUNDS ---

	items that need a background stripe - make sure the item itself has:

	- position:relative
	- a background color set
	- no uncleared floats (needs to stretch to its contents height
	- can't use overflow: hidden
*/

#mainNav:before
{
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	/*
			we need to be left offset by the width of the left margin, which is half the
			difference between page width and viewport width

				long version, before simplifying: -(100vw - 100%)/2
	*/
	left: calc(50% - 50vw);
	content: '';
	width: 100vw;
	background: inherit;
}


/* Main Navigation -----------------------------------------------> */

#mainNav
{
	position: relative;
	z-index: 30000;
	height: 50px;
	background: #7f8082;
	background: #3A3A3B;
	line-height: normal;
	font-size: 14px;
}

/* base style resets */

#mainNav ul,
#mainNav li
{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}

#mainNav > ul
{
	width: 100%;
}

#mainNav a
{
	display: block;
	padding: 5px 20px;
	color: #fff;
	line-height: 20px;
	box-sizing: border-box;
}

#mainNav > ul > li > a
{
	padding: 14px 1.5vw;
	height: 50px;
	text-transform: uppercase;
}

#mainNav li:hover > a,
#mainNav li:focus > a
{
	/*background: #00477f;*/
	color: #ccc;
	text-decoration: none;
}

#mainNav li ul a
{
	color: #fff;
}


/* main nav tab current page highlight */
/*#mainNav .current > a:not(:hover)*/
#mainNav .current > a,
body#bloglist #mainNav li#navButton-blogs > a
{
	/*background: #00477f;*/
	color: #cccccc;
}

#mainNav > ul > li.current > a:after,
#mainNav > ul > li:hover > a:after,
#mainNav > ul > li:focus > a:after,
body#bloglist #mainNav li#navButton-blogs > a:after
{
	position: absolute;
	z-index: 5;
	bottom: 0px;
	right: calc(50% - 7px);
	left: calc(50% - 7px);
	content: '';
	width: 15px;
	height: 8px;
	background: url('../i/nav-pointer.png') center center no-repeat;
}

#mainNav > ul > li:hover > a:after,
#mainNav > ul > li > a:focus:after,
body#bloglist #mainNav li#navButton-blogs:hover > a:after,
body#bloglist #mainNav li#navButton-blogs > a:focus:after
{
	background: url('../i/nav-pointer-hover.png') center center no-repeat;
}

/*
#mainNav > ul > li.current:hover > a:after
{
	background: none;
}
*/

/* dropdown current page highlight */
#mainNav > ul > li > ul .current > a:not(:hover):not(:focus)
{
	color: #ccc;
	background: none;
}


/* main nav items */
#mainNav > ul ul
{
	display: none;
	position: absolute;
	background: #00477f;
	padding: 10px 0 18px 0;
}


/* last two stick to the right */
#mainNav > ul > li:nth-last-child(-n + 2) ul
{
	right: 0;
}


/* last two double/triple drops go right like parent above */
#mainNav > ul > li:nth-last-child(-n + 2):hover > ul ul,
#mainNav > ul > li:nth-last-child(-n + 2):focus > ul ul
{
	left: inherit;
	right: 100%;
}

@media (min-width: 1175px)
{
	#navJump,
	#topJump
	{
		position: absolute;
		top: 0;
		left: 50%;
		background: white;
	}

	#navJump:not(:focus),
	#topJump:not(:focus)
	{
		opacity: 0;
	}

	#mainNav > ul,
	#mainNav > ul > li
	{
		display: inline-block;
	}

	#mainNav > ul :hover > ul,
	#mainNav > ul :focus > ul
	{
		display: block;
	}

	/* push double drops out the width of the parent */
	#mainNav > ul :hover > ul ul,
	#mainNav > ul :focus > ul ul
	{
		top: 0px;
		left: 100%;
	}

	#mainNav li > a
	{
		white-space: nowrap;
	}
}

/* Mobile navigation ------------------------------------------------> */

@media (max-width: 1174px)
{
	#mainNav
	{
		position: fixed;
		z-index: 40000;
		top: 0;
		left: -400px;
		visibility: hidden;
		max-width: calc(100% - 80px);
		height: 100vh;
		padding: 10px;
		box-sizing: border-box;
		box-shadow: 0 0 10px 1px rgba(0,0,0,.6);
		transition-duration: 0.5s;
	}

	#mainNav:before
	{
		display: none;
	}

	#mainNav:target,
	#mainNav.target
	{
		left: 0 !important;
		visibility: visible;
	}

	#mainNav ul,
	#mainNav li
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	#mainNav li ul
	{
		display: none !important;
	}

	#mainNav > ul > li.current > a:after,
	#mainNav > ul > li:hover > a:after,
	#mainNav > ul > li:focus > a:after,
	body#bloglist #mainNav li#navButton-blogs > a:after
	{
		display: none;
	}

	#topJump,
	#navJump
	{
		display: block;
		position: absolute;
		top: 10px;
		right: 0px;
		width: 0;
		height: 0;
		overflow: hidden;
		padding: 14px 28px 0 0;
		border: 0 solid black;
		border-width: 4px 0;
		cursor: pointer;
	}

	#topJump::before,
	#topJump::after,
	#navJump::after
	{
		position: absolute;
		top: 5px;
		left: 0px;
		content: '';
		width: 100%;
		border-top: inherit;
	}

	#topJump
	{
		display: none;
		background: black;
	}

	#mainNav.target ~ #topJump,
	#mainNav:target ~ #topJump
	{
		display: block;
	}

	#topJump:after,
	#topJump:before
	{
		left: 20%;
		width: 60%;
		border-color: #ffffff;
		border-radius: 2px;
		transform:rotate(-35deg);
	}

	#topJump:before
	{
		transform:rotate(35deg);
	}
}



/* Sub Navigation ------------------------------------------------> */

#subContent ul.subNavList
{
	margin: 50px 0 60px 0 !important;
	padding: 0 0 0 0;
	border-bottom: 1px solid #dfdfdf;
	font-size: 15px;
	font-weight: 700;
}

body.professionals-item #subContent ul.subNavList
{
	margin: 50px 0 161px 0 !important;
}

#subContent ul.subNavList li
{
	list-style: none;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
	border-top: 1px solid #dfdfdf;
}

#subContent ul.subNavList li ul
{
	margin: 0px;
	padding: 0px;
}

#subContent ul.subNavList li ul.hierList li,
#index #subContent ul > li,
#blogs #subContent ul > li
{
	margin: 0 !important;
}

#subContent ul.subNavList li ul li,
#subContent ul.subNavList li.subsub
{
	padding-left: 20px;
	border: none;
	font-size: 95%;
	font-weight: 400;
}

#subContent ul.subNavList li ul li ul li
{
	border: none;
	font-style: italic;
}

#subContent ul.subNavList li a
{
	display: inline-block;
	padding: 8px 10px 5px 0px;
	color: #7e8082;
	color: #595959;
}

#subContent ul.subNavList li ul li a
{
	padding: 8px 10px 5px 0px;
}

#subContent ul.subNavList li.here,
#subContent ul.subNavList li#here
{
	list-style: none;
	color: #333333;
}

#subContent ul.subNavList li.here a,
#subContent ul.subNavList li#here a
{
	background: url('../i/subnav-bullet.png') right 14px no-repeat;
	padding: 8px 14px 5px 0px;
	color: #333333;
}

#subContent ul.subNavList li.here li a,
#subContent ul.subNavList li#here li a
{
	background: none;
}

@media (max-width: 1174px)
{
	body.professionals-item #subContent ul.subNavList
	{
		margin: 50px 0 60px 0 !important;
	}
}


/* Tabs -------------------------------------------------------> */

#tabLinks
{
	position: relative;
	height: 40px;
	margin: 6px 0 28px 0;
	border-bottom: 3px solid #7e8082;
	border-bottom: 3px solid #3A3A3B;
	font-size: 15px;
}

#tabLinks a
{
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 0 0 4px;
	padding: 6px 26px 6px 26px;
	padding: 6px 12px 6px 12px;
	background: #ececec;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	color: #7e8082;
	color: #4A4F4F;
	box-sizing: border-box;
}

#tabLinks a:first-child
{
	margin: 0 0 0 0px;
}

#tabLinks .current
{
	/*background:  #7e8082 url('../i/subnav-bullet.png') center 36px no-repeat;*/
	background: #7e8082;
	background: #3A3A3B;
	border-top: 1px solid #7e8082;
	border-left: 1px solid #7e8082;
	border-right: 1px solid #7e8082;
	border-top: 1px solid #3A3A3B;
	border-left: 1px solid #3A3A3B;
	border-right: 1px solid #3A3A3B;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
}

#tabLinks .current:after
{
	position: absolute;
	z-index: 5;
	bottom: -11px;
	right: calc(50% - 7px);
	left: calc(50% - 7px);
	content: '';
	width: 15px;
	height: 8px;
	background:  url('../i/tab-pointer.png') center center no-repeat;
}

.js .contentSection
{
	display: none;
}

.js .sectionTitle
{
	display: none;
}

.news-videos #videoList h2,
.services #videoList h2,
.professionals #videoList h2
{
	clear: both;
	color: #00467f;
	border-bottom: 3px solid #7e8082;
	text-transform: none;
	margin-bottom: 16px;
}

.expandableHeading
{
	cursor: pointer;
}

.expandableHeading:after
{
	content: '+';
	color: #ffffff;
	background: #e0e0e0;
	border-radius: 50%;
	margin-left: 9px;
	padding: 3px 9px 0 8px;
}

.expandableHeading.expanded:after
{
	content: '–';
	padding: 3px 8px 0 7px;
}


@media (max-width: 1295px)
{
	#tabLinks
	{
		display: none;
	}

	.js .sectionTitle
	{
		display: block;
		position: relative;
		overflow: hidden;
		margin: 1px 0 0px 0;
		padding: 13px 20px 13px 20px;
		border-bottom: 3px solid #7e8082;
		background: #ececec;
		color: #7e8082;
		font-size: 20px;
		cursor: pointer;
		box-sizing: border-box;
		text-decoration: none;
	}

	.js .sectionTitle:after
	{
		content: '+';
		position: absolute;
		top: -1px;
		right: 10px;
		font-weight: 300;
		font-size: 2rem;
	}

	.js .sectionTitle.isOpen:after
	{
		content: '-';
	}

	.js .sectionTitle.isOpen
	{
		margin: 1px 0 20px 0;
	}

	.js .contentSection
	{
		display: block !important;
	}

	.js .sectionTitle
	{
		display: block;
	}

	.contentSection > *
	{
		display: none;
	}

	/*
	.js #Overview-tab.contentSection > *
	{
		display: block;
	}
	*/
}


/* pdf packet -------------------------------------------------> */

/* widget */
#packet-widget
{
	margin: 0 5px 0 0px;
	padding: 0 10px 0 0px;
	border-right: 1px solid #999999;
}

#packet-widget a
{
	vertical-align: middle;
}

#packet-widget .title a
{
	color: #00477f;
}

#packet-widget .title span.item-count
{
	color: #00477f;
	vertical-align: middle;
	cursor: pointer;
}

body.professionals-item #itemPacket
{
	display: inline-block;
	position: relative;
}

.packet-button
{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	right: 33px;
	width: 30px;
	height: 30px;
	background: url('../i/packet-button.png') 0px 0px no-repeat;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	line-height: 33px;
}

.packet-button:hover,
.packet-button:focus
{
	color: #00477f;
	text-decoration: none;
}

#packet .packet-button
{
	cursor: default;
}

/* hover help on My Packet (subtitle) and Add/Remove link */
#packet-widget .subtitle,
.packet-button-help
{
	position: absolute;
	bottom: 0px;
	right: 0;
	display: none;
	width: 240px;
	height: auto;
	color: #fff;
	background: #00477f;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 48px;
	padding: 18px 18px;
	-webkit-box-shadow: 2px 2px 9px 1px #00477f;
	box-shadow: 2px 2px 9px 1px #00477f;
	z-index: 20001;
	cursor: default;
}

body.professionals-item .packet-button-help
{
	position: absolute;
	top: inherit;
	right: inherit;
	margin-bottom: 48px;
}

.packet-button .packet-button-help p
{
	color: #fff;
	line-height: 18px;
}

#packet-widget .subtitle
{
	top: 27px;
	right: 0;
	left: 0;
	bottom: auto;
}

#packet-widget .subtitle a,
#itemPacket .packet-button-help a
{
	color: #1ebce8;
	padding: 0;
}

#packet-widget .subtitle a:hover,
#packet-widget .subtitle a:focus,
#itemPacket .packet-button-help a:hover,
#itemPacket .packet-button-help a:focus
{
	color: #ccc;
}

#packet-widget .subtitle p,
#itemPacket .packet-button-help p
{
	margin: 0;
	padding: 5px 0 8px 0;
}


/* packet.html page */

body#packet .packet-button
{
	position: relative;
	bottom: inherit;
	right: inherit;
}

#packet-form
{
	overflow: hidden;
}

#packet-item-list li div.title
{
	display: inline-block;
	width: 85%;
}

#packet-item-list li a.title
{
	margin-right: 18px;
}

.packet-delete-button
{
	display: inline-block;
	float: right;
	padding: 0px 5px;
	margin-top: 4px;
	font-size: 9pt;
	border: solid 1px #ccc;
	background-color: #eee;
	color: #777;
	border-radius: 4px;
	position: relative;
	top: 0px;
	cursor: pointer;
}

#packet-form
{
	margin: 20px 0;
}

#packet-form-email input[type=submit]
{
	margin-top: 9px;
}

#packet-form input:text
{
	width: 95%;
}

#packet-form-email
{
	width: 48%;
	float: left;
}

#packet-form-pdf
{
	width: 48%;
	float: right;
}

#packet .no-items
{
	display: none;
}

#content #packet-item-list ul
{
	padding: 0;
}

.printPDF,
#bioPrintPDF
{
	display: inline-block;
	position: absolute;
	bottom: 15px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: url('../i/pdf.png') 0px 0px no-repeat;
	cursor: pointer;
}

.printPDF a,
#bioPrintPDF a
{
	display: inline-block;
    height: 30px;
    width: 30px;
}

.packet-button
{
	width: auto;
	height: auto;
	padding-right: 8px;
	background: none;
	color: #999999;
	color: #595959;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	line-height: 28px;
}

body.professionals-item .packet-button
{
	padding-left: 10px;
	color: #99c5e9 !important;
	line-height: 18px;
	vertical-align: top;
}

body.professionals-item .packet-button,
body.professionals-item #bioPrintPDF
{
	position: relative;
	top: 0px;
	right: 0px;
}

.packet-button a,
body.professionals-item #bioPrintPDF a
{
	height: 30px;
    width: 30px;
}

@media (max-width: 1174px)
{
	.printPDF {
		bottom: -40px;
	}

	.packet-button
	{
		bottom: -40px;
	}

	.packet-button-help
	{
		margin-bottom: 0px;
	}
}


/* Content -------------------------------------------------------> */

#body
{
	position: relative;
}

#content
{
	position: relative;
	clear: both;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#content.overlapBar
{
	background: url('../i/content-bg.png') right 0px repeat-y;
}

#content:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

body#professionals #content,
body#careers #content
{
	background: none;
}

main
{
	display: block;
	position: relative;
	z-index: 10;
	margin: 0 0 0 0;
	padding: 30px 0px 0px 0;
	box-sizing: border-box;
}

#subContent
{
	position: relative;
	z-index: 50;
	padding: 0px 50px 0px 49px;
	color: #787b7f;
	color: #57575C;
	box-sizing: border-box;
}

#content.overlapBar #subContent
{
	background: #ffffff;
}

#subContent:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

@media (min-width: 1175px)
{
	#mainContent:not(:only-child)
	{
		float: left;
		clear: left;
		width: calc(100% - 450px);
		padding: 40px 90px 0px 0;
	}

	body#professionals #mainContent,
	body#careers #mainContent
	{
		z-index: 10;
	}

	#subContent
	{
		float: right;
		clear: right;
		width: 448px;
		overflow: auto;
		margin: -222px 1px 0 1px;
	}

	body#professionals #subContent
	{
		height: 700px;
		margin: 36px 1px 0 1px;
	}

	body.professionals-item #subContent
	{
		margin: -331px 1px 0 1px;
	}

	body.blogs #subContent
	{
		margin: -319px 1px 0 1px;
	}

	#flexpage #subContent,
	#bloglist #subContent
	{
		background: none !important;
	}
}

@media (max-width: 1174px)
{
	#content
	{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
			flex-direction: column;

		background: none;
	}

	#content.overlapBar
	{
		background: none;
	}

	#subContent
	{
		padding: 0px 0px 0px 0px;
	}

	body#professionals #subContent,
	body#careers #subContent
	{
		margin-top: 30px;
		padding: 0px 50px 0px 49px;
	}
}

#mainTitleBox
{
	position: relative;
}

#flexpage .sideStaticText,
#bloglist .sideStaticText
{
	margin: 239px 0 0 0;
}

.sideStaticText > p,
.staticCallToAction li,
.callToAction li
{
	margin: 0 0 28px 0;
	/*padding: 0 0 0 18px;
	background: url('../i/side-text-border.png') 0px 0px repeat-y;*/
	color: #669c30;
	color: #57575C;
	font-family: Roboto-Slab;
	font-weight: 300;
	font-size: 17px;
	font-style: italic;
	line-height: 28px;
	box-sizing: border-box;
}

.staticCallToAction li,
.callToAction li
{
	list-style: none;
	margin: 28px 0 0px 0;
}

.sideStaticText > p img
{
	display: block;
	position: relative;
	/*left: -18px;*/
	width: calc(100% + 0px);
	max-width: 350px;
	height: auto !important;
	margin: 50px 0 0 0;
}

@media (max-width: 1024px)
{
	#flexpage .sideStaticText,
	#bloglist .sideStaticText
	{
		margin: 40px 0 0 0;
	}
}


body#professionals #mainContent p,
body#careers #mainContent p
{
	color: #ffffff;
}

#bio_education,
#bio_bars
{
	margin: 1em 0 1em 0;
}

#bio_education p,
#bio_bars p
{
	margin: 0.5em 0 1em 0;
	line-height: 26px;
}

#bio_area ul.results_list ,
#area_bio_contact ul.results_list,
#area_bio ul.results_list,
ul.none
{
	margin: 18px 0 20px 0;
	padding: 0 0 0 0;
}

#area_bio ul.results_list
{
	margin: 0px 0 10px 0;
}

#area_bio h6
{
	margin: 20px 0 0px 0;
}

#bio_area ul.results_list li,
#area_bio_contact ul.results_list li,
#area_bio ul.results_list li,
ul.none li
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 16px 0;
	line-height: normal;
}

#area_bio_contact ul.results_list li
{
	margin: 0 0 14px 0;
}

/* publication profile */

#publications .photoBanner
{
	padding: 9px 0 18px 0;
}

#publications .printPDFpubBannerImg
{
	position: absolute;
	top: 322px;
	left: 850px;
	width: 80px;
	text-align: right;
}

#publications .inThisIssue h5
{
	font-size: 115%;
	padding: 4px 0 4px 9px;
	color: #6ebf4b;
	background: url('../i/in_this_issue_bg.png') top right no-repeat;
	width: 150px;
	border: none;
}

#subContent .inThisIssue .topLine
{
	padding-top: 4px;
	background: #e2e2e4;
	border-bottom: 1px solid white;
}

#subContent .inThisIssue .bottomLine
{
	padding-top: 4px;
	background: #e2e2e4;
	border-top: 1px solid white;
}

#subContent .inThisIssue ul
{
	margin: 0;
	padding: 9px 0 0 30px;
	background: #e2e2e4;
}

#subContent .inThisIssue ul > li:before
{
	color: #00477f;
	content: '■';
	font-size: 18px;
	padding-right: 9px;
	float: left;
	margin: -.15em 0 0 -1.2em;
}

#subContent #attorneyList {
	margin: 0 0 26px 0;
}

#mainContent .texthtml {
	margin: 0 0 0 0;
	padding: 0 0 7px 0;
}

#mainContent .texthtml p {
	margin: 0 0 0 0;
	padding: 0 0 7px 0;
}

#subContent .staticBlock {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	margin: 25px 0 25px 0;
	padding: 0 20px 0 20px;
}

#subContent .staticBlock ul,
#subContent .staticBlock ol {
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
}

#subContent .staticBlock ul ul,
#subContent .staticBlock ol ol {
	margin: 0 0 10px 40px;
	padding: 0 0 0 0;
}


/* Bio Stuff and Some Same Office Stuff */

#bioContact
{
	position: relative;
	margin: 34px 0 0 0;
	padding: 0 0 0 14px;
}

#bioContact *
{
	color: #ffffff;
}

#bioPic
{
	float: left;
}

#bioPic img
{
	display: block;
	width: 212px;
	height: 265px;
	margin-right: 35px;
}

#bioInfoUpper
{
	min-width: 715px;
	margin: 25px 0 20px 0px;
}

#bioInfoWrapper
{
	float: left;
}

#bioInfo
{
	float: left;
	margin: 0px 0 0 0px;
	font-size: 16px;
	line-height: 22px;
}

#bioInfo.multiOffice
{
	float: none;
}

@media (min-width: 768px)
{

	#bioInfo.multiOffice > div
	{
		display: flex;
		flex-direction: row;
	}

	#bioInfo.multiOffice > div > div
	{
		/*float: left;*/
	}

	#bioInfo.multiOffice > div > div:first-child
	{
		width: 150px;
	}

	#bioInfo.multiOffice + #bioInfoRight
	{
		margin-left: 0;
		clear: both;
		float: none;
	}

	#bioInfo.multiOffice + #bioInfoRight div
	{
		float: right;
	}

	#bioInfo.multiOffice + #bioInfoRight #bioPhoneNumbers
	{
		float: left;
		width: 100px;
	}
}

#bioInfoUpper h1
{
	border: 0;
	padding: 0 0 10px 0;
	line-height: 30px;
}

#bioInfoRight
{
	float: left;
	margin: 0px 0 0 50px;
	font-size: 16px;
	line-height: 22px;
}

#bioPhoneNumbers
{
	color: #99c5e9;
}

#bioLinks a
{
	display: block;
	float: left;
	color: #ffffff;
	margin: 0 1px 0 0;
	padding: 1px 7px 1px 7px;
	text-transform: none;
}

#bioLinks a:hover,
#bioLinks a:focus
{
	text-decoration: none;
}

#bioTitle
{
	margin: 0 0 0 0;
	color: #cccccc;
	font-size: 14px;
	text-transform: uppercase;
}

#bioInfoBottom
{
	clear: left;
	padding: 28px 0 0 0;
}

#bioLinkedIn
{
	display: inline-block;
}

#bioLinkedIn a
{
	display: block;
	width: 30px;
	height: 30px;
	background: url('../i/linked-in.png') 0px 0px no-repeat;
}

#bioHiRes
{
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	vertical-align: top;
}

#bioHiRes a
{
	display: block;
	height: 30px;
	margin: 7px 0 0 20px;
	padding: 0 0 0 18px;
	background: url('../i/highres.png') 0px 0px no-repeat;
	color: #99c5e9;
	font-size: 14px;
	vertical-align: top;
	text-decoration: none;
}

@media (max-width: 1175px)
{
	#bioContact
	{
		left: -175px;
	}
}

@media (max-width: 768px)
{
	#bioPic
	{
		float: none;
	}

	#bioInfoUpper
	{
		min-width: 1px;
	}

	body.professionals-item #upperContent
	{

		min-height: 680px;
	}

	body.professionals-item img#bannerImage
	{

		min-height: 680px;
	}

	body.professionals-item #bannerContent
	{

		top: 0px;
		left: 175px;
		min-height: 680px;
	}

	#bioInfo
	{
		width: 100%;
	}

	#bioInfoRight
	{
		width: 100%;
		margin: 0;
	}
}

#attySpotName {
	color: #ffffff;
	text-transform: uppercase;
}


.letterLinks
{
	margin: -10px 0px 32px -9px;
	color: #999999;
	font-weight: 700;
	font-size: 22px;
}

.letterLinks:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

#subContent .letterLinks
{
	margin: 23px 0px 20px 0px;
	color: #999999;
	font-weight: 700;
	font-size: 15px;
}

body#professionals .letterLinks a
{
	color: #7ebb41;
}

.letterLinks a,
.letterLinks span
{
	display: block;
	float: left;
	width: calc(100% / 26);
	text-align: center;
}

.letterLinks > *:last-child
{
	width: calc(100% / 26 - 1px);
}

@media (max-width: 767px)
{
	.letterLinks a,
	.letterLinks span
	{
		width: calc(100% / 13);
	}

	.letterLinks > *:nth-child(12),
	.letterLinks > *:last-child
	{
		width: calc(100% / 13 - 1px);
	}
}

.hiddenSubhead
{
	height: 0px;
	width: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0px;
	font-size: 0px;
}

.bioList
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

.bioItem
{
	clear: left;
	min-height: 140px;
	margin: 0 0 0 0;
	padding: 17px 0 17px 0;
	border-top: 1px solid #dfdfdf;
	box-sizing: border-box;
}

.bioItem .boxOne,
.bioItem .boxTwo,
.bioItem .boxThree
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	line-height: normal;
	box-sizing: border-box;
}

.bioItem .boxOne
{
	width: calc(50% - 20px);
}

.bioItem .boxOne > div
{
	margin-top: 25px;
	margin-left: 115px;
}

.bioItem .boxOne img:not(.sp_pencil)
{
	display: block;
	float: left;
	width: 85px;
	height: 106px;
}

.bioItem .boxOne a
{
	display: block;
	font-weight: 700;
}

.bioItem .boxOne span
{
	display: block;
}

.bioItem .boxTwo
{
	width: calc(27.50% - 20px);
	margin-top: 25px;
	padding: 0 0px 0 20px;
}

.bioItem .boxTwo span
{
	display: block;
}

.bioItem .boxTwo span a
{
	display: block;
}

.bioItem .boxThree
{
	width: calc(27.50% - 20px);
	margin-top: 25px;
	padding: 0 0px 0 20px;
	text-align: right;
}

.bioItem .boxThree span
{
	display: block;
}

.bioItem .boxThree a
{
	padding: 0 0 0 34px;
	color: #666666;
}

.bioItem .boxThree a.bioListEmail
{
	background: url('../i/email.png') 0px 2px no-repeat;
}

.bioItem .boxThree a.bioListVcard
{
	background: url('../i/vcard.png') 0px 2px no-repeat;
}

@media (max-width: 1175px)
{
	.bioItem .boxOne,
	.bioItem .boxTwo,
	.bioItem .boxThree
	{
		float: none;
	}

	.bioItem .boxOne
	{
		width: 100%;
	}

	.bioItem .boxOne > div,
	.bioItem .boxTwo,
	.bioItem .boxThree
	{
		width: 100%;
		width: calc(100% - 100px);
		padding-left: 0px;
		padding-right: 0px;
	}

	.bioItem .boxOne > div,
	.bioItem .boxTwo,
	.bioItem .boxThree
	{
		float: none;
		margin: 0 0 0 100px;
		text-align: left;
	}

}

#relatedPosts
{
	padding: 5px 0 15px 0;
}

#relatedPosts ul,
#relatedPosts li
{
	list-style: none;
	list-style-image: none;
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#relatedPosts li + li:before
{
	content: ", ";
}

.contact .sp_map
{
	margin-bottom: 27px;
}

/* Main Practice List */

#mainContent .listColumn
{
	float: left;
	width: calc(50% - 34px);
	margin: 15px 0px 35px 34px;
	padding: 0 0 0 0;
	border-bottom: 1px solid #dfdfdf;
}

#mainContent .listColumn.firstColumn
{
	margin: 15px 34px 35px 0;
	padding: 0 0 0 0;
}

#mainContent .listColumn ul.hierList
{
	margin: 0px;
	padding: 0px;
	position: relative;
}

#mainContent .listColumn ul.hierList li
{
	position: relative;
	list-style: none;
	background: none;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 0 0px;
	padding: 12px 40px 6px 2px;
	border-top: 1px solid #dfdfdf;
	line-height: 22px;
}

#mainContent .listColumn ul.hierList li li
{
	margin: 0 0 0 30px;
	padding: 2px 0 2px 0px;
	border-bottom: 0px;
	font-weight: 400;
}

#mainContent .listColumn ul.hierList li li a
{
	color: #498bc5;
}

#mainContent .listColumn li.pracLevel_0 > ul.hierList
{
	display: none;
}

#mainContent .listColumn ul.hierList li.pracLevel_0 .slideMe
{
	border: 0px;
	position: absolute;
	top: 7px;
	right: 7px;
	display: none;
	width: 24px;
	height: 24px;
	margin: 2px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	background: url('../i/btn_expand.png') 0px 0px no-repeat;
	_background-position: 0px 4px;
	cursor: pointer;
}

#mainContent .listColumn ul.hierList li.pracLevel_0 .slideMeShut
{
	background: url('../i/btn_collapse.png') 0px 0px no-repeat;
}

#expandListAll
{
	display: inline-block;
	border: 0px;
	background: none;
	float: right;
	margin: 6px 0 0 0;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
	vertical-align: bottom;
	cursor: pointer;
	color: #00477F;
}

#expandListAll:hover,
#expandListAll:focus
{
	color: #498bc5;
}

@media (max-width: 768px)
{
	#mainContent .listColumn
	{
		float: none;
		width: 100%;
		margin: 15px 0px 35px 0px;
	}
}

.symbolCommunity,
.symbolEducation,
.symbolSpeaking
{
	padding: 9px 0	0 36px;
	font-size: 15px;
}

.symbolCommunity
{
	background: url('../i/community-icon.png') 0 12px no-repeat;
}

.symbolEducation
{
	background: url('../i/education-icon.png') 0 13px no-repeat;
}

.symbolSpeaking
{
	margin: 0 0 28px 0;
	background: url('../i/speakers-icon.png') 0 11px no-repeat;
}

#itemPageContent
{
	margin: 28px 0 0 0;
}

/* Item Lists */

.itemListWrapper
{
	position: relative;
}

.itemListWrapper .headerLink
{
	position: absolute;
	top: -10px;
	right: 0px;
	border-top: 0px;
}

.itemRow {
	padding: 18px 0 18px 0;
	border-top: 1px solid #cccccc;
}

.itemRow .title
{
	font-weight: 700;
	line-height: 24px;
}

.itemRow .publication,
.itemRow .location
{
	font-style: italic;
}

/* event summary icons */
.itemRow.community
{
	background: url(../i/community-icon-small.png) no-repeat 0px 13px;
}

.itemRow.educational
{
	background: url(../i/education-icon-small.png) no-repeat 0px 13px;
}

.itemRow.speaking
{
	background: url(../i/speakers-icon-small.png) no-repeat 0px 13px;
}

.itemRow.community,
.itemRow.educational,
.itemRow.speaking,
.itemRow.noSection
{
	padding-left: 24px;
}

.itemRow .abstract
{
	margin-top: 15px;
}

.itemRow p {
	line-height: 24px;
	margin-bottom: 0px;
	color: #888888;
}

#news-speakers .itemRow p {
	padding-bottom: 0;
}

span.blue {
	color: #00477f;
}

.headerLink {
	display: block;
	width: 100%;
	padding: 20px 0 0 0;
	border-top: 1px solid #cccccc;
	font-size: 90%;
	font-weight: 500;
	text-align: right;
}

.rsvpButton a {
	display: inline-block;
	background: #86ba56;
	width: auto;
	margin: 6px 0 8px 0;
	padding: 2px 6px 2px 6px;
	color: #fff;
}

.rsvpButton a:hover,
.rsvpButton a:focus {
	background: #00477f;
	text-decoration: none;
}

.itemSubtitle
{
	color: #000000;
	font-size: 125%;
}




/* NEWS CENTER */

#pressCenterBios
{
	margin: 40px 0 10px 0;
}

#pressCenterBios:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

#pressCenterBios ul,
#pressCenterBios ul li
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#pressCenterBios ul li
{
	position: relative;
	float: left;
	width: calc(33.33% - 23px);
	margin: 0 34px 44px 0;
	padding: 0 0 38px 0;
	box-sizing: border-box;
	line-height: 28px;
}

#pressCenterBios ul li:nth-child(3n+3)
{
	margin: 0 0 44px 0;
}

@media (max-width: 1250px)
{
	#pressCenterBios ul li
	{
		width: calc(50% - 17px);
	}

	#pressCenterBios ul li:nth-child(3n+3)
	{
		margin: 0 34px 44px 0;
	}

	#pressCenterBios ul li:nth-child(2n+2)
	{
		margin: 0 0 44px 0;
	}
}

@media (max-width: 768px)
{
	#pressCenterBios ul li
	{
		width: calc(100% - 0px);
	}
}

#pressCenterBios ul li .photo
{
	float: left;
}

#pressCenterBios ul li .photo img
{
	display: block;
	width: 106px;
	height: 133px;
	background: #f1f1f1;
}

#pressCenterBios ul li .biopositionid
{
	margin-left: 126px;
	margin-bottom: 10px;
	line-height: 20px;
}

/*
#pressCenterBios ul li .biopositionid:after
{
	content: ":";
}
*/

#pressCenterBios ul li .title
{
	margin-left: 126px;
	line-height: 20px;
}


/* Offices */

.officeItem
{
	position: relative;
	float: left;
	width: calc(33.33% - 23px);
	/*max-width: 310px;*/
	min-height: 370px;
	margin: 0 34px 44px 0;
	padding: 0 0 38px 0;
	box-sizing: border-box;
	line-height: 28px;
}

.officeItem:nth-child(3n+3)
{
	margin: 0 0 44px 0;
}

@media (max-width: 1174px)
{
	.officeItem
	{
		width: calc(50% - 17px);
	}

	.officeItem:nth-child(3n+3)
	{
		margin: 0 34px 44px 0;
	}

	.officeItem:nth-child(2n+2)
	{
		margin: 0 0 44px 0;
	}
}

.officeTitle
{
	height: 25px;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: url('../i/office-title.png') 0px 5px no-repeat; /* data-uri */
	font-size: 20px;
	font-weight: 700;
}

.officeAddy
{
	padding: 8px 0 0px 0;
}

img.mainOfficePic
{
	display: block;
	width: 100%;
}

.officeMainButtons
{
	position: absolute;
	bottom: 0px;
}

#officeLinks
{
	margin: 18px 0 0 0;
}

.officeMainButtons a,
#officeLinks a
{
	display: inline-block;
	padding: 1px 10px 1px 10px;
	background: #ececec;
	border: 1px solid #cccccc;
	font-size: 15px;
}

.officeMainButtons a:hover,
.officeMainButtons a:focus,
#officeLinks a:hover,
#officeLinks a:focus
{
	background: #e6e6e6;
	text-decoration: none;
}

#officeContact
{
	margin: 0 0 30px 0;
}

#officeContact:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

#officePhoto
{
	display: block;
	float: left;
	width: 100%;
	max-width: 42%;
	margin-right: 48px;
}

#officeDetailNumbers
{
	margin: 10px 0 10px 0;
}

@media (max-width: 768px)
{
	.officeItem
	{
		width: calc(100% - 0px);
		margin: 0 0px 44px 0;
	}

	.officeItem:nth-child(2n+2)
	{
		margin: 0 0 44px 0;
	}

	#officePhoto
	{
		float: none;
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 18px;
	}

	#officeLinks a
	{
		display: block;
		margin: 0 0 2px 0;
	}
}


.staticCallToAction ul.results_list,
.staticCallToAction ul.results_list li,
.staticXrefList ul.results_list,
.staticXrefList ul.results_list li
{
	list-style: none;
	margin-left: 0px;
}


/* careers */

.careerQuote
{
	font-size: 26px;
	font-weight: 700;
	line-height: 40px;
}

.careerQuoteAttribution
{
	color: #ffffff;
	text-align: right;
}

.careerQuoteAttribution a
{
	color: #7fc6ff;
}


/* Misc */

.sideContact p
{
	font-size: 15px;
}

#backLink {
	margin: 10px 0 23px 0;
}

#backLink a {
	color: #989b9e;
	font-size: 90%;
}

#backLink a:hover,
#backLink a:focus {
	color: #00477f;
	text-decoration: none;
}

p.more
{
	margin: -10px 0 1.7em 3.5em;
}

p.more a
{
	padding: 2px 22px 2px 0;
	background: url('../i/more-plus.png') right 0px no-repeat; /* data-uri */
	color: #999999;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}




/* Forms ---------------------------------------------------------> */

form
{
	position: relative;
	margin: 0;
	padding: 0;
}

form:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

form > div > div
{
	position: relative;
	float: left;
	width: calc(33.33% - 12px);
	height: 34px;
	margin: 0 12px 12px 0;
}

form > div > div.textarea_wrapper,
form > div > div#textarea_wrapper
{
	height: auto;
	width: calc(100% - 12px);
}

form > div > div.radio_wrapper
{
	clear: both;
	float: none;
	height: auto;
	width: calc(100% - 7px);
	padding: 10px 0 5px 0;
}

form > div > div.checkbox_wrapper
{
	clear: both;
	float: none;
	height: auto;
	width: calc(100% - 7px);
	padding: 5px 0 10px 0;
}

form > div > div.submit_wrapper
{
	width: calc(100% - 12px);
}

form > p
{
	clear: both;
}

.js form > div > div.radio_wrapper > label
{
	position: relative;
}

/* hide the label via CSS by default if it has a value (class added in ItemSearch) */
.js form > div > div.hasValue > label
{
	visibility: hidden;
}

/* remove the visibility: hidden the moment the field has any style added to it via JS */
.js form > div > div.hasValue > label[style]
{
	visibility: visible;
}

/* reset button appearance on iOS */
input[type=submit]
{
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=text],
input[type=password],
textarea,
select,
.customSelect,
.js form > div > div > label
{
	/*max-width: 768px;*/
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 1px 7px 1px 7px;
	color: #666766;
	background: #ececec;
	border: 1px solid #ffffff;
	font: normal 14px/1.8 Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

textarea
{
	max-width: none;
	line-height: normal;
	padding-top: .5em;
	min-height: 6.5em;
}

.js form > div > div > label
{
	position: absolute;
	top: 5px;
	left: 1px;
	border: 0;
	background: none;
}

.customSelect
{
    display: block !important;
    overflow: hidden;

    /* make room for the arrow */
    padding: 4px 40px 1px 7px;
}

.customSelect:after
{
	content: '';
	display: block;
	position: absolute;
	top: .75em;
	right: .75em;
	width: 7px;
	height: 7px;
	border: 3px solid #cccccc;
	border-top-color: transparent;
	border-right-color: transparent;
	transform: rotateX(45deg) rotateZ(-45deg);
	transform-origin: 0 50%;
	transition: .5s;
}

/* this makes sure the invisible select always floats above */
select.hasCustomSelect
{
	z-index: 1;
}

.customSelectInner
{
	display: inline !important;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
.customSelectFocus
{
	background-color: #f6f6f6;
}

input[type=submit],
input[type=reset]
{
	width: auto;
	height: 34px;
	margin: 0 0 10px 0;
	padding: 1px 14px 1px 14px;
	background: #7ebb41;
	border: 0 solid #7ebb41;
	color: #ffffff;
	font: normal 16px/1.8 Helvetica, Arial, sans-serif;
	cursor: pointer;
}

a.viewAll
{
	padding: 0 6px 0 6px;
	font-size: 14px;
	color: #ffffff;
}

a.sideViewAll
{
	float: right;
	margin: 4px 26px 0 0px;
	font-size: 14px;
}

input[type=submit]:hover,
input[type=submit]:focus
{
	background: #81c63c;
	text-decoration: none;
}

.js form > div > div.checkbox_wrapper > label
{
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-bottom: 12px;
	font-size: 17px;
}

.js form > div > div.checkbox_wrapper > div > div
{
	position: relative;
	margin: 0 0 8px 0;
	line-height: normal;
}

.js form > div > div.checkbox_wrapper > div > div > input
{
	position: absolute;
	top: 2px;
}

.js form > div > div.checkbox_wrapper > div > div > label
{
	display: inline-block;
	margin-left: 20px;
	font-size: 15px;
}

form > div > div.radio_wrapper > div
{
	display: -webkit-flex;
	display: flex;
}

form > div > div.radio_wrapper > div > div
{
	padding-right: 9px;
}

form p.clearLeft
{
	clear: left;
}

/* side, index, and other page specific form styles */

#subContent form > div > div
{
	width: 100%;
	margin-right: 0;
}

#subContent h2 + .search_form
{
	margin-top: 30px;
}

#subContent input[type=text],
#subContent input[type=password],
#subContent textarea,
#subContent select,
#subContent .customSelect,
#subContent .js form > div > div > label
{
	background: #ffffff;
	border: 1px solid #cccccc;
}

#subContent input[type=submit]
{
	float: right;
	background: #ececec;
	border: 1px solid #cccccc;
	color: #888f93;
}

form > div > div.speakers
{
	width: 100%;
	margin-right: 0;
}

#emailField
{
	display: none;
}

body.blogs #submit_wrapper
{
	clear: both;
}

form > div > div#captcha_wrapper
{
	width: 100%;
}

form > div > div#captcha_wrapper input
{
	float: left;
	width: calc(33.33% - 12px);
	min-width: 150px;
}

.spam_security_code
{
	margin-left: 12px;
	margin-top: 1px;
}

@media (max-width: 1320px)
{
	form > div > div
	{
		width: calc(50% - 12px);
	}
}

#email-form form > div > div
{
	width: calc(50% - 12px);
}

@media (max-width: 768px)
{
	form > div > div,
	#email-form form > div > div
	{
		width: calc(100% - 12px);
	}

	.spam_security_code
	{
		margin-left: 0px;
	}
}


/* auto complete js */

.autocomplete-w1
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 8px 0 0 6px;
}

.autocomplete
{
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px;
	background: #ffffff;
	border: 1px solid #999999;
	text-align: left;
	cursor: default;
	box-shadow: 4px 4px 5px -2px rgba(0,0,0,0.5);
}

.autocomplete .selected
{
	background: #f0f0f0;
}

.autocomplete div
{
	padding: 5px 5px;
	/* white-space: nowrap; */
	line-height: 120%;
}

.autocomplete div span.autoCompleteMore
{
	font-size: 11px;
	color: #3874a8;
}

.autocomplete h2
{
	margin: 0;
	padding: 12px 5px 6px 5px;
	white-space: nowrap;
}

.autocomplete strong
{
	font-weight: bold;
	color: #3874a8;
}






/* Footer --------------------------------------------------------> */

#footer {
	clear: both;
	max-width: 1550px;
	margin: 0px auto;
	padding: 40px 0 40px 0;
	color: #595959;
	font-size: 14px;
}

#bottomlinks
{
	clear: both;
	display: flex;
}

#bottomlinks #siteCopyright
{
	flex-grow: 1;
}

#footer a
{
	color: #595959;
}

#footer a:hover,
#footer a:focus
{
	color: #00477f;
	text-decoration: none;
}

span.footerSplitter
{
	margin: 0 9px;
}

#footerOffices
{
	position: relative;
	z-index: 25;
	clear: both;
	margin: 60px -10px 0 -10px;
	background: url('../i/footer-office-bg.jpg') no-repeat;
	font-family: Roboto-Slab;
	font-weight: 300;
}

#footerOffices a:not(.sp_pencil)
{
	display: block;
	padding: 9px 0 9px 0;
	text-align: center;
}

#footerOffices div.results_list > div
{
	position: relative;
	width: 16.66%;
	max-height: 50px;
	border-left: 8px solid #ffffff;
	box-sizing: border-box;
}

#footerOffices div.results_list > div:first-child
{
	border-left: 0px solid #ffffff;
}

#footerOffices a:hover:not(.sp_pencil),
#footerOffices a:focus:not(.sp_pencil) {
	background: #00477f;
	color: #ffffff;
	text-decoration: none;
}

#footerOffices div.results_list
{
	display: -ms-flexbox;
	display: flex;
}

#footerOffices div.results_list > div
{
	flex-grow: 1;
}

#footerOffices a.sp_pencil
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
@media (max-width: 820px)
{
	#bottomlinks
	{
		display: block;
	}
}

@media (max-width: 1174px)
{
	#bottomlinks a,
	#bottomlinks span
	{
		display: block;
		font-size: 12px;
		margin-left: 9px;
	}

	#bottomlinks span.footerSplitter
	{
		display: none;
	}

	#footerOffices
	{
		background-size: cover;
		background-position: -1900px 0px;
	}

	body#professionals #footerOffices,
	body#careers #footerOffices
	{
		border-top: 3px solid #ffffff;
	}

	#footerOffices div.results_list
	{
		display: block;
	}

	#footerOffices div.results_list > div
	{
		width: 100%;
		border-left: 0px solid #ffffff;
		border-bottom: 3px solid #ffffff
	}
}




/* Object Support ------------------------------------------------> */

/* Support for SiteMap object */

/*SiteMap object */

table.SITE_MAP
{
	margin-top: 5px;
	border-collapse: collapse;
}

table.SITE_MAP th
{
	padding-top: 5px;
	text-align: right;
}

table.SITE_MAP td
{
	padding-top: 5px;
}

table.SITE_MAP td.h_separator
{
	height: 5px;
	border-bottom: solid 1px #ccc;
}

table.SITE_MAP td.v_separator
{
	padding-left: 15px;
	padding-right: 15px;
	font-size: .8em;
	color: #666;
}

@media (max-width: 767px)
{
	table.SITE_MAP,
	table.SITE_MAP th,
	table.SITE_MAP td,
	table.SITE_MAP tr
	{
		display: block;
		text-align: left;
		padding: 0;
	}

	table.SITE_MAP td:nth-child(n + 4)
	{
		padding-left: 1rem;
	}

	table.SITE_MAP td:nth-child(n + 6)
	{
		padding-left: 2rem;
	}

	table.SITE_MAP .v_separator
	{
		display: none;
	}
}


/* - ( Search ) - */

.searchfoundtext {
	font-weight: bold;
}

#search form div {
	padding-bottom: .3em;
}

#search .search_form label {
	display: inline;
	margin: 3px;
}

#search #mainContent p.form-section-label
{
	margin-top: 20px;
	font-weight: 700;
}

#search .search_form label,
#search .search_form input {
	max-width: 300px;
}

#search div.sections,
#search div.search_type {
	width: 35%;
	float: left;
}

@media (max-width: 767px)
{
	#search div.sections,
	#search div.search_type {
		width: 100%;
		float: none;
	}
}


#search div.sections > div,
#search div.search_type > div {
	width: 100%;
}

#search div.sections {
	padding-bottom: 1em;
}

#search div.sections input,
#search div.search_type  input {

}

#search a.more {
	font-weight: bold;
	font-size: 1.1em;
}

#search div#select_all_links {
	margin-top: 8px;
}

#search #mainContent p {
	padding-top: 0;
	padding-bottom: 10px;
	margin: 0;
}

#search #mainContent p.link {
	padding-top: 5px;
	padding-bottom: 0;
}

/* addthis on various detail pages */
.addthis_toolbox
{
	overflow: hidden;
	margin: 0 0 .5em 1em;
	float: right;
	font-size: 14px;
	color: #999999;
}

.addthis_toolbox a
{
	display: inline-block;
	color: #999999;
	text-decoration: none;
}

.addthis_toolbox a img
{
	display: inline-block;
	margin-bottom: -1px;
	color: #999999;
	vertical-align: bottom;
}


.addthis_separator
{

}

/*
.addthis_separator,

{
	float: none !important;
}
*/

.addthis_toolbox ~ p
{

}

.addthis_toolbox ~ p ~ p
{

}

.addthis_button_compact
{

}


/* Video popup----------------------------------------------------> */


/* Video Support -------------------------------------------------> */
#backgroundPopup
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	height: 100%;
	width: 100%;
	background: #333;
	border: 1px solid #cecece;
}

.popupPlayerWrapper
{
	display: none;
	position: fixed;
	top: calc(50% - 40vh);
	left: calc(50% - 40vw);
	z-index: 99999999;
	height: 80vh;
	width: 80vw;
	background: #fff;
	border: 12px solid #cecece;
	color: #fff;
	font-size: 1.3rem;
}

.mediaPlayer
{
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
	overflow: hidden;
}

.mediaPlayer > iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: 999999;
}

.mediaPlayer > video,
.mediaPlayer > audio
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	background: #000000;
	box-sizing: border-box;
}

.popupPlayerWrapper.playerWithSidebar .mediaPlayer
{
	width: 75% !important;
}

.popupPlayerWrapper.playerWithPlaylist .mediaPlayer
{
	height: 75% !important;
}

@media all and (orientation: portrait)
{
	.popupPlayerWrapper
	{
		left: calc(50% - 45vw);
		top: calc(50% - 20vh);
		width: 90vw;
		height: 40vh;
	}
}

span.popupPlayerClose
{
	display: block;
	position: absolute;
	z-index: 25;
	top: -15px;
	right: -15px;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background: #333;
	color: #f1f1f1;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

span.popupPlayerClose:hover,
span.popupPlayerClose:focus
{
	background: #000;
	color: #fff;
}

.popupPlayerPlaylist
{
	display: none;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%;
	max-width: 100%;
	overflow: hidden;
	background: #f5f5f5;
}

.popupPlayerWrapper.playerWithPlaylist.playerWithSidebar .popupPlayerPlaylist
{
	width: 75%;
	max-width: 75%;
}

.popupPlayerPlaylist div.results
{
	position: relative;
	width: 100%;
	max-width: 987px;
	margin: 10px 0 0 10px;
}

.popupPlayerPlaylist.playlistHorizontalToggles div.results
{
	width: calc(100% - 30px);
	margin: 10px 0 0 30px;
}

.popupPlayerPlaylist ul
{
	position: relative;
	left: 0;
	list-style: none;
	min-width: 100000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.popupPlayerPlaylist ul li
{
	position: relative;
	list-style: none;
	display: block;
	float: left;
	width: calc(25% - 10px);
	max-width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
	box-sizing: border-box;
}

.popupPlayerPlaylist ul li .abstract,
.popupPlayerPlaylist ul li .videoMore
{
	display: none;
}

.popupPlayerPlaylist ul li a
{
	display: block;
	width: 100%;
}

.popupPlayerPlaylist ul li a img
{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
}

.popupPlayerPlaylist ul li .title
{
	position: absolute;
	top: 0;
	z-index: 5;
	width: 100%;
	padding: 4px 6px;
	background: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 13px;
	line-height: 1.1;
	box-sizing: border-box;
}

.popupPlayerPlaylist ul li .sp_pencil
{
	display: none;
}

.popupPlayerPlaylist ul li .title a
{
	color: #fff;
}

.popupPlayerPlaylist ul li .title a:hover,
.popupPlayerPlaylist ul li .title a:focus
{
	text-decoration: none;
}

.popupPlayerPlaylist ul li .title a::after
{
	content: '\00A0\25B6';
}

a#playlistPrev,
a#playlistNext
{
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	width: 25px;
	height: calc(100% - 10px);
	margin: 0;
	border-top: 5px solid #f5f5f5;
	border-bottom: 5px solid #f5f5f5;
	background: #d8d8d8;
	text-align: center;
}

.popupPlayerPlaylist.playlistHorizontalToggles a#playlistPrev,
.popupPlayerPlaylist.playlistHorizontalToggles a#playlistNext
{
	display: block;
}

a#playlistPrev
{
	left: 0;
	border-left: 2px solid #f5f5f5;
}

a#playlistNext
{
	right: 0;
	border-left: 2px solid #f5f5f5;
}

a#playlistPrev:hover,
a#playlistPrev:focus,
a#playlistNext:hover,
a#playlistNext:focus
{
	background-color: #d1d1d1;
}

a#playlistPrev span,
a#playlistNext span
{
	display: inline-block;
	position: relative;
	top: 25%;
	color: #fff;
	font-size: 4.0rem;
}

.popupPlayerSidebar
{
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 25%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #f5f5f5;
}

.popupPlayerSidebar > div
{
	padding: 10px 16px 10px 16px;
}

.popupPlayerSidebar > div h2
{
	font-size: 105%;
	margin: 6px 0 6px 0;
	padding: 0;
}

.videoList ul,
.videoList ul li,
.itemMultimediaList ul.results_list,
.itemMultimediaList ul.results_list li,
#item_itemvideo > div ul,
#item_itemvideo > div ul li,
.xrefMultimediaList ul,
.xrefMultimediaList ul li,
.popupPlayerSidebar > div ul,
.popupPlayerSidebar > div ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.itemMultimediaList ul.results_list li,
.popupPlayerSidebar > div ul li
{
	margin: 3px 0 6px 0;
	font-size: 16px;
	line-height: 1.2;
}

.itemMultimediaList ul.results_list li .photo img,
#item_relatedsame ul li .photo img,
.itemMultimediaList ul li .photo img,
.xrefMultimediaList ul li .photo img
{
	width: 130px;
}

.itemMultimediaList ul.results_list li::after,
.xrefMultimediaList ul li::after
{
	display: block;
	clear: both;
	content: '';
}

.itemMultimediaList ul.results_list li .photo,
.xrefMultimediaList ul li .photo
{
	position: relative;
	z-index: 1;
	float: left;
}

#subContent .xrefMultimediaList ul li .photo
{
	float: none;
}

.itemMultimediaList ul.results_list li .photo
{
	margin-right: 10px;
}

#mainContent .xrefMultimediaList ul li .videomore,
#mainContent .xrefMultimediaList ul li .title,
#mainContent .xrefMultimediaList ul li .abstract
{
	margin: 0 0 0 150px;
}

#subContent #item_relatedsame ul.results_list
{
	margin: 0 0 8px 0;
}

.title .videoMore
{
	margin-left: 6px;
	font-weight: 700;
}

.photo .triggerPopupPlayer,
.photo .triggerPopupPlayer img
{
	display: block;
}

#mainContent .videoList > div > div
{
	display: inline-block;
}

#mainContent .videoList .results_list > div
{
	position: relative;
	margin: 0 16px 0 0;
}

.videoList
{
	overflow: hidden;
}

#mainContent .videoList .results_list > div
{
	float: left;
	width: 305px;
	height: 100%;
	min-height: 220px;
	padding-bottom: 18px;
}

#mainContent .videoList .results_list .title
{
	line-height: 26px;
}

@media screen and (max-width: 1279px)
{
	#index .videoList .results_list div + div + div
	{
		display: none;
	}
}


#mainContent .videoList .results_list > div .photo a:before
{
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 100;
	content: 'Play Video';
	display: block;
	width: 75px;
	height: 23px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	background: rgba(33,33,33,.4);
	cursor: pointer;
}

#mainContent .videoList .results_list div:last-child
{
	margin: 0;
}

#subContent .videoList .results_list > div
{
	margin: 5px 0 18px 0;
}

#subContent .videoList .results_list div .title
{
	margin: 9px 0 0 0;
	padding: 0 0 10px 0;
	line-height: normal;
}

#subContent .videoList .results_list div .photo a
{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

#subContent .videoList .results_list div .photo a img
{
	display: block;
	position: relative;
	/*left: -20%;*/
}

#subContent .videoList .results_list div .photo a:after
{
	position: absolute;
	top: 0;
	left: 5px;
	content: 'Play Video';
	display: block;
	width: 75px;
	height: 23px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	background: rgba(33,33,33,.4);
}

#mainContent .videoList .results_list > div .sp_pencil img
{
	position: absolute;
	top: 0;
	left: 0;
}


body.blogs .videoList.abstractVideoList,
body.blogs .videoList.postVideoList
{
	float: left;
	margin: 0 10px 10px 0;
}


body.blogs #mainContent .videoList.abstractVideoList .results_list > div,
body.blogs #mainContent .videoList.postVideoList .results_list > div
{
	width: 200px;
	min-height: auto;
	padding: 0;
}

body.blogs #mainContent .videoList.postVideoList .results_list > div
{
	width: 300px;
}

body.blogs #mainContent .videoList.abstractVideoList .results_list > div .photo a:not(.sp_pencil) img,
body.blogs #mainContent .videoList.postVideoList .results_list > div .photo a:not(.sp_pencil) img
{
	display: block;
	width: 100%;
}

body.blogs #mainContent .videoList.abstractVideoList .results_list > div .title,
body.blogs #mainContent .videoList.postVideoList .results_list > div .title
{
	font-size: 13px;
	line-height: 1.2;
	background: #f1f1f1;
	padding: 5px 8px 5px 8px;
}

@media screen and (max-width: 767px)
{
	body.blogs .videoList.abstractVideoList,
	body.blogs .videoList.postVideoList
	{
		float: none;
		margin: 0;
	}

	body.blogs #mainContent .videoList.abstractVideoList .results_list > div,
	body.blogs #mainContent .videoList.postVideoList .results_list > div
	{
		width: 100%;
		min-height: auto;
		padding: 0 0 18px 0;
	}
}



/* Blogs --------------------------------------------------------> */

body.blogs #blogSubUpper
{
	height: 319px;
	margin: 0 0 40px 0;
	padding: 28px 20px 20px 28px;
	background: #ececec;
	box-sizing: border-box;
}

body.blogs #blogSearchForm,
body.blogs #feedburnerForm
{
	position: relative;
	height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body.blogs #feedburnerForm
{
	height: 70px;
}

body.blogs #blogSocialLinks
{
	margin: 20px 0 0 0;
}

body.blogs #blogSearchForm > div.stndForm,
body.blogs #feedburnerForm > div.stndForm
{
	height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

body.blogs #blogSearchForm > div.stndForm > div,
body.blogs #feedburnerForm > div.stndForm > div
{
	position: relative;
	float: left;
	width: calc(100% - 81px);
	height: 36px;
}

body.blogs #blogSearchForm label,
body.blogs #feedburnerForm label
{
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 24px;
	color: #666666;
	font-size: 14px;
}

body.blogs #feedburnerForm label
{
	left: 0px;
}

body.blogs #blogSearchForm input#blogsearch,
body.blogs #feedburnerForm input#email
{
	position: relative;
	width: 100%;
	height: 36px;
	margin: 0px 0 0 0px;
	padding: 0px 8px 0px 32px;
	background: #ffffff url('../i/icon-search-bg.svg') 6px 8px no-repeat;
	border: 0px;
	color: #666666;
	font-size: 14px;
	box-sizing: border-box;
}

body.blogs #feedburnerForm input#email
{
	padding: 0px 8px 0px 8px;
	background: #ffffff;
}

body.blogs #blogSearchForm input#blogsearch:focus,
body.blogs #feedburnerForm input#email:focus
{
	background-color: #f6f6f6;
}

body.blogs #blogSearchForm input#blogsearchbtn,
body.blogs #feedburnerForm input#fbbtn
{
	float: right;
	width: 81px;
	height: 36px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	font-size: 15px;
	color: #888f93;
	border-left: 1px solid #cccccc;
	background: #ececec;
	box-sizing: border-box;
}

body.blogs #blogSearchForm input#blogsearchbtn:hover,
body.blogs #blogSearchForm input#blogsearchbtn:focus,
body.blogs #feedburnerForm input#fbbtn:hover,
body.blogs #feedburnerForm input#fbbtn:focus
{
	background: #cccccc;
	color: #ffffff;
}

body.blogs span#feedBurnerHeader
{
	font-size: 14px;
	font-weight: 700;
}

a#rssButton
{
	display: block;
	clear: left;
	margin: 0 0 15px 0;
	padding: 5px 20px 5px 36px;
	background: url('../i/blog-rss.png') 10px 10px no-repeat;
	font-size: 14px;
	color: #666666;
	border: 1px solid #cccccc;
}

a#rssButton:hover,
a#rssButton:focus
{
	background-color: #cccccc;
	text-decoration: none;
}

a#rssButton > span
{
	float: right;
}

body.blogs a#blogTwitterLink,
body.blogs a#blogFacebookLink
{
	display: inline-block;
}

body.blogs #blogBannerMask
{
	position: absolute;
	z-index: 2;
	width: 1900px;
	height: 100%;
	max-height: 319px;
	max-width: 1900px;
	background: url('../i/blog-banner-mask.png') 0px 0px no-repeat; /* data-uri */
}

body.blogs #bannerContent
{
	z-index: 3;
	top: inherit;
	bottom: 0px;
}

body.blogs #bannerContent h1
{
	border: 0px;
	margin: 0 0 28px 0;
	font: normal 45px/1.0 PTSans, Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

body.blogs #bannerContent h1 a
{
	color: #ffffff;
	text-decoration: none;
}

body.blogs .blogpost
{
	margin: 0 0 55px 0;
}

body.blogs .blogpost h2
{
	margin: 0 0 15px 0;
	padding: 0px 0 10px 0;
	border-bottom: 3px solid #7e8082;
	color: #00467f;
	font-family: Roboto-Slab;
	font-size: 30px;
	font-weight: 300;
	/*line-height: 42px;*/
	text-transform: none;
}

body.blogs .blogpost .postdate
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}

body.blogs p.postCats
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

body.blogs p.postCats > span
{
	font-weight: 700;
}

body.blogs #subContent div ul
{
	margin: 18px 0 20px 0;
	padding: 0 0 0 0;
}

body.blogs #subContent div ul li
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body.blogs .postFooter
{
	padding: 8px 12px 8px 12px;
	background: #ececec;
	font-size: 14px;
	color: #999999;
}

body.blogs .postFooter:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

body.blogs .postFooter a
{
	color: #999999;
}

body.blogs .postFooter div
{
	display: inline-block;
}

body.blogs .postFooter > div:first-child
{
	float: left;
	width: 400px;
}

body.blogs .postFooter .addthis_toolbox
{
	margin: 0px 0 0 0;
}

body.blogs #historyLinks
{
	height: 38px;
	margin: 0px 0 20px 0;
}

body.blogs #historyLinks a
{
	float: left;
	margin: 0 2px 0 0;
	padding: 6px 13px 4px 13px;
	background: #7ebb41;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
}

body.blogs #historyLinks a.home
{
	background: #ececec;
	color: #999999;
}

body.blogs ul#archiveList,
body.blogs ul#archiveList li
{
	list-style: none;
}

body.blogs ul#archiveList li.archiveYear > a
{
	font-weight: 700;
}

body.blogs .bioItem .bioAbstract
{
	clear: both;
}

body.blogs .bioItem .bioAbstract:after
{
	/* make div stretch to height of content */
	display: block;
	clear: both;
	content: '';
}

body.blogs .bioItem .bioAbstract .allPosts
{
	float: right;
	font-weight: 700;
}

@media (max-width: 1175px)
{
	body.blogs #bannerContent
	{
		position: relative;
		top: inherit;
		left: 10px;
		width: calc(100% - 20px);
	}

	body.blogs #bannerContent h1
	{
		font-size: 38px;
		margin: 10px 0 8px 0;
		color: #666666;
	}

	body.blogs #bannerContent h1 a
	{
		color: #666666;
	}

	body.blogs .bioItem .bioAbstract
	{
		margin-top: 20px;
	}

	body.blogs .postFooter > div:first-child
	{
		float: left;
		width: auto;
	}
}


/* auto complete */

.atclear
{
	height: 1px;
}

.autocomplete-w1
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 8px 0 0 6px;
}

.autocomplete
{
	max-height: 350px;
	overflow: auto;
	margin: -6px 6px 6px -6px;
	background: #FFF;
	border: 1px solid #999;
	cursor: default;
	text-align: left;
}

.autocomplete .selected
{
	background: #EAEBEB;
}

.autocomplete div
{
	padding: 5px 5px;

}

.autocomplete strong
{
	font-weight: normal;
	color: #00477f;
}

/* custom autocomplete suggestion: bio */

.autocomplete .acBio
{
    padding: 0 5px 0 0;
}

.autocomplete .acBioPic
{
    display: inline-block;
}

.autocomplete .acBioPic img
{
    width: 51px;
    height: 64px;
}

.autocomplete .acBioText
{
    display: inline-block;
}

.autocomplete .acBioName
{
    padding: 0;
    line-height: 120%;
}

.autocomplete .acBioTitle
{
    padding: 0;
    line-height: 120%;
    font-size: 80%;
    color: #555;
}

/*
.mobile
{
   display:none !important;
}

#mobileSwitch
{
	cursor:pointer;
	text-align:left;
}

#fullSwitch
{
	text-transform: uppercase;
	font-weight: bold;
	background: #84c759;
	color: #FFF;
	padding: 0px 1px;
}
*/



/* Home Page ------------------------------------------------------> */

#index #content,
body#careers #content
{
	min-height: 0px;
	background: none;
}

#homeAnimation
{
	position: relative;
	z-index: 10;
	height: 700px;
	left: -175px;
	margin: 36px 0 0px 0;
}

#homeAnimation .results_list
{
	display: none;
	position: relative;
	z-index: 9;
	width: 1900px;
	height: 700px;
}

#homeAnimation .results_list div .imagegradient
{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 1900px;
	height: 700px;
	background: url('../i/animation-gradient.png') 0px 0px no-repeat; /* data-uri */
}

#homeAnimation .results_list div .image
{
	position: relative;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 1900px;
	height: 700px;
}

#homeAnimation a
{
	color: #7EBB41;
}

#homeAnimation .results_list div .startInline
{
	position: absolute;
	z-index: 3;
	bottom: 100px;
	left: 175px;
	max-width: 650px;
	color: #ffffff;

	text-shadow: 0 0 5px rgba(0,0,0,.3);
}

#homeAnimation .results_list div .imagegradientPointer,
#homeAnimation .results_list div .startInline.startInlinePointer
{
	cursor: pointer;
}

#homeAnimation .results_list div .title,
#homeAnimation .results_list div .title h1
{
	font-family: Roboto-Slab;
	font-weight: 400;
	font-size: 45px;
	line-height: 50px;
	color: #ffffff;
	border: 0px;
}

#animationNav
{
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 274px;
	width: 328px;
	height: 36px;
}

#animationNav button
{
	/* css button reset */
	border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    /* end button reset */

    display: inline-block;
	width: 76px;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	margin: 26px 6px 0 0;
	background: #ffffff;
	vertical-align: bottom;
	cursor: pointer;
}

#animationNav button:hover,
#animationNav button:focus
{
	background: #cccccc;
}

#animationNav button.cycle-pager-active
{
	height: 36px;
	margin: 0px 6px 0 0;
	background: #7ebb41 url('../i/animation-arrow.png') center center no-repeat;
	-webkit-transition: margin, height .4s;
    transition: margin, height .4s;
}

#index #subContent,
body#careers #subContent
{
	margin-top: -700px;
	height: 700px;
	border: 0px;
	overflow: hidden;
}

#index h2#homePracticesHeader
{
	margin: 28px 0 10px 0;
}

#index #homePractices
{
	position: relative;
}

#index #homePractices p
{
	font-size: 15px;
	line-height: 24px;
}

#index #homePractices a
{
	color: #666666;
}

#index #homePractices a.sp_pencil
{
	position: absolute;
	top: -18px;
	left: 0px;
}

#index #tabLinks
{
	width: 352px;
	margin: 38px 0 38px 0;
	height: auto;
	min-height: 38px;
	font-size: 0.80rem;
}

@media (min-width: 2500px)
{
	#index #tabLinks a
	{
		float: none;
		margin-left: 0px;
	}
}

#index .contentSection
{
	color: #7e8082;
	font-size: 15px;
	line-height: 20px;
}

#index .contentSection li
{
	position: relative;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 6px;
}

#index .contentSection li a.sp_pencil
{
	position: absolute;
	top: -16px;
	left: 0px;
}

#index .contentSection a
{
	display: block;
	margin: 0 0 10px 0;
	color: #7e8082;
	line-height: 20px;
}

#index .moreNews a
{
	font-size: 16px;
	color: #3399cc;
	text-align: right;
}

#index #Tabsection4 li
{
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

#index #Tabsection4 li iframe.videoiFrame
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#index #footerOffices,
#careers #footerOffices
{
	margin: 10px -10px 0 -10px;
}

#index #footerOffices div.results_list > div,
#careers #footerOffices div.results_list > div
{
	max-height: 120px;
}

#index #footerOffices a:not(.sp_pencil),
#careers #footerOffices a:not(.sp_pencil)
{
	padding: 44px 0 44px 0;
}

li#cyberHotline a,
li#coronavirusResource a,
li#ctaResource a,
a.emergencyRed
{
	color: #bb2830 !important;
	font-weight: 700;
}

@media (max-width: 768px)
{
	#homeAnimation .results_list div .title
	{
		font-size: 35px;
		line-height: 30px;
	}
}

@media (max-width: 1150px)
{
	#homeAnimation .results_list div .startInline
	{
		max-width: 500px;
	}
}


@media (max-width: 1174px)
{
	#index #subContent,
	body#careers #subContent
	{
		margin-top: 30px;
		height: auto;
	}

	#homeAnimation
	{
		width: calc(100% + 20px);
		height: auto !important;
		left: -10px;
		margin: 36px 0 0px 0;
		background: rgba(0,0,0,0.4);
	}

	#homeAnimation .results_list
	{
		width: 100%;
		height: auto !important;
		overflow: hidden !important;
	}

	#homeAnimation .results_list > div
	{
		width: 100% !important;
		height: auto !important;
	}

	#homeAnimation .results_list div .image
	{
		width: 100%;
		height: auto;
	}


	#homeAnimation .results_list div .image img
	{
		display: block;
		width: 100%;
		height: auto;
	}

	#homeAnimation .results_list div .startInline
	{
		position: relative;
		bottom: 0px;
		left: 0px;
		max-width: 100%;
		padding: 20px;
		background: none;
	}

	#animationNav
	{
		bottom: 0px;
		right: 0px;
		width: 168px;
	}

	#animationNav button
	{
		width: 36px;
	}

	#index #footerOffices span:not(.sp_pencil)
	{
		padding: 13px 0 13px 0;
	}
}

#paymentForm > div > div
{
	float: none;
	height: auto;
	width: auto;
	margin-bottom: 1rem;
}

#paymentForm p
{
	display: block;
	max-width: 600px;
	line-height: 1.1;
	font-size: 14px;
	margin-top: .5rem;
}

#paymentForm input[type=text]
{
	max-width: 320px;
	width: 100%;
}

/* END DEFAULT CSS -----------------------------------------------> */


/* BEGIN PRINT CSS -----------------------------------------------> */

/* @media all and (max-width:8.5in) /* use while programming */
@media print
{
	*
	{
		background: none !important;
		color: #333333;
	}

	#topLinks,
	.mobile,
	.noPrint,
	#topSearch,
	ul.subNavList,
	.view_more,
	.sp_map,
	.printMap,
	.letterLinks,
	#pdfLink,
	.printPDF,
	#itemPacket,
	.officeMainButtons,
	#officeLinks,
	.js .sectionTitle:after,
	body#professionals #bannerImage,
	body#careers #bannerImage,
	body.professionals-item img#bannerImage,
	.symbolGuide,
	.symbolCommunity,
	.symbolEducation,
	.symbolSpeaking,
	#mainContent form,
	#subContent form,
	#navJump,
	#topJump,
	#mainNav,
	#footer > div > *,
	#footerOffices,
	#index #footerOffices,
	.moreNews a,
	.addthis_toolbox,
	#bioPhoneNumbers,
	.sectionTitle,
	p.more,
	.headerLink
	{
		display: none !important;
	}

	body,
	#content
	{
		position: relative !important;
		width: 100% !important;
		background: none !important;
	}

	#content
	{
		/* cancel out flexbox?
		display: block; */
	}

	body
	{
		padding: 0 0 0 0;
	}

	h1.pageTitle.h1PaddingRight
	{
		margin: 0 0 30px 0;
	}

	.sideStaticText > p img
	{
		left: inherit;
		width: auto;
		max-width: 349px;
	}

	.bioItem .boxThree a
	{
		padding-left: 0px;
	}

	body.professionals-item #upperContent,
	body.professionals-item #bannerContent
	{
	min-height: 1px;
    }

    #bioPic
    {
	float: left;
    }

	.officeTitle
	{
		padding-left: 0px;
	}

	.officeItem
	{
		min-height: 1px;
	}

	.mainOfficePic,
	#officePhoto
	{
		max-width: 349px;
	}

	#index h2#homePracticesHeader,
	#index #subContent
	{
		margin-top: 0px !important;
	}

	#index .sectionTitle
	{
		display: block !important;
	}

	.contentSection > *
	{
		display: block;
	}

	.js .sectionTitle
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	#footer > div > #siteCopyright
	{
		display: block !important;
	}
}

/* END PRINT CSS -------------------------------------------------> */