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

/*Main Menu
===================================================================*/
.FlyoutNav
{
	float:left;
	margin-top:53px;
	width:270px;
	height:auto;
	padding-left:0px;
	margin-left:0px;
}

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

.FlyoutNav ul.Level1
{
	margin:0;
}

.BGIFrame
{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:192px;
	height:1px;
	border:none;
	z-index:100;
}
.NavImage {
	margin-top: 5px;
}

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


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


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

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

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

.Show
{
	background-color:#EFEFEF;
	cursor: pointer;
}


.Show ul
{
	display:block;
}

.Show .Preview
{
	display:block;
}

.Hide
{
	background-color:#FFFFFF;
	cursor: pointer;
}



.Hide ul
{
	display:none;
}

.Hide .Preview
{
	display:none;
}

.Hide .LV1Arw
{
	visibility:hidden;
}

.Level2
{	
	position:absolute;
	width:191px;
	left:191px;
	border-top: 1px solid #666666;
}
html >body .Level2{margin-top:-1.68em;width:192px;border-top:none;}

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

.Level2 ul
{
	left:191px;
	width: 191px;
	top:0px;
	margin-top:0px;
	
}

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

.Level2 li a:visited{
	color:#222222;
}

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


/*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%;
		height:100%;
	}
}

.PreviewItem
{
	position:relative;
	width:500px;
	height:auto;
	margin-top:20px;
	padding:15px 0 15px 0;
	background-color:#E8E8E8;
	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
===================================================================*/
.ArticleTitle
{
	float:left;
	width:auto;
	margin-bottom:16px;
	margin-top:24px;
	margin-left: 8px;
}
.Article{
	float:left;
	clear:both;
	font-size:88%;
	width:400px;
	margin-left:0px;
	margin-top:10px;
	color:#444444;
	line-height:1.4;
}
.Article span{
	float:left;
}

.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;
}

.ArticleLinks a
{
	font-size:90%;
	/*color:#444444;*/
}

/*Content
===================================================================*/
#Content
{
	float:left;
	width:998px;
	background-color:#fff;
}
@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
{

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



.ContentPrintArea {
	float: left;
	width:480px;
}
.ContentPrintAreaFull 
{
	float: left;
	width:698px;
	border: solid 0px blue;
}
.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:520px;
	height:auto;
	margin-bottom:40px;
	border: solid 0px green;
}

.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;
	width:200px;
	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_BentleyLogo
{
	 position:relative;
	 margin-top:40px;
	 text-align:center;
}


/*Footer Links
===================================================================*/
#FooterLinks_FooterContent
{
  	background-color:#E8E8E8;
  	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;
}



/* Display Top Image not in use
-----------------------------------*/


.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;
		height:auto;
		top:10px;
		overflow:auto;
	}
}

#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;
	position:absolute;
	right:0px;
}

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

#MainImagePanelRight img
{
 	float:right;
 	padding-top:50px;
}


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

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


#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;
}

.PageContent
{

	float:left;
	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%;
}