/* File:		$Id: basic.css 32621 2007-12-05 13:12:09Z bas $
 * Author:		Katharina Birkenbach
 * Date:		2006-08-10
 * Description:	basic CSS style sheet for common templates
 * 
 */
 
* 
	{
	margin: 0;
	padding: 0;
	}

body
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
	width: 800px;
	padding: 0px 0px;
	margin: 0px auto;
	}

h1
	{
	font-size: 430%;
	line-height: 120%;
	font-weight: normal;
	color: #FF016C;
	}
	
h2
	{
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	margin-bottom: 10px;
	color: #f06;
	}
	
h3
	{
	font-size: 145%;
	line-height: 120%;
	font-weight: normal;
	}
	
h4
	{
	font-size: 110%;
	line-height: 120%;
	font-weight: normal;
	font-style: italic;
	}

h5
	{
	clear: left;
	font-size: 100%;
	line-height: 130%;
	font-weight: normal;
	padding: 2px;
	margin: 0 0 8px 0;
	color: #fff;
	background: #bbb;
	}

h6
	{
	font-size: 100%;
	line-height: 180%;
	font-weight: normal;
	}

a
	{
	color: #000;
	border-bottom: 0px dotted #bbb;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}
	
p
	{
	margin: 0 0 6px 0;
	}

div
	{
	}
	
ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 1%;
	}

ol
	{
	}
	
menu
	{
	}

lh
	{
	display: block;
	color: #fff;
	background: #909090;
	margin-bottom: 8px;
	padding: 2px;
	}
	
ul li
	{
	margin: 0;
	}	

li img
	{
	float: left;
	padding: 0px 3px 3px 0;
	margin-top: -1px;
	}

a img
	{
	border: 0px;
	}
	
table
	{ 
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #bbb;
	margin: 12px 0 16px 0;
	}

th
	{
	background-color: #909090;
	font-weight: bold;
	text-align: left;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 4px 1px;
	}
	
tr
	{
	
	}
	
td
	{
	padding: 4px 2px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	}

form
	{
	margin: 0px;
	}
	
input,
textarea
	{
	font-family: verdana, arial, helvetica, sans-serif;
	border: 1px solid #aeaeae;
	padding: 0 2px;
	margin: 2px 0 7px 0;
	}

select
	{
	font-family: verdana, arial, helvetica, sans-serif;
	border: 1px solid #bbb;
	padding: 0 0;
	margin: 0;
	}

input.radio,
input.checkbox
	{
	border: 0px;
	}
	
input.submit,
input.reset
	{
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: 7px;
	width: auto;
	}
	
label
	{
	margin: 0;
	}

code, pre
	{
	font-family: courier, monospace;
	}

legend 
	{
	background: #fff;
	border:		1px solid #ccc;
	color:		#bbb;
	padding:	2px;
	margin-top: 0;
	}

fieldset 
	{
	border:	0px solid #fff;
	padding: 0;
	clear: left;
	display: block;
	float: none;
	}
	
img
	{
	}
	

blockquote
	{
	font-style: italic;
	margin: 4px 0 4px 0;
	padding-left: 4px;
	border-left: 4px solid #bbb;
	}
	
small
	{
	}
	
big 
	{
	}
	
address
	{
	font-style: normal;
	}

button,
input.submit,
input.reset,
a.but
	{
	text-transform: none;
	font-family: verdana, arial, helvetica, sans-serif;
	border: 0 solid #f06;
	background: #f06;
	color: #fff;
	font-size: 12px;
	padding: 0 4px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 14px;
	margin-right: 4px;
	float: left;
	}

button,
input.submit,
input.reset,
	{
	overflow: visible;
	cursor: pointer;
	}

#pagetop ul li.edit
	{
	display: none;
	}
	
li button.editthis
	{
	float: none;
	color: #fff;
	background: #f06;
	border: 1px solid #f06;
	margin: 0px;
	display: inline;
	padding: 0px 2px;
	}

ul.action li button
	{
	color: #f06;
	background: #fff;
	border: 1px solid #fff;
	}
	
li button:hover.editthis,
ul.action li button
	{
	color: #f06;
	background: #fff;
	border: 1px solid #f06;
	}
	
li.link_button button.editthis
	{
	color: #fff;
	background: #f06;
	border: 1px solid #fff;
	padding: 0px 2px;
	}
	
li.link_button button:hover.editthis,
#editmenu ul li.links a:hover
	{
	color: #f06;
	background: #fff;
	border: 1px solid #fff;
	}
	
#editmenu ul li.links a:hover
	{
	border: 0px solid #fff;
	}

input.reset
	{
	background: #bbb;
	color: #fff;
	}
	
.mymenu li button
	{
	float: none;
	margin: 0 0 0 2px;
	display: inline;
	padding: 0 2px 1px 2px;
	}

button:hover,
a:hover.but,
.mymenu li button:hover,
input:hover.submit,
input:hover.reset
	{
	border: 0 solid #f06;
	color: #fff;
	background: #f06;
	cursor: pointer;
	_cursor: hand;
	}
/* -------------------------- */

input
	{
	border: 1px solid #000;
	}
	
input.small
	{
	width: 20px;
	}

input.quart
	{
	width: 50px;
	}

input.half
	{
	width: 100px;
	}

input.normal
	{
	width: 200px;
	}

input.full
	{
	width: 400px;
	}

/* -------------------------- */

a.icon
	{
	float: left;
	background: none;
	padding: 0;
	margin: 8px 0 0 8px;
	}

.error
	{
	display: block;
	background: #f06;
	color: #fff;
	font-weight: bold;
	line-height: 110%;
	padding: 3px 10px;
	float: none;
	width: 100%;
	margin-bottom: 4px;
	}

.error a
	{
	color: #fff;
	text-decoration: underline;
	}

a.selected,
#pagetop a.selected
	{
	color: #fff;	
	background: #bbb;
	}

.clear
	{
	clear: both;
	}

li span.clear
	{
	display: block;
	}

li.clearlist
	{
	display: block !important;
	clear: both !important;
	float: none !important;
	margin: 0;
	padding: 0;
	}

.expl,
.expl a
	{
	color: #bbb;
	}
	
.activity
	{
	font-size: 85%;
	line-height: 90%;
	color: #bbb;
	}

/* --- footer things ----------------------- */
	
.activity a
	{
	color: #ccc;
	}
	
.activity a:hover
	{
	color: #000;
	background: none;
	}

.footer_line p,
.footer_line a
	{
	color: #eee;
	border-bottom: 1px solid #eee;
	padding: 0;
	font-size: 1px;
	text-decoration: none;
	display: inline;
	}
	
.design_by	
	{
	font-family: georgia, times, serif;
	font-size: 85%;
	color: #ccc;
	}
	
.design_by a:link,
.design_by a:visited
	{
	color: #ccc;
	}

.design_by a:hover
	{
	color: #000;
	background: none;
	}
	
/* --- right to left  -------------------------- */

.lang_rtl
	{
	font-size:130%;
	}

.lang_rtl,
.lang_rtl .author
	{
	text-align:right;
	direction:rtl;
	unicode-bidi: embed;
	}

.lang_rtl .author,
.lang_rtl .fig
	{
	float: right
	}


	
.rtl {
	direction:rtl;
	unicode-bidi:embed;
	}


/**/
/* File:		$Id: markup.css 32621 2007-12-05 13:12:09Z bas $
 * Author:		Katharina Birkenbach
 * Date:		2006-08-10
 * Description:	MArkup CSS style sheet for common templates
 * 
 */
 
/* pagetop -------------------------- */

#pagetop a
	{
	color: #bbb;
	}
	
#pagetop ul li
	{
	border-left: 1px solid #bbb;
	}

#pagetop .lang ul li
	{
	font-size: 90%;
	text-transform: uppercase;
	color: #aeaeae;
	background: none;
	border-left: 0px solid #bbb;
	}

#pagetop ul.nav li 
	{
	margin-top: 55px;
	}
		
#pagetop ul.nav li a
	{
	font-size: 88%;
	line-height: 110%;
	color: #306;
	}
	
#pagetop .lang ul li a:hover,
#pagetop .lang ul li a.selected,
#pagetop ul.nav li a.selected
	{
	color: #f06;
	font-size: 130%;
	background: none;
	border-bottom: 0px;
	line-height: 85%;
	}

#pagetop ul.nav li.pos_1 
	{
	display: block;
	width: 175px;
	float: left;
	font-size: 26px;
	line-height: 36.5px;
	border-left: 0px;
	margin-top: 0px;
	}

#pagetop ul.nav li.pos_1 a,	
#pagetop ul.nav li.pos_1 a.selected
	{
	color: #306;
	font-size: 34px;
	_font-size: 35px;
	line-height: 35.5px;
	_line-height: 37.5px;
	}
	
ul.mymenu
	{
	background: #bbb;
	}
	
ul.mymenu li
	{
	border-right: 1px solid #fff;
	}
	
ul.mymenu li a
	{
	color: #fff;
	}

.search.simple input
	{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #306;
	border: 1px solid #ddd;
	width: 40px;
	}
	
a.icon
	{
	text-decoration: none;
	border-bottom: 0px;
	}


#editmenu ul,
#editmenu 
	{
	background: #f06;
	display: block;
	clear: left;
	}

#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;
	}
/* dv ------------------------------- */

.chapeau,
#dv .labels
	{
	color: #bbb;
	}

.diary_nav
	{
	color: #f06;
	font-size: 200%;
	margin-bottom: 10px;
	}


	
#intro
	{
	font-weight: bold;
	font-size: 110%;
	line-height: 130%;
	}
	
#dv .body
	{
	font-size: 92%;
	line-height: 130%;
	}

#dv .date,
#dv .city
	{
	font-weight: bold;
	}
	
#dv .city
	{
	line-height: 140%;
	}
	
.fig .caption
	{
	font-style: italic;
	font-size: 80%;
	}
	
.fig .caption a
	{
	color: #fe7d18;
	}


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

.dv.small h1
	{
	line-height: 130%;
	font-size: 160%;
	border-bottom: 2px solid #bbb;
	}
	
.dv.small h2
	{
	line-height: 130%;
	font-size: 120%;
	padding-bottom: 3px;
	border-bottom: 1px dashed #bbb;
	}

.dv.small .intro
	{
	font-weight: bold;
	}


/* date -------------------------- */


.date_range .date
	{
	color: #bbb;
	background: #fff;
	border: 1px solid #bbb;
	text-align: center;
	font-weight: normal;
	font-size: 90%;
	}
	
.date_range .day
	{	
	font-family: arial, helvetica, serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 70%;
	}

.sep,
.datesep
	{
	font-weight: bold;
	color: #bbb;
	font-size: 120%;
	}
	
.date_range .month,
.date_range .year,
.date_range .time
	{
	font-size: 10px;
	font-weight: bold;
	line-height: 60%;
	}

.date_range .time
	{
	clear: left;
	font-weight: normal;
	}

.located,
.located a
	{
	color: #bbb;
	}

/* action scomp --------------------- */

button.status
	{
	color: #fff;
	background: #bbb;
	border: 0px solid #bbb;
	}

button.status:hover
	{
	cursor: default;
	}

#module_contact_add_ok
	{
	float: left;	
	}
	
/* metadata -------------------------- */

.metadata li a
	{
	line-height: 140%;
	}
	
.metadata li a:hover
	{
	text-decoration: none;
	}
	
.metadata li.similar a
	{
	color: #fff;
	background: #bbb;
	}

.metadata li.expl
	{
	color: #bbb;
	}
	
/* context ----------------------------*/

ul li h3
	{
	font-size: 125%;
	}
	
.col.context ul li h3,
.searchresult .col ul li h3
	{
	font-size: 100%;
	}
	
ul li h3 a
	{
	color: #FE7D18;
	}

ul li.press h3 a
	{
	color: #fff;
	background: #f06;
	}
	
ul li.reality h3 a
	{
	color: #f06;
	}
	
ul li.about_us h3 a
	{
	color: #2E007C;
	}
	
ul li h4
	{
	display: none;
	}
	
ul li h3 a:hover
	{
	text-decoration: none;
	color: #fff;
	background: #f06;
	}

ul li .intro
	{
	font-size: 92%;
	line-height: 125%;
	}

ul li .intro a
	{
	color: #f06;
	font-weight: bold;
	}
	
.col.context ul li .intro,
.col.context ul li .chapeau,
.searchresult .col ul li .intro,
.searchresult .col ul li .chapeau,
#artefact .col_one,
#artefact .col_two,
#artefact .col_three
	{
	font-size: 82%;
	line-height: 120%;
	}
	
.newsletter input
	{
	font-family: verdana, arial, helvetica, serif;
	font-size: 90%;
	padding: 2px;
	width: 120px;
	border: 1px solid #FE7D18;
	float: left;
	margin-right: 3px;
	}

.newsletter_title
	{
	font-size: 190%;
	line-height: 120%;
	color: #f06;
	display: block;
	}
	
.newsletter a.submit
	{
	line-height: 180%;
	color: #fe7d18;
	}

/* support ----------------------------*/

.support #dv h1,
.support #dv h2 
	{
	color: #f06;
	font-weight: normal;
	font-style: normal;
	}

ul li.support h3 a
	{
	background: #fe7d18;
	color: #fff;
	line-height: 120%;
	}
	
ul li.support h3 a:hover
	{
	background: none;
	color: #f06;
	}
	
/* aboutus ----------------------------*/

.about_us #dv h1,
.about_us #dv h2 
	{
	color: #306;
	font-weight: normal;
	font-style: normal;
	}
	
#set.about_us #dv h1,
#set.about_us #dv h2 
	{
	background: #fe7d18;
	color: #fff;
	display: inline;
	line-height: 120%;
	}

ul li.about_us h3 a
	{
	color: #306;
	}
	
ul li.about_us h3 a:hover
	{
	color: #fff;
	background: #fe7d18;
	}
	
/* campaigns ----------------------------*/

.campaigns #dv h1 span,
.campaigns #dv h2 
	{
	color: #fff;
	background: #FE7D18;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	}

.campaigns #dv h2
	{
	display: inline;
	float: none;
	}
	
#set.campaigns #dv h1 span,
#set.campaigns #dv h2 
	{
	background: none;
	color: #f06;
	}

ul li.campaigns h3 a
	{
	color: #fff;
	background: #FE7D18;
	}
	
ul li.campaigns h3 a:hover
	{
	color: #f06;
	background: none;
	}
	
/* we_help ----------------------------*/

.we_help #dv h1 span,
.we_help #dv h2 
	{
	color: #FE7D18;
	background: none;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	}
	
#set.we_help #dv h1 span,
#set.we_help #dv h2 
	{
	background: #f06;
	color: #fff;
	}

#set .we_help #dv h2
	{
	display: inline;
	float: none;
	}
	
ul li.we_help h3 a
	{
	color: #FE7D18;
	backgrond: none;
	}
	
ul li.we_help h3 a:hover
	{
	color: #fff;
	background: #f06;
	}
	
/* press ----------------------------*/

.press #dv h1 span,
.press #dv h2 
	{
	color: #f06;
	background: none;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	}
	
#set.press #dv h1 span,
#set.press #dv h2 
	{
	background: none;
	color: #FE7D18;
	}

#set .press #dv h2
	{
	display: inline;
	float: none;
	}
	
ul li.press h3 a,
ul li.press_coverage h3 a,
ul li.press_release h3 a
	{
	color: #fff;
	background: #f06;
	}
	
ul li.press h3 a:hover,
ul li.press_coverage h3 a:hover
	{
	color: #fe7d18;
	background: none;
	}

.coverage
	{
	margin-bottom: 20px;
	font-size: 82%;
	line-height: 115%;
	}

.col.context .coverage
	{
	margin-bottom: 0px;
	margin-top: 20px;
	}
	
.coverage,
.coverage h5
	{
	background: none;
	color: #aeaeae;
	}
	
.coverage a
	{
	color: #fe7d18;
	}
	
/* reality ----------------------------*/

.reality #dv h1 span,
.reality #dv h2 
	{
	color: #f06;
	background: none;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	}
	
#set.reality #dv h1 span,
#set.reality #dv h2 
	{
	background: #fe7d18;
	color: #fff;
	}

#set .reality #dv h2
	{
	display: inline;
	float: none;
	}
	
ul li.reality h3 a
	{
	color: #f06;
	backgrond: none;
	}
	
ul li.reality h3 a:hover
	{
	color: #fff;
	background: #fe7d18;
	}
	
/* admin ----------------------------*/

.admin
	{
	border: 1px solid #bbb;
	padding: 0px 7px;
	color: #bbb;
	}

.admin ul li
	{
	float: none;
	display: block;
	clear: left;
	padding: 7px 0px;
	}

.admin ul li button
	{
	float: none;
	padding: 0px;
	margin: 0px;
	}
	
.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;
	}
/* person / avatar ------------------*/

#dv .actors li.person,
#dv .actors li.header,
li.header
	{
	text-transform: uppercase;
	color: #bbb;
	}
	
#dv .actors li.person a
	{
	color: #bbb;
	border-bottom: 1px dotted #bbb;
	}
	
#dv .actors li.person a:hover
	{
	border-bottom: 1px solid #bbb;
	}
	
.avatar
	{
	font-size: 10px;
	line-height: 12px;
	}

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

h1 input
	{
	font-family: georgia, times, serif;
	color: #000;
	font-size: 100%;
	border: 1px solid #000;
	display: inline;
	margin-bottom: 2px;
	}

/* logon / register -------------------------- */

#logon .part_2 input#logon_username,
#logon .part_2 input#logon_password,
#register .part_2 input#name_first,
#register .part_2 input#name_last,
#register .part_2 input#password,
#register .part_2 input#password_retype,
#register .part_2 input#email,
#register .part_2 input#email_retype,
#changepassword .part_2 input#email
	{
	font-size: 100%;
	color: #000;
	width: 210px;
	padding: 2px;
	margin-bottom: 7px;
	}

#logon #dv h1 a,
#register #dv h1 a
	{
	font-size: 35%;
	font-style: italic;
	}

/* calendar -------------------------- */

.calendarsearch h1,
.calendarsearch h1 a
	{
	color: #000;
	}
	
.calendarsearch h1 a:hover
	{
	color: #bbb;
	background: #fff;
	}
	
.calendarsearch select
	{
	font-size: 11px;
	color: #000;
	}
	
.date_range
	{
	font-size: 95%;
	font-weight: bold;
	}

/* footer ---------------------------- */

#footer ul.nav
	{
	background: #bbb;
	}
	
#footer ul.nav li
	{
	border-right: 1px solid #fff;
	}
	
#footer ul.nav li a
	{
	color: #fff;
	}
	
/* manage pages ---------------------- */

#manage table,
#manage td,	
#contactlist table,
#contactlist td,	
#messages table,
#messages td,
#messages th
	{
	border: 0px solid #fff;
	}
	
#contactlist td
	{
	border-top: 1px solid #bbb;
	}
	
#manage tr.odd,
#messages tr.even
	{
	background: #eee;
	}
	
#contactlist td.cnf
	{
	text-align: left;
	color: #f06;
	}
	
.manage_my_things ul li.edit
	{
	border-bottom: 1px solid #bbb;
	}

#profile h5
	{
	background: #bbb;
	}
	
#profile h5 a 
	{
	font-weight: normal;
	color: #fff;
	}

.editinplace_onempty
	{
	color: #000;
	}

.edit_trust_view_doc
	{
	color: #666;	
	margin-top: 10px;
	}

.edit_trust_view_doc button
	{
	color: #666;	
	}

/* address ---------------------- */


.adr .trust_action,
.adr .trust_action a
	{
	color: #aaa
	}

/*  */
/* File:		$Id: layout.css 32689 2007-12-10 11:07:00Z bas $
 * Author:		Katharina Birkenbach
 * Date:		2006-08-10
 * Description:	Layout CSS style sheet for common templates
 * 
 */
	
/* pagetop -------------------------- */

#pagetop
	{
	margin: 10px 0px 0px 0px;
	clear: both;
	}

ul.mymenu
	{
	display: block;
	padding: 3px 2px 16px 2px;
	_padding-bottom: 2px;
	}
	
ul.nav,
#editmenu ul
	{
	margin: 0px;
	padding: 2px;
	}
	
ul.mymenu li,
#footer ul li,
#editmenu ul li
	{
	float: left;
	padding-right: 3px;
	margin-right: 3px;
	font-size: 92%;
	line-height: 110%;
	}
	
#pagetop ul li
	{
	float: left;
	padding-left: 3px;
	margin-right: 3px;
	}
	
#pagetop ul li.pos_1
	{
	padding-left: 0px;
	}
	
#pagetop .editthispage
	{
	position: absolute;
	margin-left: 221px;
	}

#editmenu
	{
	margin-bottom: 20px;
	_margin-bottom: 0px;
	}
	
#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;
	}

.lang ul
	{
	float: right;
	}


.lang ul li
	{
	float: left;
	}

.search.simple input
	{
	margin: 0px;
	padding: 0px;
	}
	
ul.nav
	{
	padding-top: 20px;
	_padding-top: 0px;
	margin-left: 220px;
	_margin-left: 215px;
	width: 570px;
	}
	
ul.nav li.edit
	{
	display: none;
	}
			
.path
	{
	display: none;
	}
	
/* main -------------------------- */

.col
	{
	float: left;
	width: 31%;
	margin-right: 20px;
	}
		
#main .col
	{
	width: 580px;
	float: right;
	margin: -80px 0px 0px 20px;
	}

#main .col #dv.edit
	{
	margin-top: 80px;
	}
	
#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;
	}
	


#listpublish #main .col
	{
	width: 580px;
	float: left;
	margin: -80px 0px 0px 220px;
	}

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

#dv
	{
	margin-bottom: 0px;
	}
	
#article #dv,
#artefact #dv
	{
	margin-bottom: 40px;
	}

#calendar #dv
	{
	margin-bottom: 0px;
	}
	
.chapeau
	{
	}
	
.press_release .chapeau,
li.press_coverage .chapeau
	{
	display: inline;
	background: #fe7d18;
	color: #fff;
	text-transform: uppercase;
	}
	
li.press_coverage .chapeau
	{
	color: #fe7d18;
	background: #fff;
	text-transform: none;
	}
	
.press_release #dv .chapeau
	{
	font-size: 200%;
	}
	
.press_release .chapeau .release_date
	{
	display: inline;
	background: #fff;
	color: #fe7d18;
	text-transform: uppercase;
	}

#dv #action
	{
	display: none;
	}
	
#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;
	}
	
#intro,
.body
	{
	margin-top: 7px;
	margin-bottom: 7px;
	}


.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: both;
	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: both;
	}
	
li.event img.fig
	{
	padding: 0px;
	margin: 0px 0px 0px 2px;
	border: 0px;
	}

.located
	{
	margin: 0px 0px 10px 0px;
	}
	
.located li
	{
	clear: both;
	margin: 0px 0px 10px 0px;
	}

.located .info
	{
	padding: 2px 0px 0px 0px;
	}	

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

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



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

.info a
	{
	background: #f06;
	color: #fff;
	}
	
.info a:hover
	{
	text-decoration: none;
	color: #f06;
	background: none;
	}
	
ul.fig
	{
	height: 1%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: block;
	}

ul.fig li
	{
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
	}

ul.fig li img,
ul.doublefig li img
	{
	padding: 0px;
	margin: 0px;
	}

ul.fig button
	{
	margin: 0px;
	}
	
.caption
	{	
	display: block;
	_display: inline;
	clear: both;
	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: both;
	margin: 0px 0px 10px 0px;
	}

ul.doc li img
	{
	float: left;
	}

ul.doc li h4
	{
	padding-top: 8px;
	}

/* -------- doc -------------------------- */

.home_set
	{
	background: #f06;
	}
	
.home_set .home_set_col_1,
.home_set .home_set_col_2,
#set .col_1,
#set .col_2
	{
	width: 268px;
	display: block;
	float: left;
	}

.home_set .home_set_col_1,
#set .col_1
	{
	margin-right: 30px;
	}	

/* context -------------------------- */

#dv_part2
	{
	clear: right;
	margin-bottom: 40px;
	}
	
.col.context,
#artefact .col_one,
#artefact .col_two,
#artefact .col_three
	{
	float: right;
	width: 180px;
	padding: 0px;
	margin: 0px 0px 21px 0px;
	}
	
#artefact .col_one,
#artefact .col_two,
#artefact .col_three
	{
	float: left;
	margin-right: 20px;
	}
	
#listpublish.press_coverage .col.context
	{
	float: left;
	position: absolute;
	margin: 0px 0px 0px 20px;
	}

.context_container
	{
	padding: 15px 0px 30px 0px;
	}
	
.context_container a.help,
.context_container a.join
	{
	display: block;
	margin-bottom: 15px;
	}
	
.context_container a.join
	{
	margin-bottom: 10px;
	}
	
.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,
.members li,
#artefact .col_one li,
#artefact .col_two li,
#artefact .col_three li
	{
	clear: both;
	padding: 0px 0px 35px 0px;
	margin: 0px;
	}

.searchresult .col
	{
	width: 180px;
	}
	
li .intro
	{
	clear: both;
	display: block;
	}
	
/* metadata -------------------------- */

.metadata ul li
	{
	clear: none;
	float: left;
	display: inline;
	margin: 0px 3px 0px 0px;
	}
	
.metadata li.expl
	{
	clear: both;
	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: both;
	display: block;
	float:  none;
	}

.person img
	{
	float: left;
	width: 55px;
	height: 55px;
	}
	
#dv .actors li.person,
#dv .actors li.header
	{
	float: left;
	clear: none;
	height: 14px;
	display: inline;
	padding: 0px 0px 4px 0px;
	margin: 0px 4px 0px 0px;
	}

#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 fieldset p
	{
	float: left;
	color: #bbb;
	}
	
.search_advanced fieldset label
	{
	vertical-align: top;
	margin-right: 8px;
	}

.search_advanced .pre
	{
	float: left;
	font-size: 430%;
	line-height: 130%;
	font-weight: normal;
	color: #306;
	padding-right: 4px;
	}
	
.search_advanced input.text
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 430%;
	color: #f06;
	width: 500px;
	float: left;
	padding: 0px 3px 3px 3px;
	border: 1px solid #bbb;
	margin-top: 0px;
	display: inline;
	}

.search_advanced input.submit
	{
	font-family: verdana, arial, helvetica, sans-serif;
	background: none;
	float: left;
	font-size: 430%;
	line-height: 100%;
	font-weight: normal;
	color: #f06;
	margin: 0px;
	padding: 0px;
	}

.searchresult
	{
	margin-top: 40px;
	}
	
.press_coverage .searchresult
	{
	margin-top: 0px;
	float: right;
	width: 580px;
	}
	
.searchresult h5
	{
	margin-bottom: 20px;
	}
	
.searchresult h5 a
	{
	color: #fff;
	background: #f06;
	}
	
.searchresult h5 a:hover
	{
	color: #fff;
	text-decoration: none;
	background: #306;
	}
	
.col_big
	{
	float: none;
	display: block;
	}
	
.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: both;
	}
	
#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;
	width: 100%;
	}
	
#footer ul.nav li.clearlist
	{
	border-right: 0px;
	}

/* manage pages ---------------------- */

#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;
	}
	
#manage td.edit
	{
	width: 240px;
	}
	
#manage td.edit input.submit,
#manage td.edit input.reset
	{
	margin: 0px 7px 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: both;
	}	
	
.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: both;
	}
	
/* 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: both;
	}
	
#logon .checkbox
	{
	float: left;
	margin-right: 7px;
	}
	
#logon p
	{
	clear: both;
	}

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


/* editing stuff */

.editinplace_hover
	{
	background: #FFF2BC;
	color: #000;
	}
	
.editinplace_hover:hover
	{
	cursor: pointer;
	}
	
.col.context .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 #f06;
	background: #fff;
	color: #f06;
	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 #f06;
	background: #f06;
	padding: 0px;
	width: 270px;
	text-align: left;
	color: #fff;
	font-size: 100%;
	}
	
.highlight_intro
	{
	border-top: 2px solid #f06; 
	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: #f06;
	border-bottom: 0px;
	}

#nn0
	{
	padding-left: 7px;
	}
	
#nn0 h1 input
	{
	width: 500px;
	padding: 2px 0px;
	margin-right: 14px;
	margin-top: 4px;
	display: inline;
	}

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

#main .wiki ul
	{
	margin: 10px 0px 5px 0px;
	}
		
#main .wiki li
	{
	margin: 0px 0px 5px 20px;
	list-style: disc;
	}

li.set .intro ul li,
li.article .intro ul li,
li.artefact .intro ul li,
li.attachment .intro ul li
	{
	list-style: disc;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
	
/* ajax stuff and more -------------------------- */

 .unlink_marker a:link
	{
	color: #f06;
	}
	
/* 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;
	}

#main .wiki a
	{
	color: #FE7D18;
	}
	
#main .wiki a:hover
	{
	color: #fff;
	background: #f06;
	text-decoration: none;
	}
	
#main .wiki hr 
	{
	background-color:#CDCDCD;
	border:medium none #CDCDCD;
	color:#CDCDCD;
	height:1px;
	margin-top: 14px;
	}

#main .wiki .country 
	{
	line-height:130%;
	}

#main .wiki table .country 
	{
	font-size: 120%;
	}

#main .wiki h1 
	{
	background-color:#FFFFFF;
	color:#FF016C;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:360%;
	font-weight:normal;
	font-style:normal;
	line-height:130%;
	}

#main .wiki h2 
	{
	background-color:#FFFFFF;
	color:#FF016C;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:290%;
	font-weight:normal;
	font-style:normal;
	line-height:130%;
	}

#main .wiki h3 
	{
	background-color:#FFFFFF;
	color:#FF016C;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:200%;
	font-weight:normal;
	font-style:normal;
	line-height:130%;
	}

#main .wiki h4 
	{
	background-color:#FFFFFF;
	color:#FF016C;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:140%;
	font-weight:normal;
	font-style: normal;
	line-height:130%;
	text-decoration:none;
	}
	
#main .wiki h5 
	{
	background-color:#FFFFFF;
	color:#FF016C;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:80%;
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	text-decoration:none;
	}
	
#main .wiki h6 
	{
	background-color:#FE7D18;
	color:#FFFFFF;
	display:block;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:120%;
	text-decoration:none;
	}
	
#main .wiki table,
#main .wiki td,
#main .wiki tr
	{
	border: 0px;
	}
	
#main .wiki td h3
	{
	margin-top: 0px;
	}
	
/* rtl -------------------------------------- */

.rtl_pag #dv,
.rtl_pag #forum,
.rtl_pag .metadata ul li
	{
	float: right;
	}

.rtl_pag #dv h1
	{
	font-size: 560%;
	}
		
.rtl_pag #dv h2
	{
	font-size: 360%;
	}
	
.rtl_pag #intro.wiki,
.rtl_pag #intro.wiki
	{
	font-size: 180%;
	}
	
.rtl_pag #dv .body.wiki,
.rtl_pag #dv_part2 .body.wiki
	{
	font-size: 130%;
	}

	
.rtl
	{
	text-align: right;
	}

.rtl h3
	{
	font-size: 130%;
	}
	
.rtl .intro
	{
	font-size: 130%;
	}
	
.rtl ul.fig li
	{
	display: block;
	clear: right;
	margin: 0px 0px 10px 0px;
	}

.rtl ul.fig li img
	{
	float: right;
	padding: 0px;
	margin: 0px;
	}	
	
.rtl ul.fig li .caption
	{
	clear: right;
	}	
/*  */
/* $Id: forum.css 32689 2007-12-10 11:07:00Z bas $
 *
 * 
 */

#forum
	{
	margin-top: 40px;
	}

#listpublish #forum
	{
	display: none;
	}
	
.comment
	{
	background: #fff;
	padding: 8px 0px;
	}

.topic .cnt,
.comment .cnt
	{
	float: left;
	width: 85%;
	}
	
.comment .btm
	{
	clear: left;
	color: #bbb;
	}
	
.comment .avatar,
.topic .avatar
	{
	float: left;
	}

.topic
	{
	background: #ddd;
	}

.topic h3
	{
	font-size: 280%;
	}

.topic .btm
	{
	clear: left;
	color: #666;
	}
	
.comment_form
	{
	clear; left;
	background: #fff;
	margin-top: 20px;
	}
	
.comment_form .expl
	{
	color: #999;
	}
	
.comment_form h4
	{
	color: #606;
	font-size: 130%;
	padding-bottom: 7px;
	}
	
.comment_form input,
.comment_form textarea
	{
	width: 98%;
	font-family: georgia, times, serif;
	font-size: 100%;
	border: 1px solid #999;
	display: block;
	margin: 0px 0px 14px 0px;
	padding: 2px;
	}
	
.comment_form input.but,
.comment_form input.submit,
.comment_form input.reset
	{
	width: auto;
	border: 1px solid #bbb;
	color: #bbb;
	background: #fff;
	float: left;
	padding: 0px;
	margin: 0px 7px 14px 0px;
	}

.comment_form input.checkbox
	{
	border: 0px;
	display: inline;
	clear: left;
	width: auto;
	}
	
.comment_form input.hidden
	{
	border: 0px;
	margin: 0px;
	}
	

.comment_form input.submit
	{
	border: 1px solid #f00;
	background: #f00;
	color: #fff;
	float: left;
	margin: 0px 7px 14px 0px;
	}
	
.comment_form input:hover.submit,
.comment_form input:hover.reset
	{
	border: 1px solid #f00;
	background: #f00;
	color: #fff;
	}


.comment_form textarea
	{
	height: 140px;
	}

.comment_form .s1
	{
	padding: 14px 0px 7px 0px;
	}
	
.comment_form .s2
	{
	background: #eee;
	padding: 14px 0px 7px 0px;
	}
	
.comment_form .captcha 
	{
	background: #eee;
	float: left;
	padding: 0px 2px 7px 2px;
	}
	
.comment_form .captcha input 
	{
	display: block;
	width: 210px;
	}
	
.comment_form .captcha .a
	{
	float: left;
	width: 210px;
	padding-right: 7px;
	border-right: 1px solid #999;
	}

.comment_form .captcha .b
	{
	float: left;
	width: 214px;
	padding-left: 7px;
	}


.rating
	{
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
	_margin-right: -12px;
	}
	
.rating .red
	{
	width: 22px;
	height: 22px;
	float: left;
	background-image: url('http://static.mediamatic.nl/f/gsnd/image/reddot.gif');
	background-repeat: no-repeat;
	letter-spacing: -1px;
	font-size: 11px;
	color: #fff;
	font-style: normal;
	text-align: center;
	line-height: 220%;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	}
	
.rating .grey
	{
	width: 22px;
	height: 22px;
	float: left;
	background-image: url('http://static.mediamatic.nl/f/gsnd/image/greydot.gif');
	background-repeat: no-repeat;
	letter-spacing: -1px;
	font-size: 11px;
	color: #8c8c8c;
	font-style: normal;
	text-align: center;
	line-height: 220%;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	}
	
#dv .rating .red
	{
	text-transform: uppercase;
	width: 45px;
	height: 45px;
	float: left;
	background-image: url('http://static.mediamatic.nl/f/gsnd/image/reddotbig.gif');
	background-repeat: no-repeat;
	letter-spacing: -1px;
	font-size: 25px;
	color: #fff;
	text-align: center;
	line-height: 190%;
	margin: 12px 7px 0px 2px;
	padding-left: 0px;
	}
	
#dv .rating .grey
	{
	text-transform: uppercase;
	width: 45px;
	height: 45px;
	float: left;
	background-image: url('http://static.mediamatic.nl/f/gsnd/image/greydotbig.gif');
	background-repeat: no-repeat;
	letter-spacing: -1px;
	font-size: 25px;
	color: #8c8c8c;
	text-align: center;
	line-height: 190%;
	margin: 12px 7px 0px 2px;
	padding-left: 0px;
	}
	
.comment_authenticate a
	{
	background: #bbb;
	color: #fff;
	padding: 3px;
	}

/*
 * 
 */
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

#page #main label  { font-weight: bold; } 

/* Fieldsets */
#page #main fieldset     { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } #page #main legend       { font-weight: bold; font-size:1.2em; border: 0px; } 
#page #main fieldset.submit   { border: 0px; } 

/* Text fields */
#page #main input.text, #page #main input.title    { width: 300px; margin:0.5em 0.5em 0.5em 0; } #page #main input.text, #page #main input.title    { border:1px solid #bbb; background:#f6f6f6; padding:5px; } #page #main input.text:focus,
#page #main input.title:focus          { border:1px solid #999; background:#fff; } #page #main input.title                { font-size:1.5em; } 
/* Textareas */
#page #main textarea             { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; } #page #main textarea             { border:1px solid #bbb; background:#eee; padding:5px; } #page #main textarea:focus       { border:1px solid #999; background:#fff; } 
/* Select fields */
#page #main select               { border:1px solid #ccc; background:#f6f6f6; width:200px; } #page #main select:focus         { border:1px solid #999; background:#fff; } 

/* Success, error & notice boxes for messages and errors. */
#page #main .error,
#page #main .notice, 
#page #main .success     { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } #page #main .error       { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } #page #main .notice      { background: #FFF6BF; color: #817134; border-color: #FFD324; } #page #main .success     { background: #E6EFC2; color: #529214; border-color: #C6D880; } #page #main .error a     { color: #D12F19; } #page #main .notice a    { color: #817134; } #page #main .success a   { color: #529214; }