/* File:		$Id: layout.css 32985 2007-12-19 14:07:19Z katharina $
 * Author:		Katharina Birkenbach
 * Date:		2006-08-10
 * Description:	Layout CSS style sheet for common templates
 */
	
/* pagetop -------------------------- */

#pagetop
	 { 	margin: 0px 0px 40px 0px;
 } 
ul.mymenu,
ul.nav
	 { 	margin: 0px;
	padding: 2px;
 } 	
ul.mymenu li,
ul.nav li
	 { 	display: inline;
	padding-right: 3px;
	margin-right: 3px;
 } 
.search_simple
	 { 	float: right;
	margin: 6px 0px;
 } 
.search_simple fieldset
	 { 	display: inline;
 } 
.search_simple input
	 { 	float: left;
	margin: 0px;
	padding: 0px;
 } 
			
/* main -------------------------- */

.col
	 { 	float: left;
	width: 31%;
	margin-right: 20px;
 } 		
#main .col
	 { 	width: 63%;
	float: left;
	margin-top: 32px;
 } 	
#main.wide .col
	 { 	width: 99%;
 } 	
#person #main .col,
#institution #main .col,
#calendar #main .col
	 { 	width: 100%;
	float: left;
	margin-bottom: 12px;
 } 
#calendar #main .col
	 { 	margin-bottom: 0px;
 } 	
#person #main .col .edit
	 { 	margin-left: 0px;
 } 	
#contactlist #main .col,
#manage #main .col,
#listpublish #main .col
	 { 	width: 100%;
	float: none;
	margin: 32px 0px 0px 0px;
 } 
/* dv -------------------------- */

#dv
	 { 	margin-bottom: 0px;
 } 	
#article #dv,
#artefact #dv
	 { 	margin-bottom: 40px;
 } 
#calendar #dv
	 { 	margin-bottom: 0px;
 } 	
.chapeau
	 { 	clear: left;
 } 
#dv #action
	 { 	margin: 10px 0px 10px 0px;
 } 	
#dv .actors ul
	 { 	display: block;
	float: none;
	margin-bottom: 0px;
	padding: 0px;
 } 

#dv .actors ul.actor
	 { 	padding-bottom: 10px;
 } 
#dv  button
	 { 	display: block;
	margin-bottom: 0px;
 } 	
#dv #intro,
.body,
.labels,
.extra ul.list li button
	 { 	margin-bottom: 14px;
 } 	
#dv .labels div,
.extra ul.list li
	 { 	display: inline;
	float: left;
 } 
#dv .labels,
#dv .label
	 { 	clear: left;
	float: none;
	display: block;
 } 
#attachment #dv .fig
	 { 	margin: 10px 0px;
 } 
/* date -------------------------- */

.date_range
	 { 	padding-right: 4px;
	float: left;
 } 	
.date_range .date
	 { 	display: block;
	padding: 8px 4px 4px 4px;
	margin: 0px 2px 4px 0px;
	width: 47px;
	height: 41px;
	float: left;
 } 	
.date_range .day
	 { 
	display: block;
	padding: 0px; 
	margin: 0px;
 } 
.sep,
.datesep
	 { 	display: block;
	float: left;
	margin: 6px 2px 0px 0px;
 } 	
.date_range .month,
.date_range .year,
.date_range .time
	 { 	float: none;
 } 
.date_range .time
	 { 	clear: left;
 } 	
li.event img.fig
	 { 	padding: 0px;
	margin: 0px 0px 0px 2px;
	border: 0px;
 } 
.located
	 { 	margin: 0px 0px 10px 0px;
 } 	
.located li
	 { 	clear: left;
	margin: 0px 0px 10px 0px;
 } 
.located .info
	 { 	padding: 2px 0px 0px 0px;
 } 

/* dv small --------------------- */

.dv.small
	 { 	margin-bottom: 10px;
 } 	
	
/* ------- attachment ---------------------- */

#attachment #main .col
	 { 	width: 65%;
 } 
#attachment .col.context
	 { 	float: left;
	width: 30%;
 } 

/* -------- fig -------------------------- */

ul.fig
	 { 	height: 1%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: block;
 } 
ul.fig li
	 { 	display: block;
	clear: left;
	margin: 0px 0px 10px 0px;
 } 
ul.fig li img
	 { 	padding: 0px;
	margin: 0px;
 } 	
ul.fig button
	 { 	margin: 0px;
 } 	
.caption
	 { 
	display: block;
	_display: inline;
	clear: left;
	padding-top: 4px;
 } 	
.caption p
	 { 	display: inline;
 } 
/* -------- doc -------------------------- */

ul.doc
	 { 	height: 1%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: block;
 } 
ul.doc li
	 { 	display: block;
	clear: left;
	margin: 0px 0px 10px 0px;
 } 
ul.doc li img
	 { 	float: left;
 } 
ul.doc li h4
	 { 	padding-top: 8px;
 } 
/* context -------------------------- */

.col.context
	 { 	float: left;
	width: 31%;
	padding: 0px;
	margin: 0px 0px 21px 0px;
 } 
.col h5
	 { 	display: inline;
	padding: 0px;
 } 
.connections ul,
.contributions ul li,
.metadata,
.adr,
.col ul.matching li,
ul.list_set li,
ul.list_lp li,
.searchresult li
	 { 	clear: left;
	padding: 0px 0px 21px 0px;
	margin: 0px;
 } 
.searchresult ul li.avatar
	 { 	float: left;
 } 
/* metadata -------------------------- */

.metadata ul li
	 { 	clear: none;
	float: left;
	display: inline;
	margin: 0px 3px 0px 0px;
 } 	
.metadata li.expl
	 { 	clear: left;
	float: none; 
	margin-bottom: 4px;
 } 
ul.metatypes li 
	 { 	float: left;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 3px 4px 0px;
 } 
.match_header
	 { 	margin-bottom: 40px;
 } 	
ul.q_match li
	 { 	display: block;
	width: 31%;
	float: left;
	margin-right: 20px;
 } 	
/* person / avatar ------------------*/
	
.avatar,
.person
	 { 	padding: 0px 4px 4px 0px;
	margin: 0px;
	float: left;
 } 
.no_pic.person
	 { 	clear: left;
	display: block;
	float:  none;
 } 
.person img
	 { 	float: left;
	width: 55px;
	height: 55px;
 } 	
#dv .actors li.person,
h5.header
	 { 	float: left;
	clear: none;
	height: 14px;
	display: inline;
	padding: 0px 0px 4px 0px;
	margin: 0px 4px 0px 0px;
	background: #fff;
 } 
#dv .person span.role,
#dv .author li.header
	 { 	display: none;
 } 	
#dv .person img
	 { 	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px 2px 0px 0px;
 } 
#dv .person a img:hover
	 { 	width: 55px;
	height: 55px;
	position: relative;
	margin: 0px -39px -45px 0px;
 } 
.avatar img
	 { 	float: none;
	display: block;
	padding: 0px;
	width: 55px;
	height: 55px;
 } 
.avatar span
	 { 	padding: 2px 1px 0px 1px;
	width: 53px;
	display: block;
 } 



	

	
	
/* SEARCH -------------------------- */

.search_advanced
	 { 	margin-top: -10px;
 } 	
.search_advanced p
	 { 	float: left;
 } 
.search_advanced input.checkbox
	 { 	margin: 0px;
	padding: 0px;
	border: 0px;
 } 	
.search_advanced label
	 { 	margin-right: 10px;
 } 
.search_advanced .text
	 { 	width: 63%;
	margin-right: 14px;
	margin-top: 0px;
	float: left;
 } 
.search_advanced .submit
	 { 	margin: 0px;
 } 

/* big column searchresult -------------- */

.col_big
	 { 	float: none;
	display: block;
 } 
.narrow
	 { 	float: left;
	width: 66%;
 } 	
.col_big ul.list li.person
	 { 	margin: 0px;
	clear: none;
	float: left;
 } 	
/* calendar -------------------------- */

.calendarsearch 
	 { 	clear: both;
	padding: 0px 0px 20px 0px;
	margin-top: 0px;
 } 
.calendarsearch h1,
.calendarsearch h1 a
	 { 	margin: 0px;
	padding: 0px;
 } 	
.calendarsearch input.radio
	 { 	float: left;
	margin: 0px 4px 0px 0px;
 } 	
	
.calendarsearch .form_group
	 { 	display: block;
	margin: 7px 7px 0px 0px;
 } 	
.calendarsearch .form_group.period
	 { 	display: block;
	float: left;
	margin: 7px 4px 0px 0px;
 } 	
/* FOOTER -------------------------- */

#footer .activity
	 { 	clear: left;
 } 	
#footer 
	 { 	clear: both;
	padding: 160px 0px 120px 0px;
 } 	
#footer .cc
	 { 	float: left;
 } 
#footer .cc span,
#footer .activity span
	 { 	float: left;
 } 
#footer ul.nav
	 { 	margin: 6px 0px 2px 0px;
	padding: 0px;
 } 
/* manage pages ---------------------- */
#manage td.edit
	 { 	width: 240px;
 } 	
#manage td.edit input.submit,
#manage td.edit input.reset
	 { 	margin: 0px 7px 7px 0px;
 } 	
	
	
#manage table,
#manage td,	
#contactlist table,
#contactlist td,	
#messages table,
#messages td,
#messages th
	 { 	margin: 0px;
	padding: 0px;
 } 
#messages .part_2
	 { 	margin-top: 20px; 
 } 
#messages td
	 { 	padding: 7px 7px 0 7px; 
 } 	
#messages th
	 { 	padding: 3px 0px; 
 } 	
#contactlist h1,
#profile h1
	 { 	margin-bottom: 14px;
 } 	
#contactlist table
	 { 	margin-top: -7px;
 } 	
#contactlist td
	 { 	padding-top: 7px;
 } 	
#manage tr.odd,
#messages tr.even
	 { 	padding-top: 7px;
 } 	
#manage td
	 { 	padding: 7px 0px;
 } 
	
#contactlist td.prs
	 { 	width: 97px;
 } 	
#contactlist td.cnt
	 { 	width: 280px;
	padding-right: 14px;
 } 	
#contactlist td.cnf .module_contact_change
	 { 	margin-top: 7px;
 } 
.manage_my_things ul
	 { 	padding: 0px;
	margin: 0px;
 } 	
.manage_my_things ul li
	 { 	float: none;
	display: block;
	clear: left;
 } 
	
.manage_my_things ul li button
	 { 	margin-top: -3px;
	clear: none;
	float: left;
 } 
#profile ul.settings
	 { 	margin: 0px;
	padding: 0px;
 } 	
#profile ul.settings li
	 { 	margin: 0px;
	padding: 0px;
 } 	
#profile h5
	 { 	clear: left;
 } 	
/* logon / register / invite -------------------------- */

#logon label,
#logon button,
#register label,
#register button,
#changepassword label
	 { 	display: block;
 } 	
#logon .part_2 input.submit,
#logon .part_2 input.reset
	 { 	margin-top: 7px;
	margin-bottom: 35px;
 } 	
#changepassword .part_2 input.submit
	 { 	width: 160px;
	margin-top: 7px;
	margin-bottom: 14px;
	float: none;
 } 	
#register .part_2 input.submit
	 { 	display: block;
	clear: left;
 } 	
#logon .checkbox
	 { 	float: left;
	margin-right: 7px;
 } 	
#logon p
	 { 	clear: left;
 } 
#register fieldset.name p,
#register fieldset.email p,
#register fieldset.password p
	 { 	float: left;
	margin-right: 7px;
 } 

#invite input#user_id,
#invite textarea
	 { 	border: 1px solid #000;
	width: 98%;
	padding: 0px 2px;
	margin: 2px 0px 7px 0px;
 } 	
#invite input.submit,
#invite input.reset
	 { 	margin-top: 7px;
	width: 60px;
 } 


/* when making a new thing */
#nn0
	 { 	padding-left: 7px;
 } 	
#nn0 h1 input
	 { 	width: 500px;
	padding: 2px 0px;
	margin-right: 14px;
	margin-top: 4px;
	display: inline;
 } 
#nn0 h1
	 { 	padding-left: 0px;
 } 	
#nn0_overlay 
	 { 	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
 } 
#messages th
	 { 	color: #fff;
	background: #bbb;
	font-weight: normal;
 } 

.contact_couple
	 { 	clear:  left;
	display: block;
	height: 130px;
	padding: 7px 7px 0px 7px;
	margin: 7px 0px 21px 0px;
	background: #fff;
	border: 1px dashed #bbb;
 } 
.contact_couple .date
	 { 	width: 66px;
	padding: 7px;
	padding-top: 30px;
	float: left;
	text-align: center;
 } 
.contact_couple .avatar
	 { 	margin: 0px;
	padding: 0px;
 } 	

#main .wiki h5,
#main .wiki h2,
#main .wiki h3,
#main .wiki h4,
#main .wiki h6
	 { 	margin-top: 14px;
 } 	
#main .wiki h1
	 { 	margin-top: 14px;
	color: #bbb;
 } 	
#main .wiki h2
	 { 	color: #bbb;
	background: none;
	font-size: 162%;
	font-weight: normal;
 } 	
#main .wiki h6
	 { 	background: #bbb;
	color: #fff;
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	margin-bottom: 4px;
	padding: 2px 0px;
 } 	
/* ajax stuff and more -------------------------- */

 .unlink_marker a:link
	 { 	color: #f00;
 } 	
/* address ---------------------- */

.adr .trust_group
	 { 	margin: 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	clear: both;
 } 
.adr .trust_action
	 { 	width:100%;
	text-align: right;
 } 
.adr button
	 { 	float: none;
	margin: 0;
 } 
.dialogtrust
	 { 	border: 1px solid #ccc;
	padding: 3px;
 } 
/* edit mode in lightbox */

.lightbox_page .metadata
	 { 	display: none;
 } 	
/* edit page  ----------------------------------*/


	
/* edit - from basic.css */	
li button.editthis
	 { 	float: none;
	color: #fff;
	background: #f00;
	border: 1px solid #f00;
	margin: 0px;
	display: inline;
	padding: 0px 2px;
 } 
	
li button:hover.editthis
	 { 	color: #f00;
	background: #fff;
	border: 1px solid #f00;
 } 	
li.link_button button.editthis
	 { 	color: #fff;
	background: #f00;
	border: 1px solid #fff;
	padding: 0px 2px;
 } 	
li.link_button button:hover.editthis,
#editmenu ul li.links a:hover
	 { 	color: #f00;
	background: #fff;
	border: 1px solid #fff;
 } 	
#editmenu ul li.links a:hover
	 { 	border: 0px solid #fff;
 } 
/* edit from markup.css */
#editmenu ul
	 { 	background: #f00;
 } 
#editmenu ul.status
	 { 	padding-bottom: 0px;
 } 	
#editmenu ul li a
	 { 	color: #fff;
 } 	
#editmenu button.cc
	 { 	position: absolute;
	display: inline;
	float: none;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
 } 
button.do_lightbox.cc img 
	 { 	float: none;
	margin: 0px;
	padding:0px;
 } 	
#editmenu ul.status 
	 { 	color: #fff;
 } 
	
#editmenu ul.status li
	 { 	border-right: 1px solid #fff;
 } 	
#editmenu ul.action li.links
	 { 	border-left: 1px solid #fff;
 } .editinplace_onempty
	 { 	color: #000;
 } 	
.col.context .editinplace_hover
	 { 	background: #FFEEAC;
	color: #000;
 } 

.edit_trust_view_doc
	 { 	color: #666;	
	margin-top: 10px;
 } 
.edit_trust_view_doc button
	 { 	color: #666;	
 } 	
.admin ul li#edit_cc
	 { 	border-bottom: 1px solid  #bbb;
 } 
.admin ul li button.cc,
.admin ul li button.cc img
	 { 	background: #fff; 
	padding: 0px; 
	margin: 0px; 
	border: 0px;
 } 	
	
/*layout.css*/
#editmenu ul
	 { 	margin: 0px;
	padding: 2px;
 } 	
#editmenu ul li
	 { 	display: inline;
	padding-right: 3px;
	margin-right: 3px;
 } 	
#editmenu ul.action li.links
	 { 	display: inline;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
 } 
#editmenu ul.action li,	
#editmenu ul.action li.link_button
	 { 	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 } 

.editinplace_hover
	 { 	background: #FFF2BC;
	color: #000;
 } 	
.editinplace_hover:hover
	 { 	cursor: pointer;
 } 	
.editinplace_hover
	 { 	background: #FFEEAC;
	color: #000;
 } 
input.editinplace_save,
input.editinplace_cancel,
input.dialogbox_submit,
input.dialogbox_reset
	 { 	border: 1px solid #000;
	font-weight: normal;
	background: #000;
	font-size: 13px;
	color: #fff;
	margin-right: 4px;
 } 	
input.editinplace_cancel
	 { 	float: none;
 } 
input:hover.editinplace_save,
input:hover.editinplace_cancel,
input:hover.dialogbox_submit,
input:hover.dialogbox_reset
	 { 	border: 1px solid #f00;
	background: #fff;
	color: #f00;
	cursor: pointer;
	_cursor: hand;
 } 


#main ul.fig li.do_link_button,
#main ul.fig li.sortable_item
	 { 	margin: 0px;
	padding: 0px 0px 10px 0px;
 } 	
ul.fig button.do_link
	 { 	border: 0px solid #fff;
	padding: 0px;
 } 	
#main ul.fig button.do_link.highlight
	 { 	border: 0px solid #f00;
	background: #f00;
	padding: 0px;
	width: 270px;
	text-align: left;
	color: #fff;
	font-size: 100%;
 } 	
.highlight_intro
	 { 	border-top: 2px solid #f00; 
	margin-top: -7px; 
	margin-bottom: 7px;
 } 
input.do_autocomplete
	 { 	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
 } 	

#dv li.person .unlink_marker a,
#dv li.person .unlink_marker a:hover,
.unlink_marker a,
.unlink_marker a:hover
	 { 	font-size: 10px;
	line-height: 12px;
	color: #f00;
	border-bottom: 0px;
 } 
/*---------------- theme menu -----------------*/

#dv .menu_theme
	 { 	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
 } 	
#dv .menu_theme ul.nav li
	 { 	display: inline;
	margin-left: 4px;
	padding-left: 4px;
	margin-bottom: 4px;
	border-left: 1px solid #000;
 } 	
#dv .menu_theme ul.nav li.pos_0
	 { 	margin-left: 0px;
	padding-left: 0px;
	display: block;
	border-left: 0px solid #000;
 } 	
#dv .menu_theme ul.nav li.pos_1
	 { 	margin-left: 0px;
	padding-left: 0px;
	clear: left;
	border-left: 0px solid #0f0;
 } 	
#dv .menu_theme img
	 { 	float: left;
	margin-right: 8px;
 } 	
#dv .menu_theme ul
	 { 	margin-left: 4px;
	font-size: 12px;
	line-height: 130%;
 } 
#dv .menu_theme ul ul
	 { 	display: none;
 } 	
#dv .menu_theme a
	 { 	color: #000;
	border: 0px;
 } 	
#dv .menu_theme a:hover
	 { 	color: #000;
	border-bottom: 1px solid #000;
	}