/*  REQUIRED styles */
a.skipnav {display:none;}

/* Body and General */
a {text-decoration:none; color: #CC3333;}
a:visited {}
a:hover{text-decoration:underline;}

body, html { line-height: 1.5em; padding-right: 0px;padding-left: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: normal; background-color: #FEFEFE; margin: 0px;font-family: Arial; font-size: 12px; height: 100%; }
hr {border: solid 0px Gray; height: 1px; color: Silver ;}

#pageTable { width: 955px; }

.menuTable {background-color: #EC1C24; border:0px ; padding: 0px;}
.menuHeadline {color:#EC1C24; text-decoration:none; font-size: 18px; font-family:Arial; padding-bottom:10px;padding-left:3px;}

.menuContentArea { width: 220px; }
.mainContentArea { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 10px; margin: 0px; }

/* Article */
.dmHeadlineFrontpage		{font-size: 18px; font-family:Arial; font-weight: bold; text-decoration:none; }
.dmHeadlineFrontpage a		{font-size: 18px;}
.dmAbstractFrontpage		{font-size: 12px; font-family:Arial; font-weight: normal; }
.dmAbstractFrontpage a		{font-size: 12px; font-family:Arial; text-decoration: underline;  font-weight: normal;}
.dmFullstoryFrontpage		{font-size: 12px; font-family:Arial; color: #333333;  font-weight: normal; }
.dmFullstoryFrontpage a		{font-size: 12px; font-family:Arial; text-decoration: underline;  font-weight: normal; }
.frontpageImageFrontpage	{padding-left:20px;}
.dmReadmoreFrontpage		{padding-bottom: 20px; padding-left: 20px; }
.dmReadmoreFrontpage a		{font-size: 10px; font-family:Arial; }

.dmHeadline			{font-family: Arial; font-size: 18px;  color: #CC3333; text-decoration:none; padding: 0px 20px 5px 0px; font-weight: bold; line-height: 22px; display: block;}
.dmHeadline a		{font-size: 18px; color: #CC3333; }
.dmHeadlineSmall	{font-family: Arial; text-decoration: none;  padding: 0px 20px 5px 0px; font-weight: bold; display: block;}
.dmHeadlineSmall a	{font-size: 14px; color: #CC3333; }
.dmAbstract			{font-size: 12px; font-family:Arial; color: #000000; padding: 0px 20px 10px 0px; display: block;}
	
.dmFullstory		{font-size: 12px;font-family:Arial;color: #000000;padding: 0px 20px 20px 0px; display: block; }
.dmDate				{font-size: 10px;font-family:Arial;color: #CC3333;padding: 0px 20px 0px 0px; display: block;}
.dmDate	a			{font-size: 10px;font-family:Arial;color: #CC3333;padding: 0px 20px 0px 0px; display: block;}
.dmReadmore			{padding-bottom: 20px; padding-left: 0px; }
.dmReadmore	a		{font-size: 12px; font-family:Arial; color: #FFFFFF; }
.dmReadmoreArt		{padding-bottom: 20px; padding-left: 0px; }

.dmThumbnailImage	{padding-bottom: 5px; padding-right: 10px; }


.ExcerciseImageCol		{padding-right: 20px; text-align: left; vertical-align: top;}
.dmHeadlineExcercise	{color: #202020; font-size: 16px; font-weight:bold; font-family:'Arial'; text-decoration:none;}
.dmAbstractExcercise	{font-size: 12px; font-family:Arial; color: #000000;}
.dmFullstoryExcercise	{font-size: 12px; font-family:Arial;color: #000000;}
.ExcerciseTitle			{font-size: 18px; padding-left: 10px; font-family:'Arial'; font-weight:bold;}

.dmHeadlineExcercise div {display:inline;}
.dmAbstractExcercise div {display:inline;}


/* Screenshots and Thumbnails */
div.screenshots
{
	padding-bottom:15px;
	padding-top:7px;
}
.thumbs
{
	width: 60px;
 	/* to fix some IE bug, which cut off the bottom border, I added an extra pixel to the original size of the thumb image */
	/*   doesn't make any (visible) difference in other browsers, but IE */
	height: 46px;
	border: solid 1px #BBBBBB;
	margin: 0px 5px 0px 0px; /*top, right, bottom, left*/
	cursor: pointer;
	opacity:.5;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	
}
.thumbOver
{
	width: 60px;
	/* to fix some IE bug, which cut off the bottom border, I added an extra pixel to the original size of the thumb image */
	/*   doesn't make any (visible) difference in other browsers, but IE */
	height: 46px; 
	border: solid 1px #FF0000;
	margin: 0px 5px 0px 0px; /*top, right, bottom, left*/
	cursor: pointer;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}

ul
{
	padding: 0px;
	margin: 15px;
	margin-bottom:0px;
}

ul li 
{
	padding: 2px;
	padding-top:0px;
	margin: 0px;
}



/* dmRelated */
.dmArticleRelatedLink		{font-size: 12px; color: #CC3333;}
.dmArticleRelatedDocument	{font-size: 12px; color: #CC3333;}
.dmArticleRelatedArticle	{font-size: 12px; color: #CC3333;}
.dmRelations				{width: 100%; font-size: 12px; padding-left: 20px;  font-family:Arial; display: block; font-weight: bold; background-color: #FFFFFF; color: #000000;}
.dmRelations li				{font-weight: normal; list-style-type: disc; padding-left: 0px; padding-right:5px; margin-left: 0px; }
.dmRelations ol				{font-weight: normal; list-style-type: disc; padding-left: 0px; margin-left: 0px;}
.dmRelations ul				{font-weight: normal; list-style-type: disc; padding-left: 0px;  margin-left: 0px; }
.dmRightImage				{padding: 10px 0px 10px 0px;}

/* Search styles */
.SearchBoxTop {}
.SearchBoxTopButton	{vertical-align: top; padding-right: 10px;}
.dmSearchInput		{vertical-align: middle; border: solid 1px white; margin-right: 10px;}
.dmSearchButton		{text-decoration: underline; font-size: 12px;}
.SearchBoxInput		{vertical-align: top; border: solid 1px #CC3333; margin-right: 10px;}
.SearchBoxButton	{vertical-align: top; border: solid 1px #FFFFFF; background-color:#CC3333; color: White;}
.dmResultRank		{background-color: #CC3333; height: 10px;}

/* Footer */
.footerText {color: #888888; font-family: Arial; font-size: 10px; display: block; text-align: center; }
.footerText a { color: #888888; }


/*Login page*/

.dmLogin {border-style:none;}
.dmLoginButton {display:block; margin-top:10px; color:White; background-color: #CC3333;border-style: solid; border-color:#890B14;}

/*********************** NEW STYLES ********************/
#MainMenu {margin-top: 20px; }
.MainMenu  {Display: block; text-align: left;  font-family: Helvetica; width: 220px; margin: 0px; background-color: #ffffff; }
#MainMenu .lvl1 {}
#MainMenu .lvl2, .MainMenuLoginStatus
{
	background-position: left bottom;
	font-weight: bold;
	font-size: 14px;
	background-color: #CCCCCC;
	padding: 5px 5px 5px 15px;
	vertical-align: middle;
	color: #808080;
	margin-bottom: 3px;
	width: auto;
}
#MainMenu .lvl2:hover, .MainMenuLoginStatus:hover { background-color: #DDDDDD; }
#MainMenu .lvl3 { width: auto; font-weight: normal; font-size: 12px; vertical-align: middle; padding: 4px 4px 4px 25px; color: #000000; background-color: #EEEEEE; margin-bottom: 3px; }
#MainMenu .lvl3:hover { background-color: #DDDDDD; }
#MainMenu .lvl4 { width: auto; font-weight: normal; font-size: 12px; vertical-align: middle; padding: 4px 4px 4px 35px; color: #000000; background-color: #EEEEEE; margin-bottom: 3px; }
#MainMenu .lvl4:hover { background-color: #DDDDDD; }
#MainMenu .lvl5 { width: auto; font-weight: normal; font-size: 12px; vertical-align: middle; padding: 4px 4px 4px 45px; color: #000000; background-color: #EEEEEE; margin-bottom: 3px; }
#MainMenu .lvl5:hover { background-color: #DDDDDD; }
#MainMenu .lvl6 { width: auto; font-weight: normal; font-size: 12px; vertical-align: middle; padding: 4px 4px 4px 55px; color: #000000; background-color: #EEEEEE; margin-bottom: 3px; }
#MainMenu .lvl6:hover { background-color: #DDDDDD; }
#MainMenu .inPath  { color:#CC3333; }
#MainMenu .isActive { color: #CC3333; background-color: #DDDDDD; }


#TopMenu { padding-right: 50px; background-color:#000000; color:#FEFEFE;}
.TopMenu { font-family: Arial; color: #FFFFFF; font-size: 11px; padding-right: 10px; }
#TopMenu .lvl1 {}
#TopMenu .lvl2 {}
#TopMenu .lvl3 {}
#TopMenu .lvl4 {}
#TopMenu .lvl5 {}

.SearchBoxPanel {position: relative; top: 0px; right: 0px; background-color: #000000; padding-top: 4px; padding-right: 4px; }
.SearchBoxPanel a { color: #FFFFFF; }
.SearchBoxPanel .searchField { text-align: right; font-size: 11px; padding-left: 10px; padding-right: 10px; margin: 0px; width: 125px; }
.SearchBoxPanel .searchField .imageButton { vertical-align: text-bottom; border: solid 2px #E31B23; }
.SearchBoxPanel .searchField .textBox {vertical-align: top; font-size: 10px; border: solid 1px #CCCCCC; height: 14px; width: 90px; }
.SearchBoxPanel .flagButton { vertical-align: middle; width: 30px; font-size: 11px; }
.bodyBgRepeat { }

/****************************/
/* Styles for the NewLayout */

.nuContent { background-color: #000000; color:#FEFEFE;}
.nuContentWhiteBg { background-color: #FEFEFE; color:#000000;}
.temphide {display: none; }

/* NewLayout: Frontpage */
.nuFrontLayout { margin-right: 20px; margin-left: 25px; margin-top:10px; } 
.nuFrontMainTable {  margin-bottom: 10px;  padding: 0px; vertical-align: top;}
.nuFrontMainTableRow { vertical-align: top; }

.nuFrontMainMenu { margin-bottom: 10px; padding: 0px; vertical-align: top; table-layout: fixed; }
.nuFrontMainMenu tr { vertical-align: top; }
.nuFrontMainMenu td { vertical-align: top; }
.nuFrontMainMenu h1 { color: #CC3333; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; margin: 0px 1px 0px 1px; padding: 3px 3px 3px 3px; vertical-align: middle;  background-color: #EEEEEE; line-height: normal; }
.nuFrontMainMenu h1:hover { background-color: #DDDDDD; }
.nuFrontMainMenu .linkMore { color: #000000; font-size: 12px; font-family: Arial; margin: 4px 1px 0px 1px; padding: 2px 2px 2px 2px; background-color: #EEEEEE; }
.nuFrontMainMenu .linkMore:hover { background-color: #DDDDDD; }
.nuFrontMainMenu a { color: #000000; }

.nuFrontSubMenu { margin: 0px;}
.nuFrontSubMenu a { color: #000000;}
.nuFrontSubMenu h2 { color: #000000; font-size: 12px; line-height: normal; font-family: Arial; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 5px; vertical-align: middle;  background-color: #DDDDDD;}
.nuFrontSubMenu h2:hover { background-color: #a9a9a9;}
.nuFrontSubMenu a:hover { color:#ffffff; }


.slideShowImage{ border-style: none; }

.nuFrontSeperator { width: 100%; border-collapse: collapse; border-bottom-style: none; border-top: solid 1px #850019; }

.nuFrontNewsTable { width: 100%; margin-top: 10px; vertical-align: top;}
.nuFrontNewsTable tr { vertical-align: top; }

.nuFrontNews { vertical-align: top; }
.nuFrontNews h1 { color: #CC3333; font-size: 12px; line-height: normal; font-weight: bold; padding: 0px; margin: 0px; }
.nuFrontNews .dmAbstract { font-size: 12px; color: #000000; }
.nuFrontNews a { font-size: 12px; color: #CC3333; }

/* Generic styles */
.nuRelated { font-size: 12px; padding: 0px; margin: 0px; width: 100%; }
.nuRelatedText { font-weight: normal; padding: 0px; margin: 0px; }
.nuRelatedTitle { color: #CC3333; font-weight: bold; padding: 0px; margin: 0px; }
.nuRelatedText p, .nuRelatedText div { margin: 0px 0px 10px 0px; padding: 0px; display: inline; }
.nuSeperator, .nuSeperator90 { width: 100%; border-collapse: collapse; border-bottom-style: none; border-top: solid 1px #CC3333; }
.nuSeperator90 { width: 90%; text-align: center; }
.nuImageCaption { font-size: 11px; font-style: italic; margin-top: 5px; text-align: left; }


/* Popup layers */
.popupLayer
{
	z-index: 100;
	width:600px;
	height:475px;
	border: 1px solid #000000;
	color:#000000;
	background-color:#FFFFFF;
	position:absolute;
	margin-top:10px;
	padding:0px;
	font-size:12px;
	margin-left:175px;
}
.popupLayerWider
{
	z-index: 100;
	width:850px;
	height:475px;
	border: 1px solid #000000;
	color:#000000;
	background-color:#FFFFFF;
	position:absolute;
	margin-top:10px;
	padding:0px;
	font-size:12px;
	margin-left:75px;
}
.popupIframeWider
{
	width:840px;
	height:450px; 
    background-color:#FFFFFF;
    padding:0px;
}
.popupIframe
{
	width:590px;
	height:450px; 
    background-color:#FFFFFF;
    padding:0px;
}
.fieldBox
{
	border: solid 1px #999999;
}

/* Download Layer */
.downloadLayerTitle
{
	background-color:#86001b;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.licenseDiv
{
	width:98%;
	height:230px;
	background-color:#FFFFFF;
	border: solid 1px #cccccc; 
	overflow: auto; 
	padding: 4px; 
	padding-top:0px; 
	margin-top:5px; 
	font-size:11px;
}


/* Feedback Layer */
.feedbackLayerTitle
{
	/* background-color:#86001b; */
	background-color:#3a70a5;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}


.smallBoldText
{
	font-size:11px;
	font-weight:bold;
}
.medBoldText
{
	font-size:12px;
	font-weight:bold;
}