/* common styles
===================================================================*/
body, form, p, h1, h2, table
{
	margin:0;
}
body
{
	background-color:#E8E8E8; text-align:center;
}
a
{
	color: #444444;
}
a:hover
{
	color: #444444; 
	text-decoration:underline;
}

h1,h2, h3{
	margin:0;
	padding:0;
	color:#666666;
}

h1{
  font-size: 230%;
  font-family:arial;
  font-weight:100;
}

h2{font-size: 110%;}
h3{ font-size: 100%; }



/*Main Menu
===================================================================*/
.FlyoutNav
{
	position:absolute;
	top:197px;
	width:270px;
	height:auto;
	z-index:10;
	overflow:visible;
	padding-left:0px;
	margin-left:0px;
font-family:Verdana;
	font-weight:bold;
	font-size:13px;
}

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

.BGIFrame
{
	
	width:190px;
	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");*/
	display:none;
}

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


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

.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;
	height:300px;
	left:200px;

}

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

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

.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 */

.Level2 li .PreviewBody
{
	position:absolute;
	float:left;
	height:auto;
	left:-1px;
	top:-1px;
	z-index:400;
	background-color:#FFFFFF;
	border-top: solid 1px #666666;
	border-right:solid 2px #666666;
	border-left: solid 1px #444444;
	border-bottom:solid 2px #444444;
	padding:8px 10px 8px 8px;
	cursor:pointer;
}

.PreviewBody .PreviewNavImage
{
	float:left;
	margin:0;
}

.PreviewBody .PreviewNavTitle, .PreviewBody .PreviewNavAbstract
{
	float:left;
	width:308px;
}

.Level2 li a .PreviewBody .PreviewNavTitle img
{
	float:left;
	border:none;
}




/*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;
		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:#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:hidden;
	display:block;
	width: 290px;
}
html>body .Abstract
{
	min-height:59px;
}
/* for Internet Explorer */
/*\*/
* html .Abstract {
	height: 8em;
}
/**/


/*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{
	display:block; 
	float:left;
}

.ArticleTitle h1{
	float:left;
	position:relative;
	width:400px;
	height:34px;
	margin-top:24px;
	left:11px;
	background-repeat:no-repeat;
	line-height:1.4;
}

.ArticleTitle span.title{display:none;}


.Article{
	float:left;
	clear:both;
	font-size:88%;
	width:488px;
	padding-right:20px;
	margin-left:15px;
	margin-top:10px;
	color:#444444;
	line-height:1.4;
	
}

.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:90%;
	/*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:hidden;
}
*html #Content {height: 542px;}
html>body #Content{min-height:542px;}

@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;
  		position:relative; 
  		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{background-color:#FFFFFF; font-size:90%;}

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

#LeftPanelUC_BentleyLogo
{
	 position:relative;
	 margin-top:40px;
	 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:#E8E8E8;
}

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

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

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

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


.NoFlash span.NoflashMsg
{
	width:100%;
	font-size:70%;
	display:block;
	position:absolute;
	padding:7px;
	color:#FFFFFF;
	bottom:0px;
	right:5px;
	text-align:right;
}
/*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%;
}

/* Downloadwallpaper
=============================*/ 
.DownloadWrapper
{bottom:23px;
	right:0;
	position:absolute;
	background-color:#000000;
	padding:9px;
	filter:alpha(opacity=60);  -moz-opacity: 0.6;   opacity: 0.6;
	z-index:auto;
	}
.ImageSizeDimension{
	float:left;
	text-align:center;
	margin-right:13px;
}
.ImageSizeDimension a{
	background-position:1px 1px;
	display:block;
	filter:alpha(opacity=50);-moz-opacity:0.8;opacity:0.8;
}
/*#aDownloadOne:hover img{
filter:alpha(opacity=70);   
-moz-opacity: 1.0;   
opacity: 1.0;
}*/
.ImageSizeDimension img
{ 	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	border:1px solid #4d4d4d;	
}

.ImageSizeDimension a img
{ 	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	border:1px solid #4d4d4d;	
}
.contentWrapper .ImageSizeDimension span{
	float:left;
	font-size:0.7em;
	width:100%;
	margin-top:3px;
	color:#ffffff;
}
.SizeDimensionOne
{
	margin-top:26px;
	width:34px;
	height:25px;
	background-image:url(../images/800x600bg.gif);
	background-repeat:no-repeat;
}
.SizeDimensionOne a
{
    width:32px;
    height:23px;
}
.ImageSizeDimension a:hover{filter:alpha(opacity=100);-moz-opacity:10;opacity:10;}
.ImageSizeDimension .active{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.SizeDimensionTwo{
	margin-top:19px;
	width:44px;
	background-image:url(../images/1024x768bg.gif);
	background-repeat:no-repeat;
}

.SizeDimensionTwo a{
    width:42px;
    height:30px;
}

.SizeDimensionThree{
	margin-top:17px;
	width:55px;
	background-image:url(../images/1140x900.gif);
	background-repeat:no-repeat;
}

.SizeDimensionThree a{
    width:53px;
    height:32px;
}

.SizeDimensionFour{
	margin-top:13px;
	width:48px;
	background-image:url(../images/1280x800bg.gif);
	background-repeat:no-repeat;
}

.SizeDimensionFour a{
    width:47px;
    height:36px;
}

.SizeDimensionFive{
	margin-top:4px;
	width:58px;
	background-image:url(../images/1280x1024bg.gif);
	background-repeat:no-repeat;
}

.SizeDimensionFive a{
    width:56px;
    height:45px;
}

.SizeDimensionSix{
	width:68px;
	height:51px;
	background-image:url(../images/1600x1200bg.gif);
	background-repeat:no-repeat;
}

.SizeDimensionSix a{
    width:66px;
    height:49px;
}	

/* Table styling
==========================================================*/
.tableView 
{
	border:1px solid #CFCFCF;
	padding:0px;
	
}
.tableView .header {
	font-weight:bolder;
}
.tableView td {
	border: 1px solid #CFCFCF;
	padding: 0px;
	font-size:12px;
}