@charset "utf-8";

html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
-ms-text-size-adjust: 100%;
}

body {
height:100%;
background-color:white !important;
}

.media-container {
width:100%; 
margin:0 auto -1em;
min-height:100%;
position:relative;
color:#666;
font:1.5em/1.7 Arial,Helvetica,Verdana,sans-serif !important;
text-align:left;
padding-left:30px
}

.media-container h3 {
font-size:1.2em;
font-weight:700;
color:#000;
margin:6px 0;
padding:0
}

 .footer {
width:100%;
margin:0 auto;
padding:0;
position:relative;
clear:both;
height:8em
} 

#embargo,#pr_title {
width:93%;
font-weight:700
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}

.nowrap {
white-space:nowrap
}

#oLoginStatus {
display:none
}

img {
border:none
}

#embargo,#glance {
border-radius:10px
}

#embargo {
text-align:center;
font-size:16px;
background:red;
color:#fff;
letter-spacing:2px;
padding:3px;
margin:10px 0
}

#pr_title {
font-size:.7em;
font-weight:600;
color:#666;
padding-bottom:0;
border-bottom:1px solid #CCC !important
}

.heading1,h1 {
font:.8em Arial,Helvetica,Verdana,sans-serif !important;
color:#777!important; 
font-weight:500!important;
margin:14px 10px 14px 0 !important;
letter-spacing:1.1px!important;
line-height:1.4em!important
}

.heading2,h2 {
font-size:110%;
font-weight:400;
color:#999;
letter-spacing:1.2px;
margin:20px 0 6px
}

#pr_text {   /* background-color:pink */
width:100%;
max-width:700px;
float:left;
margin:0;
padding:0;
font-size:.5em!important
}

#pr_text2 {
width:100%;
max-width:800px;
float:left;
margin:0;
padding:0;
font-size:.5em !important
}

#pr_body {
font-size:1em
}

#pr_contacts {
width:150px;
display:block;
padding-left:0;
margin:0 0 14px
}

#pr_contacts p {
font-size:.1em;
margin:20px 0;
line-height:1.4em
}

#contacts li {
display:inline-block;
vertical-align:top;
border-radius:5px;
box-shadow:0 0 1px #AAA;
font-size:92%;
font-weight:500;
list-style:none;
margin:0 40px 14px 0;
padding:0 2px;
line-height:1.4em;
text-align:left;
width:150px
}

#pr_share {
float:right;
margin:8px 24px 0 0
}

#pr_body {
clear:both;
padding-right:14px
}

.shareicon{
vertical-align:top; 
margin-right:5px
}

.fbicon, .twicon{
width:32px; 
height:32px
}

#glance {
float:right;
width:300px;
max-width:100%;
margin:-7px 25px 30px 30px;
padding:10px 20px 30px 20px;
font-weight:400;
color:#333;
background-color:#B4D2FF
}

#glance ul {
margin:0 0 0 -20px
}

#glance li {
margin:0;
padding:0 0 10px;
line-height:1.2em
}

#glance .head {
font-size:1.2em;
font-weight:700;
color:#000;
margin:6px 0;
padding:0
}

#footnotes {
font-size:.9em;
margin:30px 0 0;
padding:0 20px;
border-top:1px solid #CCC!important
}

#footnotes a {
font-style:italic
}

#pr_links {
float:left;
padding:0 0 0 20px
}

#pr_resources {
width:290px;
height:auto;
float:left;
padding:0 0 30px 50px
}

#pr_resources p {
padding:0;
margin:0 0 10px -20px
}

#pr_resources table {
margin-left:-18px;
}

#pr_resources div,#pr_resources table td {
width:340px;
font-size:.58em;
line-height:1.3em;
display:block;
float:right;
clear:both;
margin:0 -80px 30px 0;
padding:0 10px 0 0;
	/* background-color:yellow  */
 }

.cFormFieldNormal {
font-size:100%;
color:#666;
background-color:#fff
}

.cFormButton {
color:#fff;
font-weight:700;
background-color:#c60;
border-style:outset
}

.spotlight {
background-color:#e1e0e0;
vertical-align:top
}

.noborder {
border-bottom:none !important;
color:#666
}

.clearfooter {
height:6em;
clear:both
}

#pr_share {
margin-bottom:10px !important
}

#share {
padding:0 30px 10px;
display:inline-block
}

.restitle {
font-size:1em !important;
color:#666 !important;
font-weight:700 !important;
padding-bottom:2px !important;
margin-top:30px !important;
border-bottom:1px solid #CCC !important
}

a.other {
display:inline-block;
background-image:url(pressreleases/images/info-icon.png)!important;
background-repeat:no-repeat;
padding-left:0
}

a.pdf {
display:inline-block;
background-image:url(pressreleases/images/pdf-icon.png);
background-repeat:no-repeat;
padding-left:30px
}

a.pdf2 {
font-size:1.04em;
height:auto;
line-height:2;
display:inline-block;
background-image:url(pressreleases/images/pdf-icon.png)!important;
background-repeat:no-repeat;
padding-left:0
}

a.info {
display:inline-block;
background-image:url(pressreleases/images/info-icon.png);
background-repeat:no-repeat;
padding-left:30px
}

a.info2 {
font-size:1.3em;
height:auto;
line-height:2;
display:inline-block;
background-image:url(pressreleases/images/info-icon.png)!important;
background-repeat:no-repeat;
padding-left:0
}

a.info3 {
height:auto;
line-height:1.6;
display:inline-block;
background-image:url(pressreleases/images/info-icon.png)!important;
background-repeat:no-repeat;
padding-left:0;
}

a.share {
display:inline-block;
background-image:url(pressreleases/images/share-icon.png);
background-repeat:no-repeat;
padding-left:30px
}

.file a {
display:inline-block;
background-image:url(pressreleases/images/download-icon.png);
background-repeat:no-repeat;
padding-right:30px;
background-position:right
}

a.video {
display:inline-block;
background-image:url(pressreleases/images/video-icon.png);
background-repeat:no-repeat;
padding-left:0
}

#pr_resources td img {
width:200px;
height:auto;
padding:0 0 10px;
border:none
}

#pr_resources img {
margin-bottom:.6em
}

#pr_resources div {
font-size:.5em;
line-height:1.3em;
padding-right:18px
}

#pr_resources .resres-col-heading {
color:#369;
font-size:1.3em;
font-weight:600;
margin:10px 0 -20px -10px
}

#pr_resources .resource-col-heading {
color:#777;
font-size:1.2em;
font-weight:600;
margin:10px 0 4px -10px
}

#pr_resources p {
font-size:.6em;
font-weight:600;
}

#pr_resources img {
max-width:240px
}

#glance {
width:430px !important
}

.hs-img-container {
display:table-cell;
vertical-align:middle
}

.hs-img-container img {
display:block;
margin:0 auto
}

.headshot-link,.headshot-caption {
font-style:italic;
font-size:1.16em;
display:block	
}

.headshot-link{
margin-bottom:-20px
}

#pr_body p:before {
content:"";
width:10.2em;
display:block;
overflow:hidden
}

/* MEDIA QUERIES */

/* target desktop */
@media only screen and (min-device-width: 1200px){
	
	.media-container{
	width:1150px;  /*width:70%;*/ 
	}
}

/* target phone landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation:landscape) {
	
	#embargo{width:60%}
	
	#pr_text{width:99%}
	
	#pr_contacts {
	display:inline-block; 
	width:100%}

	#glance { 
	width:50%;
	float:right; 
	margin-left:0
	}

	#pr_share {
	float:left;
	padding:8px 24px 20px 0;
	width:100%
	}	

	#pr_body {
	font-size:1.2em;
	margin:0; 
	padding:0
	}

	#pr_contacts {
	width:100%;
	font-size:.9em
	}

	.info2 {  /* editorial and abstract links */
	font-size:1em
	} 

	#pr_resources img {
	border-top:1px dashed #000;
	margin-top: 0px;  
	padding-top:30px
	}

	#pr_resources {
	width:60%;
	float:none;
	margint:0 !important
	}

	#pr_resources .resource-col-heading {
	font-size:1.6em !important
	}

	#pr_resources p {
	font-size:.75em;
	font-weight:600;
	width:120%
	}

	#footnotes{
	margin-bottom: 10px; 
	border-bottom:1px dashed #666
	}

	.headshot-link,.headshot-caption {
	font-style:italic;
	font-size:1.1em;
	line-height:normal
	}

	h1 {
	font-size:.8em!important
	}
	.restitle{
	font-size: .8em!important
	}
	#released{padding-bottom:20px }
}

/* target phone/tablet portrait */
@media only screen and (max-width:567px) {

	#glance {
	max-width:95%;
	float:left;
	margin-left:6px
	}

	#pr_share {
	float:left;
	margin:8px 24px 20px 0
	}

	#pr_body {
	font-size:1.2em
	}

	.media-container {
	width:100%;  
	font-size:1.6em !important;
	margin:0 auto -.25em;
	padding-left:20px
	}

	#pr_contacts {
	width:200px
	}

	.info2 { /* editorial and abstract links */
	font-size:1.2em !important; 
	margin-bottom: 10px
	} 

	#pr_resources {
	width:80%;
	float:none;
	margin:0 !important
	}

	#pr_resources img {border-top:1px dashed #000; 
	margin-top: 20px;  
	padding-top:20px
	}

	#pr_resources div,#pr_resources td {
	margin:0 -60px 0 0 
	}

	#pr_resources p {
	font-size:.75em;
	font-weight:600;
	margin:0 0 0 -40px;
	padding:0
	}

	#pr_resources .resource-col-heading {
	font-size:1.6em !important	
	}

	#footnotes{
	margin-bottom: 10px; 
	border-bottom:1px dashed #666
	}
	
	.restitle{
	font-size: .8em!important
	}

	.headshot-link,.headshot-caption {
	font-style:italic;
	font-size:1.1em;
	line-height:normal
	}

	h1 {
	font-size:.8em!important
	}
}

/* target tablet landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){ 
	
	#glance{
	width:100%;
	float:right;
	margin-right:18px
	} 
	
	#pr_resources div,#pr_resources td{
	margin-left:-30px;
	margin-right:-60px;
	max-width:350px
	}
	
	.media-container{
	width:100%; 
	margin:0
	}
	
	#pr_text{
	width:66%
	}
}