/* CSS Document */

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


*/

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


body {
	margin:0;
	padding:0;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-size:62.5%;
	background-color: #fff;
}

#container{
	width:820px;
	margin: 0px;
	padding: 0px;
	position:relative;
}

.popupContainer { 
	margin: 0px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	background-color: #fff;
}

#logo{display: none;}

#siteFunctions{ z-index: 100; }

#header {
	display: block;
	padding-bottom: 5px;
	border-bottom: 3px solid #999;
}
.literatureContainer #header{ /* Highlights */
	display: none;	
}
#header .cleaner{
	/*display: none !important;*/
}
#contentBox{float: left; 
	width: 648px; 
	position: relative; 
	min-height: 20em; 
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#content{ 
	width: 648px; 
	position: relative; 
	padding-top: 0px;
	padding-bottom: 20px;
}

#footer{ 
	display: none;
}

/*
======================================================================================================
KML Elements
======================================================================================================
*/


/* ------------ kml_header_elements ------------------*/
#kml_header{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100px;
}
#kml_logo{
	float: left;
	width: 570px;
	margin: 19px 0 0 0px;
	padding: 0;
	padding-left: 22px;
	
}
#kml_languages{
	float: right;
	margin-top: 21px;
}
.en{padding-left: 3px;}

/* ------------ kml_navigation_elements ------------------*/
#kml_navig{
	float: left; 
	margin-left:0px; 
	width: 172px;
	position: relative;
	font-size: 1.3em;
}
#kml_navig ul{margin-left: 22px;}
#kml_navig li{padding-bottom: 0.4em;}

/* Navigation Links */
#kml_navig a{text-decoration: none; color: #666;}
#kml_navig a:hover{text-decoration: none; color: #f90;}
#kml_navig a.active{color: #f90;}
#kml_navig a.active:hover{color: #f90;}

/* Special design of portfolio link */
#kml_navig li.portfolio_link{padding-top: 1em;}
/*#kml_navig li.portfolio_link a{color: #999;}
#kml_navig li.portfolio_link a:hover{color: #f90;}*/

#timelineInclude {width: 648px; height: 320px;}

#kml_exhibitions_header a{text-decoration: none; color: #666;}
#kml_exhibitions_header a:hover{color: #f90;}

.exhibitionContainerDetailList #kml_exhibitions_header a{text-decoration: none; color: #f90;}
/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

	a {color:#000000; text-decoration: underline;}
	
	a:hover { color:#f90;}
	
	.listImg a:hover{background: none;}

	a.active { color:#787878; }

	dl, dt, dd { padding: 0px; margin: 0px; text-align: left; }
	
	dl dd{text-align: left; border: none;}
	
	dl dt{border: none;}

	h1 {font-size: 1.5em; font-weight: normal; color: #414141; margin-top: 0;}
	
	h2 {font-size: 1em; font-weight: normal;}
	
	h3 {font-size: 1em;font-weight: normal;}

	img { border:none; }

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

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

	li { padding:0px; margin:0px; }
	
	#content ul li{line-height: 1.6em;}

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

	.button { padding: 2px; }

	label { display:block; float:left;}

	label.inlineLabel { display:inline; clear:none; float:none; display: none;}

	label.inlineLabelFrom, 
	label.inlineLabelTo { display:inline; clear:none; float:none;}

	label.inlineLabelTo { padding-left: 1em; }

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

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


	fieldset { border: none;}

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

	legend { color: #666; }
		

	input, 
	select, 
	textarea { 
		background-color: #FFF; 
		color: #000; 
		border: 1px solid  #efede6;
		font-family: Arial, Helvetica, sans-serif; 
		padding: 2px; 
	}
	
	input, select{
		border-top:1px solid #999999;
		border-left:1px solid #999999;
		border-bottom: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		padding:.1em .1em .1em .3em; 
		margin:0;
		font-size: 1em;
	}
	select{
		padding-left: 0.1em;
	}
	


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


	input.text:focus, 
	select:focus, 
	textarea:focus {}

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

	.errorMessage { color:#e60028; padding-bottom:10px; }
	
	.infoMessage { color: #e60028;}
	.literatureContainer .infoMessage{display: none;}

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

	.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: none; background-color: #fff;padding: 0; margin: 0;padding: 8px 8px 12px 8px; }
	
	.highResBody table{margin: 0; width: 100%;}
	.highResBody td{padding: 0; margin: 0;}
	.highResImage{padding: 0; margin: 0; }
	.highResImage img {width: 100%;}
	
/*
======================================================================================================
=logo
======================================================================================================
*/
	#logo img { width: 164px; }


/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
	#siteFunctionsContainer li {}
	#language, #loginButton, .siteSearchLabel{}
	
	/* ---------- Language -----------*/
	#language {}	
	#language ul,
	#language ul li {}
	#language ul li {}
	#language ul li a {}	
	#languageMenuLabel {}
	
	/* ---------- Login -----------*/
	#loginButton {}
	#loginButton a {}

	/* ---------- Site Search -----------*/
	#siteFunctions{}
	#siteFunctionsContainer li{}
	#siteSearchContainer{}
	#siteSearchInput {}
	#siteSearchButton {}
	#siteSearchButton {}
	#siteSearchButton:hover {}
	.siteSearchLabel {}
	#siteSearchItems{}
	#siteSearch{}

/*
======================================================================================================
=navigation
======================================================================================================
*/
	#mainNav {}		
	#mainNav li.mainNavItem {}
	#mainNav li.mainNavItem a{}
	#mainNav li.mainNavItem a:visited{}
	#mainNav li.mainNavItem a:hover{}
	#mainNav li.mainNavItem a.active{}
	

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

	/*
	=title
	--------------------------------------------------------------------------------------------------
	*/
	
	#title{display: none;}


	/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
		
		#moduleFunctionReference{display: none;}	
		#moduleFunctions li.moduleFunctionItem {float: left;}
		#moduleFunctions li.moduleFunctionItem a{ display:block; padding: 0 1.5em 0 0; text-decoration: none; color:#666;}
		#moduleFunctions li.moduleFunctionItem a:hover{color: #f90;}
		#moduleFunctions li.moduleFunctionItem a.active {color: #f90;}
		
		#container.exhibitionContainer #moduleFunctions{display: none;} /* Collection Tours */
		
		

/*
======================================================================================================
=content
======================================================================================================
*/
	/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
		.collectionContainer .filterSection {}	
		.filterSection {}
		.filterSection form {}		
		.filterGroupItem{}		
		.filterSection .filterGroupControl_list {}
		.filterSection .filterGroupControl_list ul{}
		.filterSection legend {}		
		.filterItem{}
		.filterItem a {}
		.filterItem a:hover {}
		.filterItem a:visited {}
		.filterItem a.active {}
		/*
	--------------------------------------------------------------------------------------------------
	*/
		
		#container .contextMenuContainer { 
			position: relative; 
			z-index:100!important; 
			display:block; 
			width:648px; 
			border-top: 1px solid #fff;!important; 
			padding-top: 0.1em;
		}
		#container.literatureContainer .contextMenuContainer{display: none;} /* Highlights */
		#container.exhibitionContainer .contextMenuContainer{display: none;} /* Collection Tours */
		#container.exhibitionContainer .referenceContainer .contextMenuContainer{display: block;}
		
		#container.artistContainer #collectionInlineModule .contentSortings{display: none;}
		#container.exhibitionContainer #collectionInlineModule .contentSortings{display: none;}
		
		#container .contextMenuContainer .cleaner {} 
		
		#container .detail{z-index: 50!important;}
		
		#container .bottomContextMenuContainer .contextMenuContainer { 
			background-color: #fff;
		}
		
		#container .inlineModule .bottomContextMenuContainer .contextMenuContainer { 
			margin-left: 0px;
			width: 648px;
		}

		#container .contextMenu{
			position: relative;	
		}

		#container .contextMenuContainer .menuItem { text-align:left!important; }
		#container .contextMenuContainer a, #container .contextMenuContainer a:visited { color:#555;}
		#container .contextMenuContainer a:hover { color:#ff7e00; background: none; }
		#container li.dropdownMenu { 
			display:block; float:left; 
			position:relative; 
			cursor: default; 
			border: 1px solid #fff; 
			padding:.2em 0.8em .0em 0em; 
			margin:0 .5em 0 0; 
			color:#666; 
			cursor: pointer;
			background-color: #fff;
		}
		#container li.dropdownMenu ul { 
			border-top: 1px solid #fff; 
			width:12em; 
			display:none; 
			position:absolute; 
			top:100%; 
			left:-1px; 
			background-color:#fff; 
			text-align:center; 
			z-index:1;
			filter:alpha(opacity=95);
			opacity: 0.95;
			-moz-opacity:0.95;	
		}		
		#container li.dropdownMenu ul li { 
			display:block; 
			float:none; 
			width:100%; 
			margin:0; 
			padding:0 0 0 0.5em; 
			z-index: 1;
		}
		#container li.dropdownMenu ul li:hover { /*background-color: #fef38a;*/}
		#container li.dropdownMenu:hover{color: #f90;}
		#container li.dropdownMenu:hover ul { display: block; }
		#container li.dropdownMenu ul li a { 
			display:block; 
			width:100%; 
			font-weight:normal; 
			padding:0; 
			text-decoration: none;
		}
		#container li.dropdownMenu .arrowDownButton { 
			padding: 0px 6px 0px 6px; 
			background: transparent url(?service=WebAsset&url=/images/controls/arrow_down.gif&contentType=image/gif) no-repeat 4px; 
		}
		#container li.dropdownMenu .arrowDownButton:hover { 
			background: transparent url(?service=WebAsset&url=/images/controls/arrow_down_act.gif&contentType=image/gif) no-repeat 4px; 
		}
		
		/* --------------------- ELEMENT NAVIGATOR -------------------------------*/
		
		#container .elementNavigatorLabel{padding:.2em 0.6em .2em 0; }
		#container .elementNavigator .menuItem { text-align:center!important; }
		
		#container .resultCount {
			margin: 0; 
			padding:0 0 0 .4em;
			font-size:1em!important;
			color: #666;
		}
		#container .resultCount .highlight{padding-left: 0.2em;}
		#container li.elementNavigator  {width: 5.2em; text-align: center; margin: 0 0 0 0; padding:0; float: right; display: block; border:none; }	/*single numbers*/
		#container li.dropdownMenu{
			z-index: 2!important;
		}
		#container li.elementNavigatorResultBox{
			z-index: 1!important;
		}
		
		#container li.dropdownMenuFromTo{width: 7.4em;} /*from to numbers - must be wider*/		
		#container li.elementNavigator ul {width: 5.2em; margin-left: 1.5em; text-align:center;}		
		#container li.dropdownMenuFromTo ul{width: 7.4em; margin-left: 1.5em;}
		#container li.elementNavigator .elementNavigatorCurrent{float: left; width: 5.2em;line-height: 1.5em; border: 1px solid #fff;}		
		#container li.elementNavigator .elementNavigatorFromTo{text-align: left; width: 7.4em;line-height: 1.5em; border: 1px solid #fff;}		
		
		/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/
		#container .elementNavigatorResultBox{float: right; position: relative; width: 13em; margin-right: 0em; padding-top: 0.2em; }
		/*---------- new ks 2008-08-07 -------------------*/
			
		#container .elementNavigatorResultBoxFromTo{float: right;position: relative; width: 16em; padding-top: 0.2em;}		
		#container ul.elementNavigatorResult{float: right; display: block;}		
		#container ul.elementNavigatorResult li{float: left; line-height: 1.5em; }
		#container ul.elementNavigatorResult li.resultCount{float: right;}
		#container .elementNavigatorResultBox li.elementNavigator{float: left;  }					
		#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; padding: 0;}		
		#container li.elementNavigator ul li a { display: block; text-align:center; padding: 0 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 a:hover, #container .elementNavigatorBack a:hover{
			/*color: transparent;*/
			text-decoration: none;
			color: #fff;
		}
		#container .elementNavigatorNext, #container .elementNavigatorBack{
			float: left; 
			width: 1.5em;
			color: #fff;
			text-decoration: none;
			
		}
		#container .contextMenu .elementNavigatorBack  .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_left_inact.gif&contentType=image/gif) no-repeat 0.3em 0.5em;
			display: block;
			width: 1.5em;
			text-decoration: none;
			color: #fff;
		}
		
		#container .contextMenu .elementNavigatorBack a,
		#container .contextMenu .elementNavigatorNext a{
			color: #fff;
			text-decoration: none;
		}
		#container .contextMenu .elementNavigatorBack a .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_left.gif&contentType=image/gif) no-repeat 0.3em 0.5em;
			cursor: pointer;
		}
		#container .contextMenu .elementNavigatorBack a:hover .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_left_act.gif&contentType=image/gif) no-repeat 0.3em 0.5em;
		}	
			
		#container .elementNavigatorNext .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_right_inact.gif&contentType=image/gif) no-repeat 0em 0.5em; 
			display: block;
			width: 1.5em;
		}
		#container .elementNavigatorNext a .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_right.gif&contentType=image/gif) no-repeat 0em 0.5em; 
			cursor: pointer;
		}
		#container .elementNavigatorNext a:hover .arrowButton { 
			background:#fff url(?service=WebAsset&url=/images/controls/arrow_right_act.gif&contentType=image/gif) no-repeat  0em 0.5em; 
		}
		
		#container .disabled { 
			color:#999; 
			padding:0; 
		}
		#container .highlight { 
			font-weight: normal;
			color: #666;
		}
		

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

	/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
		.lightbox,
		.detailList,
		.simpleList,
		.detail { width: 648px; padding-top:0.5em; /*margin-top: 2em; */position: relative; display: block; padding-left: 0px;}
		
		.detailList,
		.simpleList{ padding-top: 1.0em;}
		
		.lightbox{margin-bottom: 1em;}
		
		
		.referenceContainer .lightbox,
		.referenceContainer .detailList,
		.referenceContainer .simpleList,
		.referenceContainer .detail {padding-left: 0px; width: 648px;}
		
		
		.inlineModule .lightbox,
		.inlineModule .detailList,
		.inlineModule .simpleList,
		.inlineModule .detail {}

		.lightbox h2,
		.detailList h2,
		.simpleList h2,
		.detail h2 { display:inline; }
		
	
	/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/
		
		.simpleListItem { display:block; /*float:left;*/ padding:0 0 0 0; position: relative; 
			border-top: 1px solid #fff;
			width: 648px;
		}
		
		.simpleListItem dt,
		.simpleListItem dd { position:relative; }
		
		.simpleListItem .cleaner{}
		.part1, .part2, .part3, .part4{float: left; margin-right: 10px; margin-bottom: 0.2em; margin-top: 0.1em;}
		
		.part1{width: 155px; }
		.part2{width: 260px; }
		.part3{width: 70px; }
		.part4{width: 120px; margin-right: 0;margin-left: 5px; }
		
		.part1 br{/*display: none!important;*/}
		
		/*=artistSimpleList  */
		/*
		#artistSimpleList .part1{width: 230px; line-height: 1.2em;}
		#artistSimpleList .part2{width: 350px; }
		*/
		#artistSimpleList .simpleListItem {padding-bottom: 0.5em; line-height: 1.3em;}
	
	/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
	
		.detailListItem{display:block; padding:0.5em 0; position: relative; 
			border-top: 1px solid #fff;
		}
		.detailListItem dt,
		.detailListItem dd { position:relative; }

		.detailListItem .listImg { float:left; width: 135px; margin-top: 0.4em; margin-bottom: 0.2em;}

		.detailListItem .listImg img { width: 135px; height: 135px;}
		
		#content .detailListItem .listTitle { float:none; margin-left: 165px; width: 470px; margin-top: 0.3em;}
		#content .detailListItem .listTitle ul li{line-height: 1.3em;}

		.detailListItem .listButton {margin-top: 0.5em;}
		
		.detailListItem .cleaner{
			width: 100%; 
			height: 2px;
			font-size: 1px;
		}
		
		#exhibitionDetailList{}
		#exhibitionDetailList .detailListItem{float: left; display: block; width: 320px;}
		#exhibitionDetailList #exhibitionListBlock .exhibImg{float: left; width: 70px;}
		#exhibitionDetailList #exhibitionListBlock .exhibTitle{float: none; margin-left: 80px; line-height: 1.2em;}
	/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/
		/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
			.detailItem { clear:both; position:relative; margin-bottom: 0.5em; margin-top: 1.5em; width: 648px;}
			
			
			.detailItem .tspPortfolioElementHandler_text{padding-left: 0.4em;}
			#detailTable{padding: 0; margin: 0; width: 648px;}
			.literatureContainer #detailTable{width: 618px; margin-left: 30px; width: 618px; }
			
			.detailTableImg{vertical-align:top; padding-right: 15px; width: 10%;}
			.detailTableCaption{vertical-align: top;}
			
			.detailItem .detailTableImg img {height: 280px;margin-bottom: 20px;}
			.literatureContainer .detailItem .detailTableImg img{margin-bottom: 15px;}
		
			
			.detailItem .detailTitle h2{font-weight: bold;}
			.detailItem .detailTitle{padding-bottom: 10px;}
			.detailItem .detailDating{font-weight: normal;}
			#content ul li{line-height: 1.4em;}
			
			#detailTableCaptionLinks{padding-top: 15px;}
			#content ul li.relatedLinks a{line-height: 1.4em;}
			.relatedLinks a{color: #666; 
				text-decoration: none;
				background: transparent url(?service=WebAsset&url=/images/controls/arrow_link.gif&contentType=image/gif) no-repeat 1px 3px; 
				padding-left: 18px;
				display: block;
				margin-bottom: 0.1em;
			}
			.relatedLinks .tspSuffix, .relatedLinks .tspSeparator{display: none;}
			.relatedLinks a:hover{color: #f90;}
			
			#artistDetailItem{margin-top: 1.5em; margin-bottom: 2.5em;}
			#artistDetailItem .artistName h2{font-size: 20px; font-weight: bold; color: #666; margin: 0.1em 0;line-height: 1.6em;}
			#artistDetailItem .artistData{margin-top: 0em;}
			
			#exhibitionDetailItem{margin-top: 1.5em; margin-bottom: 2.5em;}
			#exhibitionDetailItem #exhibitionDetailTitle h2{font-size: 20px; font-weight: bold; color: #666; margin: 0.1em 0; line-height: 1.6em;}			
			.reference p.exhibText{margin-left: 0px; margin-top: 10px; padding: 0; width: 600px;}
			
			.themesBildlegende {font-size: 0.9em; }

		
		/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
			
			.referenceContainer { clear:both; position:relative; border-top: 1px solid #fff; display:block; float: left; width:648px; } 

		
			.referenceTabItem,
			.referenceTabItemActive {float:left; margin:0.5em 1.5em 0.2em 0; padding:0;}
			
			.referenceTabItem a,
			.referenceTabItemActive a { display:block; float:left; padding:.1em 0em 0.1em 0em; color:#666; text-decoration:none; }
			
			.referenceTabItem a:visited,
			.referenceTabItemActive a:visited{ color:#666; }
			
			
			.referenceTabItem a:hover,
			.referenceTabItemActive a:hover {color:#f90;}

			.referenceTabItem a.active,
			.referenceTabItemActive a.active{color:#f90;}
			
			.referenceTabItem a.active:hover,
			.referenceTabItemActive a.active:hover{color:#f90;}
			
			.referenceTabItem a.active:visited,
			.referenceTabItemActive a.active:visited{color:#f90; }

		#literatureDetail .referenceTabItemActive,
		#literatureDetail .referenceTabItem {display: none;}
		
		/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/
		.referenceContainer .reference { /*clear:left;*/ display:block; float:left; width:100%; padding-bottom: 2em; border-top: 3px solid #999;}
		#literatureDetail .referenceContainer .reference {border-color: #fff;}
		
		.referenceContainer .reference .caption { padding:0; margin:0;}
		
		.reference p { padding:1em 0em; margin:0; text-align:left; width: 620px;}
		.reference p.eingangsjahr{padding: 0em;}
		
		#exhibitionReferences .caption{padding-top: 2em;}
		#exhibitionReferences #exhibitionDetailImage{width: 150px; float: left;}
	    #exhibitionReferences #exhibitionDetailImage .tspValue{display: block; margin-top: 1em; line-height: 1.2em;}
		#exhibitionReferences #exhibitionDetailText{float: none; margin-left: 170px;}

/*#container .referenceContainer2 { display:block; float: right; width:52em; border:none; margin-top:3em; }
#container .referenceContainer2 .referenceTabItemActive { display:block; float:left; border:none; background-color:#eff3f6; }*/
			
			
			
			
			
			
			
			
			
			
		
	/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/
	
	/*lightbox */
	.lightboxItem { display:block; float:left; }
	#content .lightboxItem ul.listText li {line-height: 1.1em; margin:0;}
	#content .lightboxItem ul.listText li.listButton {margin-top: 0.5em; margin-bottom: 0em; padding: 0;}
	.lightboxTextListItem { padding:0; margin:0; }
	.lightboxItem li { padding:0; margin:0; }
	.lightboxTextListItem li { padding:0.1em 0; margin:0;}
	.lightboxGroupItem { display:block; float:left;}
	.lightboxItem h3{margin: 0;}

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

	/*
	=lightbox_1x1
	--------------------------------------------------------------------------------------------------
	*/
		
	#lightbox_1x1 {left: 0px; width: 560px;}
	#lightbox_1x1 .lightboxItem { width:350px; margin:0px 0px 0px 0px}
	#lightbox_1x1 .lightboxItem .lightboxImageListItem,
	#lightbox_1x1 .lightboxItem .lightboxImageListItem img { width: 350px; height:350px;}
	#lightbox_1x1 .lightboxItem .lightboxTextListItem { width: 350px; height:140px; }


	/*
	=lightbox_1x2
	--------------------------------------------------------------------------------------------------
	*/
		
	#lightbox_1x2 .lightboxItem { width:259px; margin:0px 20px 0px 0px; height: 400px;}
	#lightbox_1x2 .lightboxItem .lightboxImageListItem,
	#lightbox_1x2 .lightboxItem .lightboxImageListItem img { width: 259px; height:259px;}
	#lightbox_1x2 .lightboxItem .lightboxTextListItem {  width: 259px; height:140px;}
	#lightbox_1x2 #lightboxItem_1{margin-right: 0px;}

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

	/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_3x4 .lightboxItem { margin:10px 35px 5px 0em; }
	#lightbox_3x4 .listImg img { width:135px;}
	#lightbox_3x4 .lightboxTextListItem { width:135px;}
	#lightbox_3x4 .lightboxImgInnerContainer { width:135px;}
	#lightbox_3x4 #lightboxItem-3, 
	#lightbox_3x4 #lightboxItem-7, 
	#lightbox_3x4 #lightboxItem-11{margin-right: 0px;}
	
	/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_4x5 .lightboxItem { margin:10px 23px 5px 0em; }
	#lightbox_4x5 .listImg img { width:110px; height:110px;}
	#lightbox_4x5 .lightboxTextListItem { width:110px; }
	#lightbox_4x5 .lightboxImgInnerContainer { width:110px; }
	
	#lightbox_4x5 #lightboxItem-4, 
	#lightbox_4x5 #lightboxItem-9, 
	#lightbox_4x5 #lightboxItem-14, 
	#lightbox_4x5 #lightboxItem-19{margin-right: 0px;}


	/*
	=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: 0em 0.1em 0.1em 0;}

		.tspPortfolioElementHandler img { vertical-align: middle;/*width: 1em; height: 1em; */}
		.tspPortfolioElementHandler_text:hover{/*background-color: #ccc;*/}
		.tspPortfolioElementHandler_text{}
		.tspPortfolioElementHandler a { text-decoration: none; font-weight: normal; color: #666;}
		.tspPortfolioElementHandler a:hover {color: #f90;}
		
		.tspTitleLink{}
		
		.tspReferenceLink{}
		
		
/*
=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-top: 0em; font-size: 1.0em; padding: 0 0 1em 0; width: 648px;}
	
	.searchForm fieldset.searchFulltext {padding: 3em 0 0 0; margin: 0; border-bottom: 1px solid #fff; width: 648px; }
	
	.searchForm .formItem{padding-bottom: 1em;}

	.searchForm fieldset.searchItems {padding: 1em 0 0 0; margin: 0;}

	.searchForm label { width:130px; font-size: 1.0em; text-align: left; padding: 0 10px 2px 0; margin: 0; line-height: 1em; color: #000000;}
	
	.searchForm legend {display: none;}

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

	.searchForm .inlineFieldset{padding-top: 0.1em; padding-left: 0; }
	
	.searchForm .inlineFieldsetLegend {width:130px; font-size: 1.0em; padding-top: 0.1em;text-align: left; padding-right: 10px; color: #000000;}

	.searchForm input.textSmall { width:8em; display:inline; margin-top: 0em; }

	.searchForm select { width:384px; }
	
	.searchForm select.selectCombined { width:19.7em;} 
	
	.searchForm input.textCombined { width:20em; display: inline; }	
	
	.searchForm .formButton { width: 535px; margin-top: 1em; padding: 1em 0em 1em 0;}

	.searchForm .resetButton {}
	
	.searchForm .infoMessage {padding-bottom: 1.5em;}
	

	#searchForm .resetButton {padding-right: 10px;}
	.searchForm .startButton a, .searchForm .resetButton a {
		text-decoration: none;
		color: #666;
		font-size: 1.0em;
		border-top: 1px solid #ddd;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #ddd;
		background-color: #fff; 
		text-align:center;
	}
	.searchForm .startButton a{padding: 3px 12px 3px 12px; }
	.searchForm .resetButton a{padding: 3px 8px 3px 8px; }

	.searchForm .startButton {padding-right: 10px;}
	.searchForm .startButton a:hover, .searchForm .resetButton a:hover { 
		background-color: #f9f9f9; 
		color: #f90;
		border-top: 1px solid #ddd;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #ddd;
	}
	
	#formItem_field_10384{display: none;}
	
	
/* vvvvvvvvvvvvvvvvvv Smart Search Field stuff vvvvvvvvvvvvvvvvvvvvvv */
	.searchForm .smartFieldItem{height: 2em;}
	.searchForm .smartFieldLabel { width:130px; float: left;}
	.searchForm .smartFieldContainer input {height:18px; margin-bottom: 2px; width: 332px;}

	.searchForm .smartFieldContainerOuter {position:relative; /*top: 0px; left: 0px; right: 0px; bottom: 0px;*/ float: left; width: 376px;}
	
	.smartFieldItem .cleaner {width: 10px; height: 1px; background-color: #fff; display: none;}

	.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton { margin-left:2px;}		
	
	.x-form-trigger{}
	.x-form-field{
		font-family: arial,helvetica,clean,sans-serif;
		font-size: 12px;
		color: #000;
	}
	.mpComboBox-item {
		font-family: arial,helvetica,clean,sans-serif;
		font-size: 12px;
		color: #000;
		padding:0px 3px; border:1px solid #fff;
		white-space:normal;
		overflow:auto;
		text-overflow:ellipsis;
		background-color: #FFFFFF;
	}

	.mpComboBox-item-selected {
			background:#DFE8F6 none repeat scroll 0 0;
			border:1px dotted #A3BAE9 !important;
			cursor:pointer;	
			}
	.mpComboBox-item-highlight { font-weight: bold; }


	.mpThesaurusDialog {z-index:500;}
	.mpThesaurusDialogBody {border: solid 1px #CCCCCC; }
	.mpThesaurusDialogButtonPanel {align:right; background:#E3E8F3; margin-top:3px; margin-left:-3px; margin-right:-3px; margin-bottom:-3px;}

	.modalBackgroundStyle {
		visibility: visible; opacity: 0.6; filter: alpha(opacity=60); 
		top: 0px; left: 0px;
		width: 100%; height: 100%;  
		background-color: #000; 
		/*position: absolute;*/
		position: fixed;
		z-index: 499;
		border-style: none;
	}		    
			
	.my-tree-close {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
	}
	
	.my-tree-open {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
	}
	
	.my-tree-joint-over .my-tree-close {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
	}
	
	.my-tree-joint-over  .my-tree-open {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
	}
	
	.tree-folder,.tree-folder-open {/* display:none; */ 
		background:  url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px; 
	}
	.my-tree-over .my-tree-icon div, .my-tree-sel .my-tree-icon div, .my-tree-icon div  {
		background:  url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
	}
	.my-tree-loading .tree-folder{
 		background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/icons/wait.gif) no-repeat 0px -1px !important;
	}
	
	
	/*^^^^^^^^^ End Smart Search Field Stuff ^^^^^^^^^^^^^^*/    

	
/* -----------------------------------------------------------------------------------------------
* 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 {display: block; float: right; margin-left: 15px; margin-top:5px;}	
.searchHistoryLink {display:block;float: right;margin-top:5px;}	
.searchHelp a, .searchHistoryLink a{color: #000;}
.searchHelp a:hover, .searchHistoryLink a:hover{color: #f90;}

/* ---------------------
 * Search History Styles
 * ---------------------
 */
.searchHistoryLink {position:relative; display: inline; margin-left: 1em; z-index:100; }






#searchHistoryPopupContainer {width: 100%; font-size: 1.2em; background-color: #fff;}
#searchHistoryPopupContainer h3{padding-left: 1em; font-weight: bold; }

#searchHistoryPopupContainer table {text-align: left; border-collapse:collapse; width: 90%; margin: 0 auto;}
#searchHistoryPopupContainer table table {width: 95%;}

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

#searchHistoryPopupContainer .unFramed {/*border-style: none;*/ width: 2em; }
#searchHistoryPopupContainer .framed {border: 1px solid #999;}

#searchHistoryPopupContainer .histFieldValueList td {padding: 0.1em;}
#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {width: 15em; font-weight: bold;}

#searchHistoryPopupContainer .histResultCount{width: 7em;}

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

#searchHistoryPopupContainer .histDate{width: 12em;}



#collectionLightbox{ /*border: 1px solid grey;*/}


.control{
	/*padding: 1em 2em;
	color: #999999;*/
	display: none;
}




/* Misc */


/* Load images locally */
/*
#container li.dropdownMenu .arrowDownButton { background-image:url(../images/controls/arrow_down.gif);}
#container li.dropdownMenu .arrowDownButton:hover { background-image:url(../images/controls/arrow_down_act.gif);}
#container .contextMenu .elementNavigatorBack  .arrowButton { background-image:url(../images/controls/arrow_left_inact.gif);}
#container .contextMenu .elementNavigatorBack a .arrowButton { background-image:url(../images/controls/arrow_left.gif);}
#container .contextMenu .elementNavigatorBack a:hover .arrowButton { background-image:url(../images/controls/arrow_left_act.gif);} 
#container .elementNavigatorNext .arrowButton { background-image:url(../images/controls/arrow_right_inact.gif);}
#container .elementNavigatorNext a .arrowButton { background-image:url(../images/controls/arrow_right.gif);}
#container .elementNavigatorNext a:hover .arrowButton { background-image:url(../images/controls/arrow_right_act.gif);}
.relatedLinks a{ background-image:url(../images/controls/arrow_link.gif);}*/

/*
body {background-image:url(../images/bg.gif); background-repeat:no-repeat;}
*/