/* CSS Document */

/*
======================================================================================================
Colors
======================================================================================================

clear brown: #CC6600
brown: #663300


*/

/*
======================================================================================================
Positioning of main containers
======================================================================================================
*/

body{background-color: #FFF; padding: 0px 0px 0px 0px; margin: 0;}

#container{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	border-top: 1px solid #FFFFFF;  /* border needed as reference point in Firefox */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	line-height: 1.2em;
}
.popupContainer { 
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	line-height: 1.2em;
}

#logo{position: absolute; top: 20px; left: 20px;}

#siteFunctions{ height:35px; width: 880px; padding-top: 60px; z-index: 100; }

#navigation{
	position: absolute; 
	top: 120px; 
	left: 0px; 
	width: 160px;
	line-height: 1.2em;
	z-index: 100;
}
	
#header {
	position: relative; 
	margin-bottom: 0px; 
	padding: 20px 0px 0px 0px; 
	height: auto; 
	width: 880px;
}

#content{position: relative; margin-left: 190px; width: 690px; }

#footer{ margin-left: 190px; 
	border-top: 1px solid #999; 
	width: 690px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

/*
======================================================================================================
Custom Header
======================================================================================================
*/

#customHeader{position: absolute; 
	top: 0px; 
	left: 0px; 
	background-color: #dddddd; 
	width: 100%; 
	height: 85px; 
	border-bottom:3px solid #ccc; 
	z-index: 0;
}
#logoPrint{display: none;}
	
/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

	a { color:#CC6600; }
	
	a:hover { color:#666666; }

	a.active { color:#666666; }

	dl, dt, dd { padding: 0px; margin: 0px; }

	h1 { font-size: 20px; color: #666666; margin: 0; text-transform: uppercase;margin: 10px 0px 10px 0px; font-weight:lighter;}
	
	h2 { color: #666666; font-size: 1em;}
	
	h3 { color: #666666; font-size: 1em;}

	img { border:none; }

	ul { padding:0px; margin:0px; list-style:none; }

	ul.radioGroup { margin:0px; padding:0px; }

	li { padding:0px; margin:0px; }

	
/*
Styles for forms
--------------------------------------------------------------------------------------------------
*/

	.button { padding: 2px; }

	label { display:block; float:left; padding:1px; text-align:left; font-size: 12px; }

	label.inlineLabel { display:inline; clear:none; float:none; padding:1px; text-align:left; }

	label.inlineLabelFrom, 
	label.inlineLabelTo { display:inline; clear:none; float:none; padding:1px; text-align:left; }

	label.inlineLabelTo { padding-left: 10px; }

	.radioGroup label { display:inline; clear:none; float:none; padding:1px; text-align:left; }

	.checkboxGroup label { display:inline; clear:none; float:none; padding:1px; text-align:left; }


	fieldset { margin:0px; padding:10px 0px 10px 0px; border: solid 1px #ccc; }

	fieldset.inlineFieldset { border: none; display:inline; margin:0px; padding: 2px }

	legend { color: #666; }

	input, 
	select, 
	textarea { 
		background-color: #FFF; 
		color: #000; 
		border: 1px solid #CCC; 
		font-size: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding: 2px; 
	}

	input.submitButton,
	input.cancelButton,
	input.resetButton { display:inline; padding: 1px; }


	input.text:focus, 
	select:focus, 
	textarea:focus { background-color:#F5F5F5; }

	form p { margin:0px; padding:0px; }

	.formButton { text-align:right; padding:5px 20px 0px 0px; }

	.formItem { margin:0px; padding:0px; padding-bottom:5px; clear:both; }



/*
======================================================================================================
Styles shared accross containers and elements
======================================================================================================
*/

	.cleaner { clear: both; height:0px; font-size: 0px; line-height: 0px;}

	.error { color:#FF0000; }

	.errorMessage { color:#FF0000; padding-bottom:1em; }
	
	.infoMessage { color: #FF0000; padding-top: 1em;}

	.highlight { font-weight: bold; color: #FF0000; }

	.hidden { position: absolute; left: -9999px; height: 0px; width: 0px;}

	.inlineFieldsetLegend { clear:both; display:block; float:left; padding:4px 1px 1px 1px; text-align:left; width:100px; }

	.message { padding-bottom:5px; }

	.normal { font-weight: normal; }

	.disabled { color: #cccccc; }

	.highResBody{background-color: #FFFFFF;}

	.highResImage {}

	.highResImage img {padding: 5px; }
	
/*
======================================================================================================
=logo
======================================================================================================
*/
	#logo img { width: 164px; }


/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
	#siteFunctionsContainer{}
	#siteFunctionsContainer li { float: right;}
	#container #siteFunctions li.dropdownMenu{float: right; padding-right: 0px;}
	#container #siteFunctions li.dropdownMenu ul {width: 7em; }
	
	#language, #loginButton, .siteSearchLabel{font-size: 0.91em; padding-top: 0.2em; position: relative;}
	
	/* ---------- Login -----------*/
	#loginButton {padding-right: 10px; }
	#loginButton a { text-decoration: none; }

	/* ---------- Site Search -----------*/
	#siteSearchContainer{padding-right: 30px; position: relative;}
	.siteSearchLabel{font-size: 0.91em; }
	#siteSearch fieldset { border:none; display:inline; margin:0px; padding:0; border: none;}
	#siteSearch fieldset input.text { margin-left:5px; }
	
	
/*
======================================================================================================
=navigation
======================================================================================================
*/
	#mainNav{ }
	#navigation ul { margin-left: 0; padding-left: 0; list-style-type: none;}

	#navigation a { 
		display: block; 
		padding: 0.5em 0.5em 0.5em 20px; 
		color: #666; 
		text-decoration: none;
		background-image: url(?service=WebAsset&url=/images/controls/dot.gif&contentType=image/gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	
	#navigation a.active { color: #CC6600;}

	#navigation a:hover {background-color: #F5F5F5;}



/*
======================================================================================================
=header
======================================================================================================
*/

	/*
	=title
	--------------------------------------------------------------------------------------------------
	*/
	
	#title{margin-left: 190px;}


	/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
		#moduleFunctions { 
			position:relative; 
			padding-top: 15px; 
			padding-bottom: 0px; 
			height: 20px; 
			border-bottom: 1px solid #CC6600; 
			width: 690px; 
			margin-left: 190px;
		}
	
		.moduleFunctionItem,
		.moduleFunctionItemActive { margin:0 0 3px 0; float:left; padding:0 30px 0 0px; }
	
		.moduleFunctionItem a,
		.moduleFunctionItemActive a { float:left; padding:0px; font-weight: normal; text-decoration: none;}
	
		.moduleFunctionItem a{color: #666666;}
		.moduleFunctionItem a:hover{text-decoration: underline;}
		.moduleFunctionItem a.active{color: #CC6600;text-decoration: none;}
		.moduleFunctionItem a.active:hover{text-decoration: none;}
		
		#moduleFunctionReference{display: none;}

/*
======================================================================================================
=content
======================================================================================================
*/
	/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
		.filterSection {
			position:relative;
			margin: 0px;
			padding: 3px 0px 3px 0px;
			border-top: 1px solid #FFF; /* border as reference for iE6 */
			border-bottom: 1px solid #999;
		}
		.filterType_resultfilter{padding-top: 10px; padding-bottom: 5px; }

		.filterSection form { padding:0px; margin:0px;}

		.filterSection .filterGroupControl_list { display: inline; border: none; padding:0px;}
		.filterSection .filterGroupControl_combobox { padding-right:10px;}
		
		.filterSection .filterGroupControl_list .filterItem { display: inline; padding-right: 7px;}
		
		.filterType_resultfilter .filterGroupControl_list .filterItem {padding-right: 15px; }

		.filterSection .filterGroupItem { padding: 6px 0px 6px 0px;}

		.filterSection .filterGroupControl_combobox { display: inline; }

		.filterSection .filterGroupControl_combobox label { display: inline; float: none; padding-right: 5px; }

		.filterSection a.active { color:#CC6600; text-decoration:none;}

		.filterSection select { font-size:inherit; width: 120px; }
		
		.filterSection legend {display: none;}
		
		.filterItem a{color: #666; text-decoration: none;}
		
		.filterItem a:hover{color: #CC6600;}

	/*
	=contextMenu (prefix with .inlineModule for inline content usage)
	--------------------------------------------------------------------------------------------------
	*/
		#container .contextMenuContainer { 
			position: relative; 
			z-index:100!important; 
			display:block; 
			width:100%; 
			/*border-top: 1px solid #ccc;*/
			border-bottom: 1px solid #ccc;
			margin: 0 0 0 0;
			padding: 0;
			font-size: 0.9em;
			color: #666666;
			line-height: 1.8em;
		}
		
		#container .bottomContextMenuContainer .contextMenuContainer{border-top: 1px solid #ccc; border-bottom: none; height: 2.2em;}
		
		#container .contextMenuContainer .highlight { 
			font-weight: normal;
			color: #666;
		}
		.contextMenuContainer a{text-decoration: none;} 
		
		#container .inlineModule .contextMenuContainer{border-top: none;}
		
		#container .contextMenu{position: relative;}
		
		#container .detail{z-index: 50!important;}
		
		#container .contextMenuContainer .menuItem {}
		
		#container .contextMenuContainer a, a:visited, a:hover {}
		
		#container li.dropdownMenu { 
			display:block; 
			float:left; 
			position:relative; 
			cursor: pointer;
			padding:.2em 0.8em .2em 0em; 
			margin:0 .5em 0 0; 
			background-color: #FFF!important;
		}
		
		li.dropdownMenu .arrowDownButton { 
			padding: 0px 6px 0px 6px;
			background: transparent url(?service=WebAsset&url=/images/controls/arrow_b_bottom.gif&contentType=image/gif) no-repeat center center ; 
		}
		
		#container li.dropdownMenu:hover{ 
			background-color: #eee!important;
		}
		
		#container .bottomContextMenuContainer li.dropdownMenu:hover{ 
			background-color: #fff!important;
		}
			
		#container li.dropdownMenu ul { 
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-bottom:none; 
			width:14em; 
			display:none;
			position:absolute; 
			top:100%; 
			left:0px; 
			background-color:#fbf3eb; 
			text-align:left; 
			z-index:1; 
			line-height: 1.6em;
		}
		
		#container li.dropdownMenu ul li:hover { background-color: #eee;}

		#container li.dropdownMenu ul li { 
			display:block; 
			float:none; 
			width:100%; 
			border-bottom:1px solid #ccc; 
			margin:0; 
			padding:0; 
			z-index: 1;
		}
		
		#container li.dropdownMenu:hover ul { display: block!important;}
		
		#container li.dropdownMenu ul li a { 
			display:block; 
			font-weight:normal; 
			padding:.1em 0 .1em 1.5em;
		}
		
		/* ------------ Language ------------*/
		#container #language{width: 7em;}
		#container #languageMenuLabel { display: block; text-align: right;}
		#container #siteFunctionsContainer li.dropdownMenu{float: right; padding-right: 0px; background-color: #DDD!important;}
		#container #siteFunctionsContainer li.dropdownMenu ul {width: 7em; text-align: right;}
		#container #language a{text-decoration: none;} 		
		#container #siteFunctionsContainer li.dropdownMenu ul li a { padding:.1em 0.2em .1em 0em;}
		
		/* ------------ Language Linklist ------------*/
		#container #language.linkList{width: 6em;}
		#container #language.linkList li{float: right; padding-left: 0.6em;}

		/* --------------------- ELEMENT NAVIGATOR -------------------------------*/
		
		#container .elementNavigatorLabel{padding:.2em 0.6em .2em 0; }
		#container  .resultCount{float: right; margin: 0; padding:.2em 0 .2em .6em;}	
		#container li.elementNavigator  {width: 7.8em; text-align: center; margin: 0 0 0 0; padding: 0.2em 0; float: right; display: block;}	/*single numbers*/
		#container li.dropdownMenuFromTo{width: 10em;} /*from to numbers - must be wider*/		
		#container li.elementNavigator ul {width: 4.8em; margin-left: 1.5em; text-align:center;}		
		#container li.dropdownMenuFromTo ul{width: 7em; margin-left: 1.5em;}
		#container li.elementNavigator .elementNavigatorCurrent{float: left; width: 4.8em; }		
		#container li.elementNavigator .elementNavigatorFromTo{text-align: left; width: 7em;}		
		
		/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/
		#container .elementNavigatorResultBox{float: right;position: relative;}		
		#container ul.elementNavigatorResult{float: left; display: block;}		
		#container ul.elementNavigatorResult li{float: left; }
		#container .elementNavigatorResultBox li.elementNavigator{float: left;  }			
		#container .elementNavigatorResultBox .resultCount{float: left;  }		
		#container .elementNavigatorResultBox li.elementNavigator  {width: 4.8em; } /*single numbers- smaller than old navigator, because arrows are outside*/
		#container .elementNavigatorResultBox li.dropdownMenuFromTo  {width: 7em; } /*from to numbers - must be wider - smaller than old navigator, because arrows are outside*/
		#container .elementNavigatorResultBox li.elementNavigator ul {margin-left: 0em;}		
		#container .elementNavigatorResultBox li.dropdownMenuFromTo ul{margin-left: 0em;}
		
		/* ---------- END composite Element Navigator (eMP 5.5.1.2) ---------*/		
		
		#container li.elementNavigator ul li {text-align:center;}		
		#container li.elementNavigator ul li a { display: block; text-align:center; padding: 0.1em 0;}		
		#container li.elementNavigator ul li a:hover {cursor: pointer;}
		#container li.elementNavigator ul li.elementNavigatorFromTo a{text-align: left;}
		#container .elementFrom{width: 3em; text-align:right; display: block; float: left; padding-right:0.3em; margin-left: 0; padding-left: 0;  }		
		
		
		#container .elementNavigatorNext, #container .elementNavigatorBack{
			float: left; 
			width: 1.5em;
		}
		#container .contextMenu .elementNavigatorBack  .arrowButton { 
			background:url(?service=WebAsset&url=/images/controls/arrow_elementNav_left_d.gif&contentType=image/gif) no-repeat 0.3em 0.7em; 
			display: block;
			width: 1.5em;
		}
		#container .contextMenu .elementNavigatorBack a .arrowButton { 
			background-image:url(?service=WebAsset&url=/images/controls/arrow_elementNav_left.gif&contentType=image/gif);
		}
		
		#container .contextMenu .elementNavigatorBack a:hover .arrowButton { 
			background-image:url(?service=WebAsset&url=/images/controls/arrow_elementNav_left_hov.gif&contentType=image/gif);
		}		
		#container .elementNavigatorNext .arrowButton { 
			background:url(?service=WebAsset&url=/images/controls/arrow_elementNav_right_d.gif&contentType=image/gif) no-repeat 0.2em 0.7em;
			display: block;
			width: 1.5em;
		}
		#container .elementNavigatorNext a .arrowButton { 
			background-image: url(?service=WebAsset&url=/images/controls/arrow_elementNav_right.gif&contentType=image/gif);
		}
		#container .elementNavigatorNext a:hover .arrowButton { 
			background-image: url(?service=WebAsset&url=/images/controls/arrow_elementNav_right_hov.gif&contentType=image/gif);
		}

		/* ----------- Context Sortings ----------- */
		.contextMenu li.contentSortings ul,
		.contextMenu li.contentSortings ul li { width: 10em; }
		.contextMenu li.contentSortings ul li a { display: block; }
		.contextMenu li.contentSortings ul li a:hover { background-color:transparent; }
		
		/* ----------- Context Views ----------- */
		.contextMenu li.contentViews ul,
		.contextMenu li.contentViews ul li { width: 12em; }
		.contextMenu li.contentViews ul li a { display: block; }
		.contextMenu li.contentViews ul li a:hover { background-color:transparent; }
		
		/* ----------- Context Functions ----------- */
		.contextMenu li.contextFunctions ul,
		.contextMenu li.contextFunctions ul li { width: 13em; }
		.contextMenu li.contextFunctions ul li a { display: block; }
		.contextMenu li.contextFunctions ul li a:hover { background-color:transparent; }

		
	/* =inline contextMenu (inherits from contextMenu if not overwritten via '.inlineModule' selector)
	--------------------------------------------------------------------------------------------------
	*/
		.inlineModule .contextMenuContainer .resultCount { font-weight:normal; }

	/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
		.lightbox,
		.detailList,
		.simpleList,
		.detail { clear:both; width:100%; padding:0px; /*border: 1px dotted grey; */padding-top: 10px; position: relative;}
		
		.inlineModule .lightbox,
		.inlineModule .detailList,
		.inlineModule .simpleList,
		.inlineModule .detail {}

		.lightbox h2,
		.detailList h2,
		.simpleList h2,
		.detail h2 { display:inline; }
		
	
	/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/
		.simpleListItem { 
			clear:both; 
			padding:5px 5px 0px 0px; 
			margin: 0; 
			background-image: url(?service=WebAsset&url=/images/controls/dot.gif&contentType=image/gif);
			background-repeat:repeat-x;
		}
		#simpleListItem-0{background: none;}
		
		.simpleListItem .cleaner{width: 100%; height: 5px;font-size: 1px;}	
		.simpleListItem .listDescription{width: 600px; float: left;}
		.simpleListItem .listButton { float:right; }
		
		.simpleListPart1, .simpleListPart2, .simpleListPart3{float: left; margin-right: 10px; margin-bottom: 0px;}
		.simpleListPart1{width: 170px; }
		.simpleListPart2{width: 260px; }
		.simpleListPart3{width: 140px; }
		
		/*=artistSimpleList  */
		#artistSimpleList .simpleListPart1{width: 500px; }
		#artistSimpleList .simpleListPart2{width: 150px; }
		#artistSimpleList .simpleListPart3{}
		
		/*=literatureSimpleList  */
		#literatureSimpleList .simpleListPart1{width: 500px; }
		#literatureSimpleList .simpleListPart2{width: 150px; }
		#literatureSimpleList .simpleListPart3{}
		
		/*=multimediaSimpleList  */
		#multimediaSimpleList .simpleListItem .listImg { float:left; margin-right:15px; }

		#multimediaSimpleList .simpleListItem .listTitle { float:left; font-weight:bold; width:40%; }

		#multimediaSimpleList .simpleListItem .listDescription { float:left; width:50%; }
		
		
	/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
		.detailListItem { 
			clear:both; 
			padding:13px 5px 10px 0px; 
			position: relative;
			background-image: url(?service=WebAsset&url=/images/controls/dot.gif&contentType=image/gif);
			background-repeat:repeat-x;	
		}
		#detailListItem-0{background: none;}

		.detailListItem dt,
		.detailListItem dd { position:relative; }

		.detailListItem .listImg { float:left; width:120px;}

		.detailListItem .listImg img { width:120px; height: 120px;}

		.detailListItem .listTitle { float:none; margin-left: 150px; width: 440px; }

		.detailListItem .listDescription {float:none; margin-left: 150px; width: 440px; }

		.detailListItem .listButton { position: absolute; right:0px; top: 10px; }

		.detailListItem .cleaner{width: 100%; height: 1px;font-size: 1px;}
		
	/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/
		/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
			.detailItem { clear:both; position:relative; padding:15px 0px 0px 0px; margin: 0px 0px 15px 0px;}

			.detailItem .listImg { float:left;}

			.detailItem .listImg img { height:250px; width: 250px; margin-bottom: 20px;}

			.detailItem .listTitle { font-weight:bold; position:relative;  }

			.detailItem .listTitle .normal { font-weight:normal; }

			.detailItem .listDescription { position:relative; margin-left: 270px; float: none;}
			
			#artistDetailItem .listDescription {margin-left: 0px; width: 500px;}
			#literatureDetailItem .listDescription {margin-left: 0px; width: 500px;}
		

			.detailItem .listButton { margin-top:10px; margin-left: 270px; }
			
			
		
		/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
			.referenceContainer { clear:both; position:relative; padding:0px; border-top: 1px solid #fff;} /* border for iEs */
		
			.referenceTabItem,
			.referenceTabItemActive { margin:0; float:left;  padding:0 30px 5px 0px;}
		
			.referenceTabItem a,
			.referenceTabItemActive a { margin:0px; float:left; padding:0px 0px 0px 0px; color: #666;}
			
			.referenceTabItem a{text-decoration: none;}
		    .referenceTabItem a:hover{text-decoration: underline;}
		    .referenceTabItemActive a.active{color: #CC6600;  text-decoration: none;}
		    .referenceTabItemActive a.active:hover{text-decoration: none;}

		
		/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/
			.referenceContainer .reference { clear:left;  position: relative; border-top: 1px solid #999; padding: 0px 0px 10px 0px;}
			
			.referenceContainer .reference .caption { width: 500px; padding-top: 10px;}
			
		
	/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/
	
	.lightboxItem { display:block; float:left; }	
	.lightboxGroupItem { display:block; float:left;}
	.lightboxItem ul.listText li { margin:0; }	
	.lightboxTextListItem { padding:0; margin:0; }	
	.lightboxItem li { padding:0; margin:0; line-height: 1.4em; }	
	.lightboxItem li.listButton {margin: 0.5em 0 0.3em 0;}	
	.lightboxTextListItem li { padding:0; margin:0; }
	

	/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/
	.lightboxItem a{}
	.lightboxItem a:hover{}
	.listImg a{}

	/*
	=lightbox_1x1
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_1x1 .lightboxItem { margin:10px 20px 10px 0;}
	#lightbox_1x1 .listImg img { width:350px;}
	#lightbox_1x1 .lightboxTextListItem { width:350px;}
	#lightbox_1x1 .lightboxImgInnerContainer { width:350px;}
	#lightbox_1x1 {margin-bottom: 30px;}

	/*
	=lightbox_1x2
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_1x2 .lightboxItem { margin:10px 20px 10px 0;}
	#lightbox_1x2 .listImg img { width:259px;}
	#lightbox_1x2 .lightboxTextListItem { width:259px;}
	#lightbox_1x2 .lightboxImgInnerContainer { width:259px;}
	#lightbox_1x2 #lightboxItem-1 {margin-right: 0px;}
	#lightbox_1x2 {margin-bottom: 30px;}

		
	/*
	=lightbox_2x3
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_2x3 .lightboxItem { margin:10px 20px 10px 0;}
	#lightbox_2x3 .listImg img { width:216px;}
	#lightbox_2x3 .lightboxTextListItem { width:216px;}
	#lightbox_2x3 .lightboxImgInnerContainer { width:216px;}
	#lightbox_2x3 #lightboxItem-2, #lightbox_2x3 #lightboxItem-5 {margin-right: 0px;}


	/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/

	#lightbox_3x4 .lightboxItem { margin:10px 20px 10px 0;}
	#lightbox_3x4 .listImg img { width:157px;}
	#lightbox_3x4 .lightboxTextListItem { width:157px;}
	#lightbox_3x4 .lightboxImgInnerContainer { width:157px;}
	#lightbox_3x4 #lightboxItem-3, 
	#lightbox_3x4 #lightboxItem-7, 
	#lightbox_3x4 #lightboxItem-11{margin-right: 0px;}
	
	#lightbox_3x4 .lightboxTextListItem {font-size: 0.9em;}
	
	/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_4x5 .lightboxItem { margin:10px 20px 10px 0;}
	#lightbox_4x5 .listImg img { width: 122px; height:122px; }
	#lightbox_4x5 .lightboxTextListItem { width: 122px; }
	#lightbox_4x5 .lightboxImgInnerContainer { width: 122px; }
	#lightbox_4x5 #lightboxItem-4, 
	#lightbox_4x5 #lightboxItem-9, 
	#lightbox_4x5 #lightboxItem-14, 
	#lightbox_4x5 #lightboxItem-19{margin-right: 0px;}
	#lightbox_4x5 .lightboxTextListItem {font-size: 0.9em;}


	/*
	=TSP styles (overriding other styles)
	-------------------------------------------------------------------------------------------------
	*/
		#lightbox_1x1 .listImg img.tspMimeTypeIcon, 
		#lightbox_1x2 .listImg img.tspMimeTypeIcon, 
		#lightbox_2x3 .listImg img.tspMimeTypeIcon, 
		#lightbox_3x4 .listImg img.tspMimeTypeIcon, 
		#lightbox_4x5 .listImg img.tspMimeTypeIcon, 
		.listImg img.tspMimeTypeIcon { width: 48px; height: 48px; }


		.tspPortfolioElementHandler { padding: 2pt 2pt 2pt 0pt; font-size: 10px; }

		.tspPortfolioElementHandler img { width: 10px; height: 10px; }

		.tspPortfolioElementHandler a { text-decoration: none;}
		
		.tspTitleLink{}
		
		
/*
=loginForm
--------------------------------------------------------------------------------------------------
*/
	#loginForm { margin:5px; padding:10px 0px 10px 0px; }

	#loginForm fieldset { border:solid 1px #ccc; margin-top:14px; width:307px; padding:7px; }

	#loginForm fieldset legend { margin-bottom:0px; }

	#loginForm .formItemsContainer { padding-top:7px; }

	#loginForm input.text { width:200px; }

	#loginForm .formItem label { width:80px; }
				
				
/*
=editForm
--------------------------------------------------------------------------------------------------
*/
	.editForm fieldset { border:none; }
	
	.editForm legend { display:none; }
	
	.editForm .formItem { padding:5px; height:13px;}
	
	.editForm .formButton { width: 630px; padding:5px; }
	
	.editForm .formButton input { padding-right:10px; padding-left:10px; }
	
	.editForm .formItem label { position:absolute; width:120px; left: 5px; }
	
	.editForm .formItem div.text { position:absolute; left:130px; }
	
	.editForm .text input,
	.editForm .text select { width:500px; }
	

/*
=searchForm
--------------------------------------------------------------------------------------------------
*/
	.searchForm{margin-bottom: 20px;}
	.searchForm fieldset.searchFulltext { border:none; padding:1.5em 5px 1.5em 0px; margin:0px; position:relative; width:515px;}

	.searchForm fieldset.searchItems { border:none; border-top:solid 1px #ccc; padding:10px 5px 10px 0px; margin:0px; position:relative; width:100%; }

	.searchForm label { width:130px; }
	.searchForm .inlineFieldsetLegend { width: 130px;}

	.searchForm legend { display:none; }

	.searchForm input.text { width:370px; }

	.searchForm input.textSmall { width:70px; display:inline; }

	.searchForm select { width:375px; }
	
	.searchForm .formButton { width: 500px; padding: 5px; }

	#searchForm .resetButton {padding-right: 10px;}
	.searchForm .startButton a, .searchForm .resetButton a {border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		border-left: 1px solid #f7f7f7;
		border-top: 1px solid #f7f7f7;
		padding: 3px 8px 3px 8px; 
		background-color: #efefef; 
		text-decoration: none;
		color: #404040;}
	.searchForm .startButton a:hover, .searchForm .resetButton a:hover { background-color: #e3e3e3; color: #404040;}
	
    	.searchForm .smartFieldLabel {margin-bottom: 7px;}		
	.searchForm .smartFieldContainerOuter {position:relative; top: 0px; left: 0px; right: 0px; bottom: 0px;}
	.searchForm .smartFieldContainer {position:absolute; left:0px; top:0px; width: 410px;}		
	.searchForm .smartFieldContainer input {width: 360px; height:18px; }	

	.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton { margin-left:2px;}		
	
	.mpComboBox-item {
		font:normal 12px tahoma,arial,helvetica,sans-serif;
		padding:2px; border:1px solid #fff;
		white-space:normal;
		overflow:auto;
		text-overflow:ellipsis;
		}
	.mpComboBox-item-selected {
		background:#DFE8F6 none repeat scroll 0 0;
		border:1px dotted #A3BAE9 !important;
		cursor:pointer;	
		}
	.mpComboBox-item-highlight { font-weight: bold; }
	
	.mpThesaurusDialog {}
	.mpThesaurusDialogBody {height:400px; border: solid 1px #fff; }
	
	.searchItems .cleaner {display:none;}
		
	
	
/* -----------------------------------------------------------------------------------------------
* Style for ExternalReference page - 
* The page is using IFrame element to display content from external URL
* -----------------------------------------------------------------------------------------------
*/

.externalReferenceFrame { height: 650px; width: 631px; }


/* --------------
 * Custom Class: Search Help
 * --------------
 */
.searchHelp { 
	z-index:100;
	position: absolute;
	top: 1em;
	left: 540px;
}	

/* ---------------------
 * Search History Styles
 * ---------------------
 */

.searchHistoryLink {
	z-index:100;
	position: absolute;
	top: 2.5em;
	left: 540px;}

#searchHistoryPopupContainer {width: 100%; padding: 5px;}

#searchHistoryPopupContainer table {text-align: left; border-collapse:collapse;  }

#searchHistoryPopupContainer .searchHistoryTable td, 
#searchHistoryPopupContainer .searchHistoryTable th { padding: 5px; vertical-align:top;}

#searchHistoryPopupContainer .unframed {border-style: none;}
#searchHistoryPopupContainer .framed {border-width: 1px; border-style: solid;}

#searchHistoryPopupContainer .histFieldValueList td {padding: 1px;}
#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {width: 80px;}

#searchHistoryPopupContainer .histResultCount {font-weight: bold;}

.control{display: none;}

/*------------------- for local testing ---------------*/

/*

li.dropdownMenu .arrowDownButton { 
	background-image:url(../Ressources/images/controls/arrow_b_bottom.gif);
}
#container .contextMenu .elementNavigatorBack  .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_left_d.gif);
}
#container .contextMenu .elementNavigatorBack a .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_left.gif);
}

#container .contextMenu .elementNavigatorBack a:hover .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_left_hov.gif);
}

#container .elementNavigatorNext .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_right_d.gif);
}
#container .elementNavigatorNext a .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_right.gif);
}
#container .elementNavigatorNext a:hover .arrowButton { 
	background-image:url(../Ressources/images/controls/arrow_elementNav_right_hov.gif);
}
#navigation a { 
	background-image:url(../Ressources/images/controls/dot.gif);
}

.simpleListItem {
	background-image:url(../Ressources/images/controls/dot.gif);
}
.detailListItem {
	background-image:url(../Ressources/images/controls/dot.gif);
}
*/