/* 
    Document   : structure.css
    Created on : 07-jul-2009, 19:47:49
    Author     : laurent meganck
    Description:
        structure for search and details page
*/

pre.cake-debug{ text-align: left; }

div.content{ width: 100%; margin: 0px; padding: 0px; font-size: 12px; line-height: 26px; text-align: left; }

div.content h1.title
	{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #638ab4;
	text-decoration: none;
	text-align: left;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dashed #638ab4;
	text-transform: uppercase; 
	}
	
	
div.content a{ font-weight: bold; text-decoration: none; }

div.content a:hover{}

div.content div.search_box{ width: 475px; }
	div.search_box div.input{ display: inline-block; }
	div.search_box div.input input{ width: 200px; }
	div.search_box div.input label{ width: 120px; float: left; }
	div.search_box div.radio{ margin: 5px 0 5px 0; }
		div.search_box div.radio input{ float: left; clear: left; margin: 0 5px 0 120px; vertical-align: middle; width: auto; }
		div.search_box div.radio label{ width: 200px; line-height: normal; }
	div.search_box div.select{ margin: 10px 0 10px 0; }

	div.search_box div.search_type{ padding-left: 120px; padding-right: 158px; position: relative; }
		div.search_box div.search_type div.or{
			width: 31px; z-index: 0;
			position: absolute; top: 0; left: 120px;
			margin: 0 60px 0 106px;
			text-align: center;
		}
		div.search_box div.search_type div.submit{ width: 106px; display: inline-block; float: left; }
			div.search_box div.search_type div.submit input{ width: 106px; z-index: 10; }
		div.search_box div.search_type div.button{ display: inline-block; float: right; }
			div.search_box div.search_type div.button input{ width: 60px; padding: 1px; z-index: 10; }

		div.content div.result_box{ margin-top: 20px; display: inline-block; }
			div.content div.result_box p.result{ padding-left: 40px; background: url('images/button.jpg') no-repeat 0 5px;  }
				div.result_box p.result span{ display: block; }
				div.result_box p.result span.subtitle{ font-style: italic; }
				div.result_box p.result span.short-description{ font-style: italic; }
				div.result_box p.result span.categorie{ font-weight: bold; }
			div.content div.result_box p.press{ padding-left: 120px; min-height: 40px; background: transparent url('images/icon_publications_press.png') no-repeat 0 5px; }
			div.content div.result_box p.book{ padding-left: 120px; min-height: 40px; background: transparent url('images/icon_publications_book.png') no-repeat 0 5px; }
			div.content div.result_box p.audio{ padding-left: 120px; min-height: 40px; background: transparent url('images/icon_publications_audio.png') no-repeat 0 5px; }
			div.content div.result_box p.video{ padding-left: 120px; min-height: 40px; background: transparent url('images/icon_publications_video.png') no-repeat 0 5px; }

	div.content div.details{}
		div.details h1.title{ margin-bottom: 5px; }
		div.details a.link{ display: block; }
		div.details a.document{ display: inline-block; }
			div.details a img{ vertical-align: middle; margin-right: 5px; }

		div.details p.sub{ margin-top: 0; }
			p.sub span.subtitle{ font-weight: bold; font-size: 14px; display: block; }

		div.details div.contacts{ position: relative; width: 690px; height: 20px; margin-bottom: 10px; }
			div.contacts p{ margin: 0; /*position: absolute;*/ top: 0; left: 0; }
			div.contacts p.label{ width: 140px; float: left; font-weight: bold; padding-left: 15px; }
			div.contacts p.contact{ float: left; /*margin-left: 115px;*/ width: 530px; clear: right; }

		div.details p.description{ margin-top: 1em; }

		div.details div.info{ margin-bottom: 1em; display: inline-block; width: 690px; float: left; clear: both; }
			div.info p{ margin: 0; float: left; }
			div.info p.label{ width: 115px; }
			div.info p.detail{ width: 565px; }
			div.info p.long{ width: 680px; }

#event_dates{ margin: 10px; padding: 20px; border: 1px solid; display: inline-block; width: 630px; }
	#event_dates div.date_block{ padding: 5px; border: 1px solid; margin-bottom: 10px; }
		#event_dates div.date_block h3.event_date{ margin: 0; }
		#event_dates div.date_block div.short{ display: inline-block; width: 100%; border: 1px dotted; line-height: 20px; margin: 3px 0;; }
			#event_dates div.date_block div.short span.session_time{ display: inline-block; width: 80px; float: left; margin-left: 2px; margin-right: 5px; }
			#event_dates div.date_block div.short span.session_title{ display: inline-block; float: left; margin-left; 82px; font-weight: bold; }
			#event_dates div.date_block div.short a.unfold{ float: right; margin-right: 2px; }
		#event_dates div.date_block div.details{ margin-bottom: 10px; display: inline-block; }
			#event_dates div.date_block div.details p.description{}
			#event_dates div.date_block div.details h4.session_title{}
			#event_dates div.date_block div.details p.location{}
			#event_dates div.date_block div.details div.speaker{}
				#event_dates div.date_block div.details div.speaker span.name{}
				#event_dates div.date_block div.details div.speaker span.organisation{}
		#event_dates div.date_block div.hidden{ display: none; }

div.album{ margin: 10px; padding: 20px 0 0 80px; display: block; overflow: hidden; width: 572px; }
	div.album div.image{ width: 160px; height: 160px; border: 1px solid #999; float: left; background-color: #E5E5E5; margin: 0 20px 20px 0; }
		div.image a{ display: block; height: 100%; }


div.search_box a.toggle_search{ cursor: pointer; }
div.search_box div.close{ display: none; }
table.cake-sql-log td{ text-align: left; }