/* ---------- Information component viewer styles ---------- */

/* ----- Style that can be used for the viewer control itself ----- */
.InformationComponentViewer
{
	left: 0px;
	top: 0px;
	text-align: left;
	vertical-align: middle;
}


/* ----- Styles for sub-elements of the viewer (the classes are written in Layout.xml) ----- */

/* ----- Styles for text mode ----- */
.InfoComponentTextHedLine_hl0
{
	font-weight: bold;
	font-size: 175%;
	font-family: Arial;
	text-align: justify;
}
.InfoComponentTextHedLine_hl1
{
	font-weight: bold;
	font-size: 160%;
	font-family: Arial;
	text-align: justify;
}
.InfoComponentTextHedLine_hl2
{
	font-weight: bold;
	font-size: 150%;
	font-family: Arial;
	color: Gray;
	text-align: justify;
}
.InfoComponentTextLead
{
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	padding-left: 25%;
	color: Blue;
}
.InfoComponentTextByline
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Green;
}
.InfoComponentTextSupplementary
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Orange;
}
.InfoComponentTextTable
{
	font-weight: bold;
	font-size: 140%;
	font-family: Arial;
	color: Blue;
}
.InfoComponentTextContinuation_To
{
	font-weight: bold;
	font-size: 140%;
	font-family: Arial;
	color: Teal;
}
.InfoComponentTextContinuation_From
{
	font-weight: bold;
	font-size: 140%;
	font-family: Arial;
	color: Orange;
}
.InfoComponentTextPicture
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Purple;
}
.InfoComponentTextGroup
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Purple;
}
.InfoComponentTextAdFrame
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Red;
}
.InfoComponentTextAdLogo
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Red;
}
.InfoComponentTextAdPicture
{
	font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	color: Green;
}
.InfoComponentTextContent
{
	color: Black;
	font-size: 100%;
	/*text-align: justify;*/
}
.InfoComponentTextCaption
{
	font-weight: bold;
	font-size: 140%;
	font-family: Arial;
	color: Green;
	/*text-align: justify;*/
}
.InfoComponentTextPrimitive
{
}
.InfoComponentTextPrimTagAUT
{
	font-size: 100%;
	font-family: Tahoma;
	text-align: justify;
}
.InfoComponentTextPrimTagTTL
{
	font-size: 100%;
	font-family: Tahoma;
	text-align: justify;
	font-style: italic;
}
.InfoComponentTextHit
{
	background-color: #fa8072;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	overflow: visible;
	text-decoration: underline;
}
.InfoComponentTextCurrentHit
{
	background-color: #fa8072;
	/*background-color: #ffdead;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	overflow: visible;
	text-decoration: underline;
}
.InfoComponentLink
{
	cursor: pointer;
	color: #2222ff;
}
.InfoComponentLink:hover
{
	cursor: pointer;
	background-color: #2fffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
.InfoComponentTextEmbedLink
{
	font-size: 100%;
	cursor: pointer;
	color: #2222ff;
}
.InfoComponentTextEmbedLink:hover
{
	cursor: pointer;
	background-color: #2fffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
.InfoComponentTextPara
{
}
.InfoComponentTextParaFooter
{
}
.InfoComponentTextLineBreak
{
	font-weight:normal;
	font-size: 2px;
	font-family: Tahoma;
	height: 5px;
	margin: 0px;
}
.InfoComponentTextIndent
{
	font-size: 2px;
	margin: 0px;
	padding: 0px 4px 0px 4px;
}


/* ----- Styles for image mode ----- */
.InfoComponentImagePageContainer
{
	font-size: 12px; /* not needed - InfoComponentImageHit keeps hits from moving down on IE */
}
.InfoComponentImagePage
{
/*	margin: 10px 0px 0px 20px;*/
}
.InfoComponentImagePageHeader, .InfoComponentTextPageHeader
{
	font-size: 14px;
	padding: 3px 0px 7px 3px;
}
.InfoComponentImagePagePrintDivider
{
	page-break-before: always;
	font-size: 2px;
	height: 2px;
}
.InfoComponentImageHit
{
	font-size: 4px; /*small hits disappear on IE if font-size < 4px */
}
.InfoComponentImageLink, .InfoComponentImageLinkContinue
{
	cursor: pointer;
	background-color: #bfffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	font-size: 4px;
}
.InfoComponentImageLink:hover, .InfoComponentImageLinkContinue:hover
{
	cursor: pointer;
	background-color: #5fffff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	font-size: 4px;
}
.InfoComponentImageLinkImg, .InfoComponentImageLinkContinueImg
{
	position:absolute;
	width:100%;
	height: 3px;
	bottom: 0px;
	background-color: #2222ff;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}