﻿body.lockedOut { background-color: white; }
a.hoverSwitch { cursor: pointer; }
div#fontArea.article-p-medium { font-size: 1.2em; }
div#fontArea.article-p-large { font-size: 1.4em; }
#pnlPressRelease { display: none; padding: 10px 20px 1px 20px; margin-bottom: 15px; font-style: italic; }
#btnPressRelease { overflow: hidden; text-indent: -9000px; background-image: url(/images/ShowButton.png); background-repeat: no-repeat; background-position: -150px 0px; width: 150px; height: 30px; margin: 0 auto 10px auto; cursor: pointer; }
#btnPressRelease:hover { background-position: 0px 0px; }
#pnlRelatedItems { padding-left: 1.2em; padding-right: 1.2em; }
div.col4 { float: left; width: 25%; }
div.col4 p { font-size: 0.8em; margin: 8px 12px; }
div.col4 img { border: 1px solid #808080; width: 100%; height: auto; }
#pnlRelatedItems div.clearAll { height: 12px; }
#pnlRelatedItems p.SmallText { font-weight: bold; }
#pnlAnonymousUser { margin-left: 1em; margin-right: 1em; margin-bottom: 2em; }
p.abstract { overflow: hidden; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0))); font-weight: normal; }
#tblImage { float: right; max-width: 340px; margin: 0em 1em 1em; }
#tblImage p { padding: 0px; margin: 0px; font-size: 0.8em; }
@media screen and (min-width: 31em) and (max-width:1200px) { 
	div.col4 { width: 50%; }
	#pnlRelatedItems div.mobileClear { clear: both; }
	#pnlRelatedItems div.clearAll { height: auto; }
	#catfishHolder { position: fixed; bottom: 0; width: 100%; height: auto; padding: 0px; margin: 0px; }
	#catfishContainer { max-width: 1368px; margin-left: auto; margin-right: auto; }
	#catfishTitleArea { padding: 0.5em 1em; background-color: #323232; box-shadow: 0px -3px 25px #888; }
	#catfishContent { display: none; background-color: white; padding: 1em 0em; width: 100%; border-top: 1px solid #888; box-shadow: -3px 0px 25px #888; }
	#catfishEditorImg { float: left; width: 176px; }
	#catfishLayoutImg { float: right; width: 240px; }
	#catfishLayoutImg img { width: 100%; height: auto; }
	#catfishEditorMsg { margin: 0px 250px 0px 186px; }
	.catfishHeader { margin: 4px 0px 0px 0px; float: left; font-size: 1.6em; }
	div.catfishOpen { background-color: #d34836; float: right; padding: 6px; margin: 5px; font-size: 1.2em; }
	#hiddenClose { display: none; }
}
@media screen and (min-width: 10em) and (max-width:1065px) {
	#catfishContent { padding: 0.1em 0em; }
	#catfishEditorImg { width: 12%; }
	#catfishEditorImg img { width: 100%; height: auto; }
	#catfishLayoutImg { display: none; }
	#catfishEditorMsg { margin: 0px 8px 0px 13%; }
	#catfishEditorMsg img { width: 32px; height: auto; }
	#catfishEditorMsg p { font-size: 0.8em; padding: 0px; }
	#catfishEditorMsg h2 { font-size: 1em; }
	.catfishHeader { margin: 6px 0px 0px 0px; float: left; font-size: 0.8em; }
	div.catfishOpen { background-color: #d34836; float: right; padding: 4px; margin: 2px -5px 2px 2px; font-size: 0.8em; }
	#hiddenClose { display: block; }
	#catfishImg { display: none; }
}
@media screen and (min-width: 10em) and (max-width:30.999em) { /* 320px - 495px */
	div.col4 { display: block; width: 100%; }
	#pnlRelatedItems { padding-left: 0em; padding-right: 0em; }
	#pnlRelatedItems div.clearAll { height: auto; }
	#pnlRelatedItems p.SmallText { padding-top: 8px; }
}
@media screen and (min-width: 10em) and (max-width:47.9em) {
	div#fontArea.article-p-medium p { font-size: 0.9em; }
	div#fontArea.article-p-large p { font-size: 1em; }
}
@media screen and (max-width: 24em) {
	h1.articleTitle { font-size: 1.6em; }
}
@media screen and (min-width: 768px) and (max-width: 920px) {
	#tblImage { float: none; display:inline; text-align: center; margin: 0em; }
	#tblImage img { width: 100%; height: auto; }
	#tblImage p { margin: 0.25em 0.5em; }
}
@media screen and (min-width: 768px) and (max-width: 920px) {
	#tblImage { float: none; display:inline; text-align: center; margin: 0em; }
	#tblImage img { width: 100%; height: auto; }
	#tblImage p { margin: 0.25em 0.5em; }
}
@media screen and (min-width: 200px) and (max-width: 580px) {
	#tblImage { float: none; display:inline; text-align: center; margin: 0em; }
	#tblImage img { width: 100%; height: auto; }
	#tblImage p { margin: 0.25em 0.5em; }
}
.styled-table { padding: 0;  margin: 0px 0px 20px 0px;  border-collapse: collapse;  border: 1px solid #008828;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;  background: #f9fafe bottom left repeat-x; width: 100%; }
.styled-table th, .styled-table td {  border: 1px dotted #008828;  padding: 3px;  text-align: center;  color: #1a1a1a;}
.styled-table th[scope=col] {  background: #008828 top left repeat-x;  color: #ffffff; text-transform: uppercase; border-bottom: 2px solid #008828;  border-right: 2px solid #008828; }
.styled-table th+th[scope=col] {  color: #fff;  background-color: #008828;  border-right: 1px dotted #008828; }
.styled-table th[scope=row] {  background-color: #ffffff;  border-right: 2px solid #008828; font-weight: normal;}
.styled-table tr.alt th, .styled-table tr.alt td {  color: black; background-color: #e8e8e8; }
.styled-table tr:hover th[scope=row], .styled-table tr:hover td {  background-color: #efd053;  color: #1a1a1a; }
.styled-table td p, .styled-table td, .styled-table th  { font-size: 9pt; padding: 0px; margin: 0px; }

#fontArea ul.bullet li { line-height: 140%; margin-bottom: 0.9em; }