/* CSS Document */
/*
======================================================================================================
CSS Reset
======================================================================================================
*/

@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
======================================================================================================
Positioning of main containers
======================================================================================================
*/

body {
	margin:0;
	padding:0;
	font-size:62.5%;
	padding: 0;
	background-color: #F0F0F0;	
	color:#464646;
	font-family:"Trebuchet MS",Arial,sans-serif;

}
body.highResBody{background: none;}

#container{
	background-color:#EAEAEA;
	margin: 0 auto;
	position:relative;
	width:944px;
}

#container_inner{
	margin: 0 auto;
	padding:0;
	position:relative;
	width:924px;
	background:url("?service=WebAsset&url=/images/background_interne_2.jpg&contentType=image/jpg") 40px 365px no-repeat #FFF;
}

.popupContainer { 
	margin: 0px 0px 0px 0px;
	/*font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.2em;*/
}

#header {
	width: 600px; 
}

.artistContainer #header{display: none;}

#content{
	width: 600px;
	position:relative;
	margin: 0 0 0 0;
	padding: 1px 0 0 0;
	font-size: 1.2em;
	line-height: 1.5em;
	border-top: 1px solid #fff !important;
	background: url("?service=WebAsset&url=/images/h_filet.gif&contentType=image/gif") repeat-x;
}
.artistContainer #content{background: none;}

#footer{
	background-color:#EAEAEA;
	margin: 0 auto;
	position:relative;
	width:944px;
	z-index: -1;
}
#footer_inner{
	margin: 0 auto;
	padding:0;
	position:relative;
	width:924px;
	background-color: #fff;
}


/*
======================================================================================================
Torino Elements
======================================================================================================
*/

#torino_aroundbox{
	float: left;
	width: 600px;
	padding-left: 28px;
}

/* ------------ Torino_header_elements ------------------*/

#torino_header{padding-left: 38px; padding-bottom: 16px;}
#torino_top_image{height: 150px;}

/* ------------ Torino_top_navigation ------------------*/
#torino_top_menu{width: 848px; background: url("?service=WebAsset&url=/images/filetto_menu.gif&contentType=image/gif") repeat-x #535353;}
#torino_top_menu ul li{float:left; background-color: #535353;}
#torino_top_menu ul li:hover{background-color: #d28a36;}
#torino_top_menu ul li.first{background: url("?service=WebAsset&url=/images/bkg_top_left.gif&contentType=image/gif") bottom left no-repeat;}

#torino_top_menu ul li.first:hover{background-image: url("?service=WebAsset&url=/images/bkg_top_left_act.gif&contentType=image/gif"); background-color: #d28a36; }

#torino_top_menu ul li a{
	display:block;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	line-height:1.3em;
	padding:5px 20px 5px 15px;
	text-decoration:none;
	background: url("?service=WebAsset&url=/images/arrowMenu.gif&contentType=image/gif") no-repeat 8px 7px;
}
#torino_top_menu ul li a:hover{
	color: #535353;
	background-image: url("?service=WebAsset&url=/images/arrowMenu_over.gif&contentType=image/gif");
}
#torino_top_menu ul li.act{background-color: #d28a36;}
#torino_top_menu ul li.act a{
	color: #535353;
	background-image: url("?service=WebAsset&url=/images/arrowMenu_over.gif&contentType=image/gif");
}

/* ------------ Torino_left_navigation ------------------*/

#torino_navig{ 
	float: left;
	padding: 0 0 51px 38px;
	width:215px;
	background: url("?service=WebAsset&url=/images/v_dot.gif&contentType=image/gif") repeat-y scroll right bottom transparent;
}
#torino_navig h1{
	color:#B7792E;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:1.7em;
	padding: 0;
	margin: 0;
}
#torino_navig ul{padding: 11px 0px 0px 0px;}
#torino_navig li{
	border-bottom: 1px solid #fff!important;
}
#torino_navig a {
	font-size: 1.1em;
	color: #666;
	display: block;
	margin: 0;
	/*padding: 0.9em 0 0.8em 14px;*/
	padding: 0.9em 0 0.9em 14px;
	background: url("?service=WebAsset&url=/images/bg_torino_nav.jpg&contentType=image/jpg") no-repeat 0 0.1em;
	text-decoration: none;
}
#torino_navig a:hover, #torino_navig a.active {
	color: #fff;
	background-image:url("?service=WebAsset&url=/images/bg_torino_nav_act.jpg&contentType=image/jpg");
}
.navig_epoch{display: none;}

/* ------------ Torino_Footer ------------------*/

#torino_footer {
	background-color:#AE6611;
	height:23px;
	width:848px;
	margin: 0 auto;
	color: #fff;
}
#torino_footer a{color: #fff; text-decoration: none;}
#torino_footer .centro {
	left:150px;
	position:absolute;
	top:0;

}
#torino_footer img{float: left;}
#torino_footer  p {
	float:left;
	height:12px;
	line-height:1.3em;
	padding:4px 10px 0 7px;
}

/* ------------ Torino_misc ------------------*/
#torino_title h1{
	padding-bottom: 1em;
}
.intro h2{font-weight: bold; margin-bottom: 10px;}
.intro p{margin-bottom: 10px;}
.intro ol{list-style: decimal;
	padding-left: 20px;;
}

.intro_it, .intro_en {float: left; width: 292px;
margin-bottom: 20px;}

.intro_it{margin-right: 10px;}
.intro_en{color: #999033;}

.artistContainerDetailView #torino_title{display: none;}

#container.artistContainerDetailList #torino_epoch_list{display: none;}

#torino_epoch_list{position: absolute; right: 40px; z-index: 500;}

.epochTitleEn{font-style: italic; font-style: normal; color: #999033; font-weight: bold; display: block; padding-top: 0.5em;}
.epochTitleEn .tspPrefix{display: none;}

.helpinfo{margin-left: 160px; width: 360px; font-size: 1.2em; line-height: 1.5em; padding-bottom: 30px; }
.helpinfo_en{display: block; margin-top: 0; color: #999033;}
/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

	a {color:#CA9B33;}
	a:hover { color:#CA9B33;}

	h1 {font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.7em;}
	h1.torino_epoch_title{font-size: 1.5em; width: 460px; }

	h2, h3, h4 {font-size: 1.0em; font-weight: normal;}


/*
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 { 
		/*border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		border-top: 1px solid #cbccce;
		border-left: 1px solid #97999d;*/
		padding: 0.2em 0.2em;
		margin: 0; 
		font-family:"Trebuchet MS",Arial,sans-serif;
		font-size: 1.2em; 
		/*background-color: #fff;*/
		color: #000;
		background-color: #FDFDF9; 
		border: 1px solid #ddd;
		
	}
	
	
	select{padding-left: 0;}

	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;}
	.bottomspace{height: 2em; width: 10px;}

	.error { color:#e60028; }

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

	.highlight { }

	.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{margin: 0;padding: 20px; }
	
	.highResBody table{margin: 0; }
	.highResBody td{padding: 0; margin: 0;}
	.highResImage{padding: 0; margin: 0; }
	.highResImage img {}
	
/*
======================================================================================================
=logo
======================================================================================================
*/



/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
	#language, #loginButton, .siteSearchLabel{font-size: 0.91em; padding-top: 0.2em; position: relative;}
	
	/* ---------- Language -----------*/
	#language {}	

	/* ---------- Login -----------*/
	#loginButton {}

	/* ---------- Site Search -----------*/
	
	#siteFunctions{
		z-index: 100;
		width: 720px; 
		margin-left: 20px;
		padding: 20px 20px 10px 20px;
		background-color: #fff;
		text-align: right;
	}

	
	
	
	#siteFunctionsContainer{}
	#siteSearchContainer{
		position: relative; 
		padding:0; 
		margin:0 0 0 0; 
		
	}
	#siteSearch{margin: 0; padding: 0;}
	#siteSearchItems{margin:0; padding: 0; width: 720px;}
	
	#siteSearchInput {
		width:150px; 
		margin:0 0 .2em; 
		border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		border-top: 1px solid #cbccce;
		border-left: 1px solid #97999d;
		padding: 0.3em 0.2em;
		margin: 0; 
		font-size: 1.2em; 
		background-color: #fff;
		color: #000;
	}
	#siteSearchButton {
		color: #fff; 
		font-size: 1.2em; 
		/*font-weight: bold;*/
		text-align: center;
		cursor: pointer; 
		margin:0 ; 
		padding: 0.1em 0;
		background-color: #bcbec1;
		border-bottom: 1px solid #a9aab0;
		border-right: 1px solid #a9aab0;
		border-top: 1px solid #d2d3d4;
		border-left: 1px solid #d2d3d4;
	}
	
	#siteSearchButton:hover {
		border-top: 1px solid #b1b3b6;
		border-right: 1px solid #6b6c6f;
		border-bottom: 1px solid #6b6c6f;
		border-left: 1px solid #b1b3b6;
		background-color: #97999D; 
	}
	
	.siteSearchLabel {display: none;}

/*
======================================================================================================
=navigation
======================================================================================================
*/
	#mainNav {}		
	#mainNav li.mainNavItem {}


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

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


	/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
	
		#moduleFunctionReference{display: none;}	
		#moduleFunctions {font-size: 1.2em; border-bottom: 1px solid #fff; height: 1.4em; padding-bottom: 0.7em;}
		#moduleFunctions li.moduleFunctionItem {float: left;}
		#moduleFunctions li.moduleFunctionItem a{ display:block; padding: 0 1.5em 0 0; }
		#moduleFunctions li.moduleFunctionItem a:visited{/*color:#334353!important;*/}
		#moduleFunctions li.moduleFunctionItem a:hover{ color: #A15C32; }
		#moduleFunctions li.moduleFunctionItem a.active {color: #A15C32; text-decoration: none;}
		#moduleFunctions li.moduleFunctionItem a.active:hover{}
		#moduleFunctions li.moduleFunctionItem a.active:visited{/*color: #73004D;*/}

/*
======================================================================================================
=content
======================================================================================================
*/
	/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
	 .filterSection {}
	
		/*
	--------------------------------------------------------------------------------------------------
	*/
	
	
		
		#container .contextMenuContainer { 
			position: relative; 
			z-index:100!important; 
			display:block; 
			width: 600px; 
			font-size: 0.92em;
			border-top: 1px solid #fff;!important
			padding-top: 0;
			background-color: #fff;
			border-bottom: 1px solid #fff;
			padding-bottom: 1px;
			background:url('?service=WebAsset&url=/images/h_filet.gif&contentType=image/gif') repeat-x bottom;
		}
		
	    #container.artistContainer .contextMenuContainer{display: none;}
		#container.artistContainer .inlineModule .contextMenuContainer{display: block;}
		
		
		#container .bottomContextMenuContainer {border: none; height: 2.5em; }
		#container .bottomContextMenuContainer .contextMenuContainer{height: 2.2em; background: none;}

		#container .detail{z-index: 50!important;}

		#container .contextMenu{position: relative;	}

		#container .contextMenuContainer .menuItem { text-align:left!important; }
		#container .contextMenuContainer a, #container .contextMenuContainer a:visited {}
		#container .contextMenuContainer a:hover {}
		#container li.dropdownMenu { 
			display:block; 
			float:left; 
			position:relative; 
			cursor: default; 
			border: 1px solid #fff; 
			padding: 0.1em 0.4em 0.1em 0.1em;
			margin:0 .5em 0 0; 
			color: #464646; 
			cursor: pointer;
			z-index: 2!important;
		}
		#container .bottomContextMenuContainer li.dropdownMenu {background-color: #fff; border-color: #fff;}
		#container li.dropdownMenu ul { 
			width: 165px;
			display:none; 
			position:absolute; 
			top:100%; 
			left:-1px; 
			text-align:center; 
			z-index:1; 
			margin-top: 1px;
			border-top: 1px solid #fff;
		}
		#container li.dropdownMenu ul li { 
			display:block; 
			float:none; 
			width: 100%;
			margin:0; 
			padding:0; 
			z-index: 1;
			background: url('?service=WebAsset&url=/images/bg_dd.gif&contentType=image/gif') no-repeat;
			height: 29px;
		}

		#container li.dropdownMenu ul li:hover {background: url('?service=WebAsset&url=/images/bg_dd_hov.gif&contentType=image/gif') no-repeat; }
		#container li.dropdownMenu:hover ul { display: block; }
		#container li.dropdownMenu ul li a { 
			display:block; 
			width:169px; 
			font-weight:normal; 
			padding:4px; 
			text-decoration: none;
		}
		#container li.elementNavigator ul li a { 
			width:97%; 
		}
		#container li.dropdownMenu .arrowDownButton, #container li.dropdownMenu .arrowDownButton:hover { 
			padding: 0px 8px 0px 8px; 
			background: url('?service=WebAsset&url=/images/controls/arrow_down.gif&contentType=image/gif') no-repeat center;
		}
		#container li.dropdownMenu .arrowDownButton:hover { 
			background-image: url('?service=WebAsset&url=/images/controls/arrow_down_act.gif&contentType=image/gif');
		
		}

		
		/* --------------------- ELEMENT NAVIGATOR -------------------------------*/
		
		#container .elementNavigatorLabel{padding:0.1em 0.6em .1em 0; }
		#container .elementNavigator .menuItem { text-align:center!important; }
		
		#container .resultCount {
			margin: 0; 
			padding: 0.1em 0 0 .4em;
			font-size:1em!important;
			color: #666;
		}
		#container li.elementNavigator  {width: 5.2em; text-align: center; margin: 0; float: right; display: block; }	/*single numbers*/
		
		#container li.elementNavigatorResultBox{
			z-index: 1!important;
			margin: 0;
			padding: 0;
		}
		
		#container li.dropdownMenuFromTo{width: 82px; } /*from to numbers - must be wider*/		
		#container li.elementNavigator ul {width: 59px; margin-left: 1.5em; text-align:center; margin-top: 1px; }		
		#container li.dropdownMenuFromTo ul{width:82px; margin-left: 1.5em; }
		#container li.elementNavigator .elementNavigatorCurrent{float: left; width: 59px;}		
		#container li.elementNavigator .elementNavigatorFromTo{text-align: left; width: 82px;}		
		
		/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/
		#container .elementNavigatorResultBox{float: right; position: relative; width: 14em; display: inline; }
		#container .bottomContextMenuContainer .elementNavigatorResultBox{margin-right: 0;}
		/*---------- new ks 2008-08-07 -------------------*/
		

		
		#container li.elementNavigator ul li { background-image: url('?service=WebAsset&url=/images/bg_dd_elementnav.gif&contentType=image/gif') ; }
		#container li.elementNavigator ul li:hover {background-image: url('?service=WebAsset&url=/images/bg_dd_elementnav_hov.gif&contentType=image/gif');}
		#container li.dropdownMenuFromTo ul li { background-image: url('?service=WebAsset&url=/images/bg_dd_elementnav_fromto.gif&contentType=image/gif') ; }
		#container li.dropdownMenuFromTo ul li:hover { background-image: url('?service=WebAsset&url=/images/bg_dd_elementnav_fromto_hov.gif&contentType=image/gif') ; }
		
		
		
		
			
		#container .elementNavigatorResultBoxFromTo{float: right;position: relative; width: 17em; display: inline; }	

		#container ul.elementNavigatorResult{float: left; display: block;}		
		#container ul.elementNavigatorResult li{float: left; /*line-height: 1.95em;*/}
		#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; }		
		#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: 30px; text-align:right; display: block; float: left; padding-right:0.3em; margin-left: 0; padding-left: 0; }		
		
		#container .elementNavigatorNext a:hover, 
		#container .elementNavigatorNext a,
		#container .elementNavigatorBack a:hover,
		#container .elementNavigatorBack a{
			text-decoration: none;
			color: #ccc;
		}
		#container .elementNavigatorNext, #container .elementNavigatorBack{
			float: left; 
			width: 1.5em;
			padding-top: 0.2em;
		}
		#container .contextMenu .elementNavigatorBack  .arrowButton { 
			background:url('?service=WebAsset&url=/images/controls/arrow_left_inact.gif&contentType=image/gif') no-repeat 0.1em 0.3em;
			display: block;
			width: 1.5em;
		}
		#container .contextMenu .elementNavigatorBack a .arrowButton { 
			background: url('?service=WebAsset&url=/images/controls/arrow_left.gif&contentType=image/gif') no-repeat 0.1em 0.3em;
			cursor: pointer;
		}
		#container .contextMenu .elementNavigatorBack a:hover .arrowButton { 
			background: url('?service=WebAsset&url=/images/controls/arrow_left_act.gif&contentType=image/gif') no-repeat 0.1em 0.3em;
		}	
			
		#container .elementNavigatorNext .arrowButton { 
			background: url('?service=WebAsset&url=/images/controls/arrow_right_inact.gif&contentType=image/gif') no-repeat 0em 0.3em; 
			display: block;
			width: 1.5em;
		}
		#container .elementNavigatorNext a .arrowButton { 
			background: url('?service=WebAsset&url=/images/controls/arrow_right.gif&contentType=image/gif') no-repeat 0em 0.3em; 
			cursor: pointer;
		}
		#container .elementNavigatorNext a:hover .arrowButton { 
			background: url('?service=WebAsset&url=/images/controls/arrow_right_act.gif&contentType=image/gif') no-repeat  0em 0.3em; 
		}
		
		#container .disabled { 
			color:#aaa; 
			padding:0.2em 0; 
			font-weight: normal;
		}
		#container .highlight { 
			padding-right: 0.3em;
		}

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

	/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
		.lightbox,
		.detailList,
		.simpleList,
		.detail { width: 600px; padding-top:1.5em; padding-bottom: 1em; position: relative; display: block; min-height: 120px;}
		
		.detailList{padding-top: 0.5em;}
		.lightbox{padding-top: 0.5em;}
		
		.artistContainer .detailList,
		.artistContainer .detail{padding-top: 0em; }
		
		.artistContainer .inlineModule .detailList{padding-top: 0.5em;}
		.artistContainer .inlineModule .detail{padding-top: 1.5em; }
		
		.lightbox a:hover,
		.detailList a:hover,
		.simpleList a:hover,
		.detail a:hover { background-color: #F9F4E1;}
		
		.lightbox .contextMenu a:hover,
		.detailList .contextMenu a:hover,
		.simpleList .contextMenu a:hover,
		.detail .contextMenu a:hover { background-color: transparent;}
		
		.referenceContainer .lightbox,
		.referenceContainer .detailList,
		.referenceContainer .simpleList,
		.referenceContainer .detail {width: 600px;}

	
	/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/		
		
		.simpleListItem { }
		


	/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
	
		.detailListItem{display:block; 
			padding:0.5em 0; 
			position: relative; 
			background:url("?service=WebAsset&url=/images/h_filet.gif&contentType=image/gif") repeat-x bottom;
			width: 600px;
		}
		.detailListItem .listImg { float:left; width: 125px; height: 125px; border: 1px solid #ddd; padding: 5px; margin-top: 0.4em; margin-bottom: 0.2em;}
		.detailListItem .listImg img { width: 125px; height: 125px;}
		.detailListItem .listImg a{background-color: #fff;}
		
		#content .detailListItem .listTitle { float:left; position: relative; width: 440px; margin-left: 20px;}
		
		#container.artistContainerDetailList .detailListItem{width: 292px; height: 8em; float: left; background-position: top;}
		#container.artistContainerDetailList .detailListItem .listImg {width: 65px; height: 65px; padding: 2px;}
		#container.artistContainerDetailList .detailListItem .listImg img{width: 65px; height: 65px;}
		#container.artistContainerDetailList .detailListItem .listTitle {width: 205px; margin-left: 10px; }
		
		#container.artistContainerDetailList #detailListItem-0,
		#container.artistContainerDetailList #detailListItem-1{background: none;}
		
		#container.artistContainerDetailList #detailListItem-1,
		#container.artistContainerDetailList #detailListItem-3,
		#container.artistContainerDetailList #detailListItem-5,
		#container.artistContainerDetailList #detailListItem-7,
		#container.artistContainerDetailList #detailListItem-9,
		#container.artistContainerDetailList #detailListItem-11,
		#container.artistContainerDetailList #detailListItem-13,
		#container.artistContainerDetailList #detailListItem-15,
		#container.artistContainerDetailList #detailListItem-17{margin-left: 10px;}
		
		.detailListItem li{border-bottom: 1px solid #fff!important;}
		
		.detailListItem .inventory .tspPrefix,
		.detailListItem .dating .tspPrefix,
		.detailListItem .material .tspPrefix,
		.detailListItem .provenance .tspPrefix,
		.detailListItem .category .tspPrefix,
		.detailListItem .objectname .tspTitleLinkPrefix{color: #999; padding-right: 15px; width: 80px; display: block; float: left; font-weight: normal;font-size: 0.92em; }	
		
		.detailListItem .inventory .tspValue,
		.detailListItem .dating .tspValue,
		.detailListItem .material .tspValue,
		.detailListItem .provenance .tspValue,
		.detailListItem .category .tspValue{float: left; width: 340px;}	
		.detailListItem .objectname a{float: left; max-width: 340px;}
		
		.detailListItem .inventory .tspEnd,
		.detailListItem .dating .tspEnd,
		.detailListItem .material .tspEnd,
		.detailListItem .provenance .tspEnd,
		.detailListItem .category .tspEnd{clear: both; height:0px; font-size: 0px; line-height: 0px; display: block;}
		
		
		.detailListItem .listButton{padding-top: 0.5em; padding-left: 95px;}
		.detailListItem .cleaner{
			height: 1px;
			font-size: 1px;
			line-height: 1px;
			width: 200px;
			/*margin-left: 150px;	*/
		}
	/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/
		/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
			.detailItem { clear:both; position:relative; margin-bottom: 0.5em; margin-top: 0em; width: 600px; }
			.detailItem .detailImg, .detailItem .listImg { float:left; width: 125px; height: 125px; border: 1px solid #ddd; padding: 5px; }
			.detailItem .detailImg img {width: 125px; height: 125px;}
			.detailItem .detailCaptionData{float:left; position: relative; width: 440px; margin-left: 20px; }
			.detailItem h2{font-weight: normal;}
			.detailItem .detailImg a{background-color: #fff;}

			.detailItem li{border-bottom: 1px solid #fff!important;}

			.detailItem .inventory .prefixInv,
			.detailItem .ra .tspPrefix,
			.detailItem .objectname .tspPrefix,
			.detailItem .dimension .tspPrefix,
			.detailItem .dating .tspPrefix,
			.detailItem .material .tspPrefix,
			.detailItem .provenance .tspPrefix,
			.detailItem .category .tspPrefix,
			.detailItem .location .tspPrefix{color: #999; padding-right: 15px; width: 80px; display: block; float: left; font-weight: normal;font-size: 0.92em;}	
			
			.detailItem .inventory .invrcge,
			.detailItem .ra .tspValue,
			.detailItem .objectname .tspValue,
			.detailItem .dimension .tspValue,
			.detailItem .dating .tspValue,
			.detailItem .material .tspValue,
			.detailItem .provenance .tspValue,
			.detailItem .category .tspValue,
			.detailItem .location .tspValue{float: left; width: 340px; }	
			
			.detailItem .ra .tspEnd,
			.detailItem .objectname .tspEnd,
			.detailItem .dimension .tspEnd,
			.detailItem .dating .tspEnd,
			.detailItem .material .tspEnd,
			.detailItem .provenance .tspEnd,
			.detailItem .category .tspEnd,
			.detailItem .location .tspEnd{clear: both; height:0px; font-size: 0px; line-height: 0px; display: block;}

			.detailItem .captionLinks{padding-top: 0.5em; padding-left: 95px;}

			.detailItem .bookmark{padding-left: 0px; font-size: 0.92em; }
			.detailItem .bookmarkLink label{width: 275px; color: #A05C32;}
			.detailItem .bookmarkLink input{
				width: 320px; 
				font-size: 0.92em; 
				background-color: #FDFDF9; 
				border: 1px solid #ddd;
				font-family: Arial, Helvetica, sans-serif;
			}
			#artistDetailItem .bookmark{display: none;}
			
		
		/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
			
			.referenceContainer {position:relative; border-top: 1px solid #fff; display:block; width:600px; } 

			.referenceTabItem,
			.referenceTabItemActive {float:left; margin:0.5em 1.3em 0.5em 0; padding:0; font-size: 0.92em;}
			
			.referenceTabItem a,
			.referenceTabItemActive a {display:block; padding: 1em 1.5em 0 0; }
			
			.referenceTabItem a{}
			.referenceTabItemActive a, .referenceTabItem a.active {color:#A15C32; text-decoration: none; background-color: #fff;}
			
			.referenceTabItem a:visited{}
			.referenceTabItemActive a:visited, .referenceTabItem a.active:visited {}
			
			.referenceTabItem a:hover{color:#A15C32; text-decoration: underline; background-color: #fff;}
			.referenceTabItemActive a:hover, .referenceTabItem a.active:hover {color:#A15C32; background-color: #fff;}
			


		/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/
		
		.referenceContainer .reference { display:block; /*float:left; */width:100%; padding-bottom: 2em; border-top: 1px solid #fff; background-color: #fff!important; background: url("?service=WebAsset&url=/images/h_filet.gif&contentType=image/gif") repeat-x; padding-top: 1px; clear: both;}
		
		
		.referenceContainer .reference .caption { padding:0; margin:0;}
		.reference p { padding:1em 0em; margin:0; text-align:left; }
		
	
		
		
		
	/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/
	
	/*lightbox */
	.lightboxItem { display:block; float:left; }
	#content .lightboxItem ul.listText li { font-size: 1em; line-height:1.2em; margin:0;}
	#content .lightboxItem ul.listText li.listButton {margin-top: 0.2em; margin-bottom: 0em; padding: 0;}
	#content .lightboxItem ul.listText{padding-top: 0.3em;}
	.lightboxTextListItem { padding:0; margin:0; }
	.lightboxItem li { padding:0; margin:0; }
	.lightboxTextListItem li { padding:0.1em 0; margin:0;}
	.lightboxItem .listImg{border: 1px solid #ddd;}
	
	.lightboxGroupItem { display:block; float:left;}
	.lightboxItem h2{font-size: 0.92em;}	
	.lightboxGroupItem{padding-bottom: 5px;}

	/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/
	.lightboxItem a{}
	.lightboxItem a:hover{}
	.listImg a{}
	
	.lightboxItem .listImg a{background-color: #fff;}

	/*
	=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 42px 5px 0em; }
	#lightbox_2x3 .listImg img { width:210px;}
	#lightbox_2x3 .lightboxTextListItem { width:210px;}
	#lightbox_2x3 .lightboxImgInnerContainer { width:210px;}
	#lightbox_2x3 #lightboxItem-2, #lightbox_2x3 #lightboxItem-5 {margin-right: 0px;}
	
	/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_3x4 .lightboxItem { width: 135px; margin: 10px 17px 5px 0em;}
	#lightbox_3x4 .listImg  { width:125px; height: 125px; padding: 5px;}
	#lightbox_3x4 .listImg img { width:125px;}
	#lightbox_3x4 .lightboxTextListItem { width:125px;}
	#lightbox_3x4 .lightboxImgInnerContainer { width:125px;}
	#lightbox_3x4 #lightboxItem-3, 
	#lightbox_3x4 #lightboxItem-7, 
	#lightbox_3x4 #lightboxItem-11{margin-right: 0px;}
	
	/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_4x5 .lightboxItem { margin:10px 10px 5px 0em; width: 110px;}
	#lightbox_4x5 .listImg  { width:100px; height:100px; padding: 5px;}
	#lightbox_4x5 .listImg img { width:100x; height:100px;}
	#lightbox_4x5 .lightboxTextListItem { width:100px; }
	#lightbox_4x5 .lightboxImgInnerContainer { width:100px; }
	
	#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; }
	/*
	Portfolio Element Handler
	-------------------------------------------------------------------------------------------------
	*/

	.tspPortfolioElementHandler {position: relative; border: 1px solid #fff;!important;}
	.tspPortfolioElementHandler_image {display: none;}
	.tspPortfolioElementHandler img {}
	.tspPortfolioElementHandler a { display: block; text-decoration: none;}
	.tspPortfolioElementHandler_text:hover {background-color: #F9F4E1;}
	.tspPortfolioElementHandler_text{font-size: 0.92em; /*display: block;*/ margin-left: 16px; }
	.tspPortfolioElementHandler a.add {background:url('?service=WebAsset&url=images/controls/buttonUnclicked.png&contentType=image/png') no-repeat 0 0.35em;}
	.tspPortfolioElementHandler a.remove {background:url('?service=WebAsset&url=images/controls/buttonClicked.png&contentType=image/png') no-repeat 0 0.35em;}
	
	.lightbox .tspPortfolioElementHandler a.add,
	.lightbox .tspPortfolioElementHandler a.remove{background-position: 0 0.2em;}

	
/*
=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
--------------------------------------------------------------------------------------------------
*/
	
	#formItem_field_10306, #formItem_field_10307{display: none;}
	
    .searchForm{font-size: 1.0em; padding: 0 0 1em 0; width: 600px; margin-top: 0em; margin-left: -5px;}
	
	.searchForm .fulltextSearch{background:url('?service=WebAsset&url=images/bg_fulltext.gif&contentType=image/gif') no-repeat; width: 561px; padding: 25px 10px 30px 20px;}

	.searchForm fieldset.searchFulltext {padding: 0 0 0 0; margin: 0; border-bottom: 1px solid #fff; width: 480px; }
	
	.searchForm .formItem{padding-bottom: 0.5em;}

	.searchForm fieldset.searchItems {padding: 1em 0 0 20px; 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:360px; font-size: 1em;}

	.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:6em; display:inline; margin-top: 0em;  font-size: 1em;}

	.searchForm select { width:368px;  font-size: 1em;}
	
	.searchForm select.selectCombined { width:19.7em;} 
	
	.searchForm input.textCombined { width:20em; display: inline; }	
	
	.searchForm .formButton { width: 525px; margin-top: 1em; padding: 1em 0em 2em 0;}

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

	#searchForm .resetButton {padding-right: 10px;}
	
	.searchForm .startButton a, .searchForm .resetButton a {
		font-size: 1.0em;
		text-align:center;
		text-decoration: none;
	}

	.searchForm .resetButton a, .searchForm .startButton a {	
		color: #fff;
		background-color: #CC9933;
		border-bottom: 1px solid #9B7928;
		border-right: 1px solid #9B7928;
		border-top: 1px solid #D7B264;
		border-left: 1px solid #D7B264;
		padding: 2px 8px 2px 8px;
	}

	.searchForm .startButton {padding-right: 0px;}
	.searchForm .startButton a:hover, .searchForm .resetButton a:hover { 		
		color: #fff;
		background-color: #b8792e;
		border-top: 1px solid #ca9b62;
		border-right: 1px solid #9d6727;
		border-bottom: 1px solid #9d6727;
		border-left: 1px solid #ca9b62;
	}
	
	
/* 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: 314px; }

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

	.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton { margin-left:10px;}		
	
	.x-form-field-wrap .x-form-trigger{background-image:url('?service=WebAsset&url=images/trigger.gif&contentType=image/gif'); border-bottom-color:#ddd;}
	.x-form-field{
		font-family: arial,helvetica,clean,sans-serif;
		font-size: 12px;
		color: #000;
	}
	.x-form-text, textarea.x-form-field {background: none; background-color: #FDFDF9; border: 1px solid #ddd;}
	.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(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
	}
	
	.my-tree-open {
	  background: url(/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(/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(/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(/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(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
	}
	.my-tree-loading .tree-folder{
 		background: url(/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: inline; line-height: 3em;}	
.searchHistoryLink {position:relative; display: inline;  line-height: 1.9em; margin-left: 1em; z-index:100;}
.searchHelp a, .searchHistoryLink a{font-size: 0.92em; }
.searchHelp a:hover, .searchHistoryLink a:hover{}


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

#searchHistoryPopupContainer {width: 100%; font-size: 1.2em; background-color: #fff; padding: 1em 0 3em 0;}
#searchHistoryPopupContainer h3{padding-left: 1em; font-weight: bold; margin-bottom: 1em;}
#searchHistoryPopupContainer table {text-align: left; border-collapse:collapse; width: 100%; margin: 0 auto;}
#searchHistoryPopupContainer table.searchHistoryTable{width: 90%;}
#searchHistoryPopupContainer .searchHistoryTable td, 
#searchHistoryPopupContainer .searchHistoryTable th { padding: 0.2em; vertical-align:top;}
#searchHistoryPopupContainer .unFramed {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;}
#searchHistoryPopupContainer a:hover{cursor:pointer;}

.printonly{
	display: none;
}


.control{ 
	display: none;
	color: #999;
	font-size: 0.8em;
}


/* ^^^^^^^^^^^^^^ BOGOTA STYLES FOR HEADER AND FOOTER ^^^ END ^^^^^^^^^^^^^^ */


/* Misc */


/* Load images locally */
/*
#container_inner{background-image:url("../images/background_interne_2.jpg");}
#torino_top_menu{background-image:url("../images/filetto_menu.gif");}
#torino_top_menu ul li.first{background-image: url("../images/bkg_top_left.gif");}
#torino_top_menu ul li.first:hover{background-image: url("../images/bkg_top_left_act.gif");}
#torino_top_menu ul li a{background-image: url("../images/arrowMenu.gif");}
#torino_top_menu ul li a:hover{background-image: url("../images/arrowMenu_over.gif");}
#torino_top_menu ul li.act a{background-image: url("../images/arrowMenu_over.gif");}
#torino_navig{ background-image: url("../images/v_dot.gif");}
#torino_navig a {background-image: url("../images/bg_torino_nav.jpg");}
#torino_navig a:hover, #torino_navig a.active {background-image:url("../images/bg_torino_nav_act.jpg");}
#content{background-image: url("../images/h_filet.gif");}
.referenceContainer .reference {background-image: url("../images/h_filet.gif");}
.tspPortfolioElementHandler a.add {background-image:url("../images/controls/buttonUnclicked.png");}
.tspPortfolioElementHandler a.remove {background-image:url("../images/controls/buttonClicked.png");}

.detailListItem{background-image: url(../images/h_filet.gif);}
#container .contextMenuContainer {background-image: url(../images/h_filet.gif);}
#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);}



#container li.dropdownMenu ul li { background-image:url(../images/bg_dd.gif);}
#container li.dropdownMenu ul li:hover { background-image:url(../images/bg_dd_hov.gif);}
#container li.elementNavigator ul li { background-image:url(../images/bg_dd_elementnav.gif);}
#container li.elementNavigator ul li:hover { background-image:url(../images/bg_dd_elementnav_hov.gif);}
#container li.dropdownMenuFromTo ul li { background-image:url(../images/bg_dd_elementnav_fromto.gif);}
#container li.dropdownMenuFromTo ul li:hover { background-image:url(../images/bg_dd_elementnav_fromto_hov.gif);}

.searchForm .fulltextSearch{ background-image:url(../images/bg_fulltext.gif);}
*/