/* common styles
===================================================================*/
body, form, p, h1, h2, table
{
	margin:0;
}
body
{
	background-color:#E2E2E2; text-align:center;
}
a
{
	color: #444444;
}
a:hover
{
	color: #444444; 
	text-decoration:underline;
}
h1 span, h2 span
{
	display: none; /* \*/ display: block; position: absolute; left: -9999px; /* */
}

h1 {
	font-size:20px;
	color:#000000;
	margin-bottom:20px;
	margin-top:40px;
}

/*Main Menu
===================================================================*/
.FlyoutNav
{
	position:absolute;
	top:156px;
	width:270px;
	height:auto;
	z-index:10;
	overflow:visible;
	padding-left:0px;
	margin-left:0px;
}

.FlyoutNav ul
{
	float:left;
	margin-left:0;
	padding:0;
}

.BGIFrame
{
	overflow:hidden;
	width:192px;
	height:1px;
	border:none;
	z-index:100;
	/*iframe.Attributes.Add("scroll","no");
	iframe.Attributes.Add("width","192");
	iframe.Attributes.Add("title","FlyOutMenuItem");
	iframe.Attributes.Add("height","1");
	iframe.Attributes.Add("frameborder","no");
	iframe.Style.Add("z-index","100");*/
}

.Level1 li
{
	float:left;
	padding-left:0px;
	margin-left:0px;
	list-style:none;
	height:24px;
	cursor:hand;
	text-align:center;
}


.LV1Arw
{
	position:absolute;
	left:260px;
	margin-top:8px;
}


.Level1 ul
{
	margin-top:-22px;
	margin-left:0px;
	padding:0;
	left:270px;
	width:192px;
	text-align:left;
}


.Level1 a
{
	width:270px;
	text-align:center;
}

.Arw
{
	float:right;
	margin-right:7px;
}

.Show
{
	background-color:#EFEFEF;
}


.Show ul
{
	display:block;
}

.Show .Preview
{
	display:block;
}

.Hide
{
	background-color:#FFFFFF;
}



.Hide ul
{
	display:none;
}

.Hide .Preview
{
	display:none;
}

.Hide .LV1Arw
{
	visibility:hidden;
}

.Level2
{	
	position:absolute;
	width:191px;
	left:191px;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.Level2 li
{
	float:left;
	position:absolute;
	height:24px !important;
	width: 192px;
	left:0px;
	top:0px;
	text-align:left;
	border:1px solid #666666;
	border-bottom:none;
	color:#333333;
	list-style-type: none;
	z-index:200;
}

.Level2 li a
{
	float:left;
	width:auto;
	margin-top:5px;
	margin-left:15px;
	color:#5e5e5e;
	text-decoration:none;
	font-size:12px;
}

.Level2 li a:hover
{
	text-decoration:none;
	color:#222222;
}

.Level2 li img
{
	float:right;
	visibility:visible;
	margin-top:8px;
}

.Level2 ul
{
	left:190px;
	top:-1px;
	margin-top:0px;
}

html >body .Level2 ul {left:192px; } /* IE browser ignores this css rule */
html >body .Level2 li .Preview{left:193px;}

.Level2 li .Preview
{
	position:absolute;
	width:346px;
	height:auto;
	top:-1px;
	left:190px;
	z-index:400;
	overflow:hidden;
	padding:0px;
	background-color:#FFFFFF;
	border-top: solid 1px #666666;
	border-right:solid 2px #666666;
	border-left: solid 1px #444444;
	border-bottom:solid 2px #444444;
}

.Level2 li .PreviewIframe
{
	width:344px;
	height:200px;
	z-index:500;
}


/*Rich Media Unit
===================================================================*/
@media screen
{
	.RichMediaUnit
	{
		position:relative;
	}

	.RMUCaptionBG
	{
		background-color:#000000;
		width:100%;
		left:0px;
		bottom:0px;
		height:23px;
		position:absolute;
		filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
		position:absolute;
		z-index:50;
	}

	.RMUCaption
	{
		position:absolute;
		left:0px;
		width:100%;
		font-size:70%;
		display:block;
		bottom:0px;
		position:absolute;
		padding:7px;
		color:#FFFFFF;
		text-align:left;
		z-index:60;
	}
}

@media print
{
	.RichMediaUnit
	{
		display:none;
	}

	.RMUCaptionBG
	{
		display:none;
	}

	.RMUCaption
	{
		display:none;
	}
}

/*Preview Item
===================================================================*/
@media screen {
	.PreviewMother {
		float: left;
	}
}
@media print {
	.PreviewMother 
	{
		position:relative;
		width:100%;
		margin-top:30px;
		}
	
	.PreviewMother .PreviewItem
	{
		margin-top:0;
		padding-top:0;
		padding-bottom:20px;
	}
	
}

.PreviewItem
{
	position:relative;
	width:500px;
	height:auto;
	margin-top:20px;
	padding:15px 0 15px 0;
	background-color:#E2E2E2;
	color:#222222;
	font-size:80%;
	float:left;
}
.PreviewItem a, .PreviewItem a:hover
{
	color:#222222;
}
.PreviewItem .Link
{
	position:relative;
	float: right;
	margin-right: 13px;
	margin-top: 10px;
}
.PreviewItem .VideoLink
{
	float:left;
	line-height:1.8;
}
.PreviewItem .VideoLink a
{
	margin-right:15px;
}
.PreviewItem img
{
	float:left;
	width:148px;
	height:111px;
	margin:0 28px 0 15px;
}
.PreviewItem .Title
{
	float:left;
	width:278px;
	font-weight:bold;
	line-height:1.3;
}
.PreviewItem .Abstract
{
	position:relative;
	float:left;
	margin-top:10px;
	line-height:1.3;
	overflow:display;
	display:block;
	width: 290px;
}
html>body .Abstract
{
	min-height:59px;
}

/*Paging Controls
===================================================================*/
.PageControls
{
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#ECECEC;
	height:60px;
	width:500px;
}

.PageControls Select.LeftSelect
{
	position:absolute;
	left:0px;
	top:20px;
	font-size:80%;
	margin:8px 0 0 30px;
	width:210px;
}

.PageControls Select.RightSelect
{
	position:absolute;
	left:240px;
	top:20px;
	font-size:80%;
	margin:8px 0 0 30px;
	width:210px;
}

.PageControls label
{
	float:left;
	color:#222222;
	font-size:80%;
	margin:10px 0 0 30px;
	width:210px;
}

/*Article
===================================================================*/
.ArticleTitleX
{
	xfloat:left;
	width:auto;
	margin-left:11px;
	margin-top:19px;
}
.Article {
	xfloat:left;
	xclear:none;
	Font-size:75%;
	padding-right:20px;
	margin-left:12px;
	margin-top:10px;
	color:#444444;
	line-height:1.4;
}

.ArticleTable{
	font-size:75%;
	color:#444444;
}

.ArticleImages
{
	float:right;
	width:auto;
	position:relative;
	margin-right:-190px;
	margin-left:30px;
}

.ArticleImages img
{
	display:list-item;
	margin-bottom:24px;
}

.ArticleLinks p
{
   margin-bottom:5px;
}

.Article a
{
	font-size:100%;
	/*color:#444444;*/
}



.ArticleLinks
{
	clear:both;
	margin-left:15px;
	margin-top:10px;
	font-size:80%;
	color:#444444;
	float:left;
	white-space:nowrap;
}


/*Content
===================================================================*/
#Content
{
	float:left;
	width:998px;
	background-color:#fff;
	overflow-x: display;
}
*html #Content {height: 490px;}
html>body #Content{min-height:490px;}

@media screen
{
	#LeftPanelUC_LeftContent
	{
		float:left;
		width:269px;
		background-color:#fff;
	}
	#rightContent
	{
		float:right;
		width:728px;
		height:auto;
		background-color:#fff;
		padding-bottom:50px;
	}
	.ContextMenu
	{
		float:right;
		margin-left:0px;
		background-color:#F5F5F5;
		overflow:hidden;
		width:190px;
		font-size:80%
	}
	#footerContent
	{
		float:left;
  		width:998px; 
  		margin-top:-3px;		
 	}

}
@media print
{
	
	body{
		margin:0; padding:0;}

	#LeftPanelUC_LeftContent
	{
		display:none;
	}
	#rightContent
	{
		position:relative;
		width:100%;
	}
	.ContextMenu
	{
		display:none;
	}
	#footerContent
	{
		display:none;
 	}

	#ContentArea_DisplayTopImage{
			display:none;
	}
	
	#ContentArea_PrintArea{
		position:relative;
		width:100%;
		height:100%;
		clear:both;
		
	}


	.TemplateContentWithMenu{
		width:100%;
		float:left;
		clear:both;
	}

	.Article ul{
		margin-bottom:12px;
	}
}



.ContentPrintArea {
	float: left;
	width:480px;
}
.contentWrapper
{
	position:relative;
	width:998px;
	height:auto;
	margin:0 auto;
}
html >body .contentWrapper{font-size:90%}
{
	font-size:10px;
	background-color:#FFFFFF;
} /*ensure that firefox browser shows the minimum of 10px when resizing the font */
body >#footerContent
{
	font-size:10px;
}
.LeftColumn
{
	top:0px;
	float:left;
	width:535px;
	height:auto;
}

.ContextNavigationContainer {
	float: right;
	width: 191px;
	font-size:98%;
}
html >body .ContextNavigationContainer
{
	font-size:100%;
	margin-top: 1px;
}

.contentWrapper, .wrapper{
	font: 85%/1.0 arial, verdana, sans-serif;
	text-align:left;
	background-color:#FFFFFF;	
}
.FootNotes
{
	float:left;
	width:500px;
	margin-left:15px;
	margin-top:18px;
	font-size:85%;
	color:#444444;
	line-height:1.4;
}
.TemplateContentWithMenu
{
	width:500px;
	float:left;
}
.PrintContainer
{
	float:right;
	position:relative;
	text-align:right;
	font-size:80%;
	right:36px;
	top: 26px;
	overflow-x:display;
}
.PrintContainer_Specs
{
	
	position: relative;
	font-size:78%;
	text-align: right;
}
a.PrintLink:link, a.PrintLink:visited
{
	line-height:1.4; 
	color:#444444;
}
.PreviousLink
{
	float:left;
	width:162px;
	font-size:80%;
}

.NextLink
{
	text-align:right;
	width:120px;
	font-size:80%;
}


.NextLink a, .PreviousLink a
{
	text-decoration:none;
	color:#444444;
}
.NoOfImages
{
	position:relative;
	width:485px;
	margin-top:8px;
	display:block;
	text-align:right;
	font-size:90%;
	color:#444444;
}
.NoOfPages
{
	width:192px;
	text-align:center;
	padding-bottom:10px;
	font-size:80%;
}
.NoOfPages a
{
	margin-right:3px;
	color:#444444;
}
.NoOfPages .Activepage
{
	font-weight:bold;
	text-decoration:none;
}
#ContentArea_DisplayTopImage
{
	float:left;
}


#bottomContent
{
	float:left;
	width:998px;
	height:auto;
	background-color:#FFFFFF;
}
#footerContent
{
	float:left;
  	width:998px;
}
#LeftPanelUC_Logo
{
	 position:relative;
	 margin-top:40px;
	 text-align:center;
}
#LeftPanelUC_Logo_Center
{
	 position:relative;
	 margin-top:140px;
	 text-align:center;
}

/*Context Menu
===================================================================*/
.ContextMenu
{
	float:right;
	margin-left:0px;
	background-color:#F5F5F5;
	overflow:hidden;
	width:192px;
}
.ContextMenu ul
{
	padding-left:0px;
	margin-left:0px;
	margin:0px;
	background-color:#D9D9D9;
	overflow:hidden;
	list-style-type:none;
}

.ContextMenu ul li
{
	border-top:solid 1px #F5F5F5;
	margin-left:0px;

}

.ContextMenu ul li a
{
	padding-top:4px;
	display:block;
	height:20px;
	padding-left:20px;
	text-decoration:none;
}
.ContextMenu ul li ul
{
	list-style:none;
	margin-left:0px;
	background-color:#E2E2E2;
}

.ContextMenu ul li ul li a
{
	margin-left:7px;
}

.CNSelected
{
	font-weight:bold;
	background-image:url(../Images/CM_Open.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px
}

.CNSelected a
{
	color:#000000;
}

.CNSelected a:hover
{
	color:#000000;
	text-decoration:underline;
}

.CNSelected ul
{
	display:block;
}

.CNUnSelected
{
	font-weight:normal;
	background-image:url(../Images/CM_Closed.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px
}

.CNUnSelected a
{
	color:#000000;
}

.CNUnSelected a:hover
{
	color:#000000;
	text-decoration:underline;
}

.CNUnSelected ul
{
	display:none;
}

.CNModelItem
{
	background-image:none;
	background-color:#999999;
}

.CNModelItem a
{
	color:#FFFFFF;
}

.CNModelItem a:hover
{
	color:#FFFFFF;
}

.CNHideChildren ul
{
	display:none;
}

/*Footer Links
===================================================================*/
#FooterLinks_FooterContent
{
  	background-color:#E2E2E2;
  	padding:18px 0 18px 0;
 }
#FooterLinks_FooterHyperLinks
{
	text-align:center;
}
#FooterLinks_FooterHyperLinks a
{
	font-size:80%;
	color:#333333;
	text-decoration:none;
	padding-left:9px;
	padding-right:9px;
}
#FooterLinks_FooterHyperLinks a:hover
{
	text-decoration:underline;
}

/*Model
===================================================================*/
.ModelRow
{
	position:relative;
	width:725px;
	display:block;
	clear:both;
}
.ModelOverviewItem
{
	position:relative;
	width:228px;
	height:105px;
	margin-right:10px;
	margin-bottom:3px;
	float:left;
	border:solid 1px #FFFFFF;
	cursor:hand;
}
.Outline
{
	border:solid 1px #000000;
}
.ModelOverviewItem .ModelLabel
{
	float:left;
	position:relative;
	left:18px;
	top:-20px;
}
.ModelOverviewItem a.ModelLink
{
	float:right;
	position:relative;
	color:#333333;
	font-size:80%;
	line-height:1.5;
	right:18px;
	top:-20px;
	text-decoration:underline;
}

/*No Flash
===================================================================*/
.NoFlash
{
	position:relative;
}

.NoFlash div
{
	background-color:#000000;
	width:100%;
	bottom:0px;
	height:23px;
	position:absolute;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

.NoFlash a
{
	width:100%;
	font-size:70%;
	display:block;
	position:absolute;
	padding:7px;
	color:#FFFFFF;
	bottom:0px;
	text-align:right;
}

.NoFlash a:hover
{
	color:#FFFFFF;
}

/*Info Unit
===================================================================*/
#InfoUnit_InfoUnitContainer
{
	display:none;
	text-align:center;
}

#InfoUnit_BGPanel
{
	margin:0 auto;
	position:absolute;
	width:675px;
}

#InfoUnit_InfoContent
{
	POSITION: absolute;
	TOP: 20px;
	left: 20px;
	Z-INDEX: 500;
	
}

#InfoUnit_InfoContentFrame
{
	z-index:800;	
}

#headerTop
{
	position:relative;
	width:100%;
	padding-top:15px;
	height:2em;
	font-size:80%;
}

#Panel_Print{
	float:left;
	width:100px;
	padding-left:45px;
	line-height:1.7;
}

#Panel_Print a{color:#000;}

#Panel_Close
{
	float:right;
	padding-right:22px;
}
#Panel_Close a, #Panel_Close a:hover
{
	text-decoration:none;
	color:#000;
}

/* Display Top Image
-----------------------------------*/
.InfoUnitBGShadow
{
	background-repeat:no-repeat;
	filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;
}


#InfoLayerContent
{
	z-index:800;
	background-image:url(../Images/BGWhite.gif);
}

@media screen
{
	#InfoLayerContent #MainContent
	{
		position:relative;
		width:610px;
		height:408px;
		top:10px;
		overflow:auto;
		z-index:1000;
		
	}
}

@media print
{
		
	#InfoLayerContent #MainContent
	{
		position:relative;
		width:610px;
		
	}
	
	#HeaderTop{
		width:610px;
		height:auto;
	}
	
	#InfoLayerContent span.PageHeader
	{
		height:31px;

	}
		

}

#InfoLayerContent #DisplayImage{
	position:relative;
	width:534px;
	height:181px;
	left:45px;
	top:8px;
	
}

#InfoLayerContent #MainImagePanel
{
	height:181px;
	background-repeat:no-repeat;
}

#InfoLayerContent #MainImagePanelRight
{
	background-repeat:no-repeat;
	float:right;
	width:240px;
}

#MainImagePanelRight img
{
 	float:right;
 	margin-right:15px;
}

#InfoLayerContent #MainImagePanel img
{
	float:left;
	margin-left:45px;
	
}


#InfoLayerContent .DisplayContent{
	position:relative;
	left:45px;
	width:530px;
	
}

#InfoLayerContent .DisplayContentLeft
{
	float:left;
	display:inline;
	margin-left:38px;
	
}


#InfoLayerContent .PageHeader
{
	position:relative;
	float:left;
	width:540px;
	left:-2px;
	text-align:left;
	margin-top:15px;
	margin-bottom:10px;
	font-size:160%;
	font-weight:bold;
}

.PageContentLeft
{

	float:left;
	width:265px;
	color:#444444;
	font-size:90%;
	text-align:left;
	line-height:1.4;
	padding-bottom:10px;
	
}

.PageContent
{

	float:left;
	width:100%;
	color:#444444;
	font-size:90%;
	text-align:left;
	line-height:1.4;
	padding-bottom:10px;
	
}


.PageLinks 
{
	margin-top:10px;
	float: left;
}
.PageLinks a
{
	font-size:90%;
}


/*
Home page buttons
*/
#SpecialButtons
{
	text-align:center;
	line-height:15px;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#DFF5E3;
	width:100px;
}
#SpecialButtons a
{
	color:#333333;
	text-decoration:none;
}
#SpecialButtons a:hover
{
	text-decoration:underline;
}