/*
 * @package DC5-Application
 * @subpackage Common
 *
 * @version $Header: /home/cvs/DC5/dc5_barchasp/www/css/dc.css,v 1.33 2007/09/12 13:36:42 thoms Exp $
 */

@charset "UTF-8";

/*
Basic styles, valid for "all" devices.
Including IE workarounds, commonly starting with "* html" ...

You will find the following sections within this document:

BITV
TAGS
DC COMMON
	DC highlight of search results
	DC error formatting
	DC page header
	DC page header backgrounds
	DC forms' button line
	DC forms buttons, not within button line
	DC forms' obligatory items
FRAMES
DIALOGUES
	CALENDAR
MAIN NAVIGATION
	LOGIN
	MENU
	DROP-DOWN-MENUS
	TABS
DC CONTENT AREA
METHODMENU
SEARCH
	SEARCH
	ADVANCED SEARCH
	SEARCH NAVIGATION
	FILTER
VIEWS
	LIST
	MINIGALLERY
	GALLERY
	DETAIL
EDIT MASKS
	SIMPLE EDIT
	MULTI EDIT
	LIST EDIT
COLLECTIONS
	MINI-COLLECTIONS
JOURNALS
THESAURUS
CROSS-BROWSER-ELEMENTS

To modify...

Font-Family:		modify body in section 'TAGS'
Font-Size:			modify both(!) body Tag declarations in section 'TAGS'
colors:				#000 - text, modify body in section 'TAGS'
					#555 - link & visited link, modify a:link in section 'TAGS'
					#111 - active & hover link,  modify a:hover, ... in section 'TAGS'
					#333 - forms, modify input, ... in section 'TAGS'
					#f00 - error & search highlight,  modify .dcError & .highlight in section 'DC COMMON'
background-image:	modify #dcBgHead0 in section'DC COMMON'
alignment
and/or float:		use the classes .left, .right and .center, remember to clear floats after using them with class .clearBoth, see /includes/main.html.php for examples


In some cases CLASSes or IDs are left empty, inluding the comment "... fyop ...".
This means they are already set within the HTML, but are intentionally left blank "for your own purposes" ...
*/

/********************* BITV *********************/
/*
include these in different stylesheet?!
*/

a:link.dcHelp,
a:visited.dcHelp,
a:hover.dcHelp,
a:active.dcHelp { cursor:help; border-bottom:1px dotted; font-weight:bold; }

/*
show different pointer on mouseover
*/
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] { cursor:pointer; }

/*
highlight only form elements having focus
*/
input,
textarea,
select { color:#333; background: #fff; }

/*
ie does not know pseudo class :focus and
should thus be always colored normally, using ...
*/
* html input,
* html textarea,
* html select { background:#fff; background:#fff; }

/*
give input types image, radio and checkbox this class,
as IE up to version 6.x doesn't support css attribute selectors ...
*/
input.IE { background:transparent; border:none; }

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover { color:#333; background:#fff; }

/*
used in login form within dcMainMenu
*/
input[type=image]:hover { background:#aaa; }


/********************* TAGS *********************/
body {
	width:99%;
	height:100%;
	margin:0 0 0 5px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:70%;
	line-height:1.6em;
	color:#000;
	background:#fff;
}
/*** bof:IE5.x Mac ***/
*>html body { font-size:80%; }
/*** eof:IE5.x Mac ***/

h1 { font-size:1.2em; font-weight:bold; margin:0; }
h2 { font-size:1.1em; font-weight:bold; margin:0; }
h3 { font-size:1em; font-weight:bold; margin:0; color:#0f2d69; }
h4 { font-size:.9em; font-style:italic; margin:0; }

p { margin:0; }

a:link { text-decoration:underline; color:#143c8c; }
a:visited { text-decoration:none; color:#143c8c; }
a:hover { color:#800000; }
a:active { color:#143c8c; }

/*** Wikipedia-Link ***/
a.extlink {
    padding-left: 15px;
    background: #fff url(../images/external.png) no-repeat left center;
}

caption { text-align:center; font-weight:bold; }

form,
fieldset { padding:0; margin:0; border:none; }

form { line-height: 1.2em; }

input,
textarea,
select {
	color:#333;
	padding:.2em;
	font-size:1em;
	font-family:verdana,arial,helvetica,sans-serif;
	border:1px solid #ccc;
	}

select { padding:0 }

input { vertical-align:middle; }

ul.nopadding { margin:0; padding:0; }
ul { padding-left:2em; }

hr {
	margin:0;
	padding:0;
	border:none;
	width:100%;
	height:1px;
	background:#ccc;
}

/*
classes are used for formatting prepared views
*/
strong,
.strong { font-style:normal; font-weight:bold; }

em
.em { font-style:italic; font-weight:normal; }

/********************* DC COMMON *********************/

.clearBoth { height:0; line-height:0; font-size:0; overflow:hidden; clear:both; }
* html .clearBoth { display:inline; }

.left { float:left; }
.right { float:right; text-align:right; }
.center { text-align:center; vertical-align:middle; }

.marginTop { margin-top:1em; }
.marginBottom { margin-bottom:1em; }

/*** DC highlight of search results ***/
.highlight { color:#f00; font-weight:bold; }

/*** Hide SELECT elements on mainmenu popup dropdown (IE bug) ***/
.on { visibility:visible; }
.off { visibility:hidden; }

/*** DC error formatting ***/
/*
general
*/
.dcError {
	font-weight:bold;
	color:red;
	padding:0.5em;
	border:1px dotted #f00;
	background:#FFEDC2;
    margin-top:1em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom:1em;
	}

.dcMessage {
	font-weight:bold;
	color:black;
	padding:0.5em;
	border:1px solid black;
	background:#95cc95;
    margin-top:1em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom:1em;
	}
	
.dcConfirm {
	font-weight:bold;
	color:black;
	padding:0.5em;
	border:1px solid black;
	background:#fffed0;
    margin-top:1em;
    margin-left:1em;
    margin-right:1em;
    margin-bottom:1em;
	}
	
/*
input forms
*/
.dcWrong {
	font-weight:bold;
	color:#f00;
	padding:0.5em;
	}

.dcFrameBody .dcError { border:none; padding:auto; }

#dcTooltip {
	text-align:center;
	position:absolute;
	width:460px;
	border:1px solid #4c4c4c;
	padding:.5em;
	background-color:#f0f0f0;
	visibility:hidden;
	z-index:84;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

#dcTooltip img { margin-bottom:.5em; }
#dcTooltip p { text-align:left; }

/*** DC page header ***/
.dcPageHeader {
	width:100%;
	height:60px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	top:0;
	left:0;
}


/*** DC page header background ***/
#dcBgHead {
/*	background-image:url('../images/logo_barch.gif'); */
	cursor:pointer;
	position:absolute;
	z-index:1;
	margin-top: 10px;
	padding-bottom: 3px;
}

/*** DC forms' button line ***/
.dcButtonLine { text-align:right; }

.dcButtonLine input {
	margin-left:1em;
	font-weight:bold;
	color:#fff;
	background:#4c4c4c;
	border:none;
	}

.dcButtonLine input:hover { color:#ccc; }

/*** DC forms' buttons, not within button line ***/
.dcFormButton {
	margin-right:1em;
	font-weight:bold;
	color:#fff;
	background:#4c4c4c;
	border:none;
	}

.dcFormButton:hover { color:#ccc; background:#4c4c4c; }

/*** DC forms' buttons, navigation for simple search (BArch) ***/
input.dcButtonLineBarch { text-align:center; }

input.dcButtonLineBarch {
	margin-left:0.5em;
	font-weight:bold;
	color:#fff;
	background:#5C9CDC;
	border:1px;
	border-color:#C6DBEE
	}

input.dcButtonLineBarch:hover { color:#ccc; }

/*** DC forms' required fields ***/
.dcRequired { font-weight:bold; }
.dcRequired:after { content:"*"; color:#000; }

/********************* FRAMES *********************/

.dcFrame {
	margin-bottom:1em;
	/*border:1px solid #ccc;*/
	}

.dcFrame h2 { padding:.2em; }

.dcFrameHead {
	line-height:1.6em;
	padding:.2em;
	}

div.dcFrameHead span.left { width: 49%; }
div.dcFrameHead span.right { width: 49%; }

.dcFrameHead h2 { display:inline; }

.dcFrameBody { padding:.5em; line-height:1.6em;	background:#C6DBEE; }

.navi_dcFrameBody { padding:.5em; line-height:1.6em; background:transparent; }



/********************* DIALOGUES *********************/
.dcDialogue fieldset select { width:100%; }
* html .dcDialogue fieldset select {width:90%; }
.dcDialogue fieldset.dcButtonLine { margin-top:1em;}
div.dcDialogue { padding:1em; }

body.dcDialogue { background:#f0f0f0; }

h2.dcDialogue {
	background:#4c4c4c;
	color:#fff;
	line-height:1.6em;
	padding-left:.2em;
	}

/*** CALENDAR ***/

#dcCalendar {
	width:100%;
	border:1px solid #ccc;
	margin-bottom:1em;
	border-spacing:0;
	empty-cells:hide;
	background:#f0f0f0;
	}

#dcCalendar caption {
	line-height:1.6em;
	padding:.2em;
	font-weight:bold;
	background:#ccc;
	}

#dcCalendar td {
	text-align:right;
	line-height:1.6em;
	padding:.2em;
	}

#dcCalendar thead th,
#dcCalendar tfoot td {
	border:1px solid #ccc;
	text-align:center;
	font-weight:bold;
	}
#dcCalendar thead th  { border-width: 0 0 2px 1px; line-height:1.6em; padding:.2em;  }
#dcCalendar tfoot td { border-width: 2px 0 0 1px; }

.opaque { background:#fff; }

#dcCalendar tbody td a:hover { display:block; background:#F0F0F0; }

/*
not all formats are used by default. therefore named, but empty
*/
#dcCalendar .noDay { /* ... fyop ... */ }

#dcCalendar #today {
	font-weight:bold;
	background:#F0F0F0;
	border:1px solid #f00;
	}

#dcCalendar .weekNo { /* ... fyop ... */ }

#dcCalendar #thisWeek { /* ... fyop ... */ }
#dcCalendar #thisWeek .weekNo { font-weight:bold; }

/********************* MAIN NAVIGATION *********************/

.dcMainNav {
	color:#fff;
	height:107px;
	margin: 10px 0 0 235px;
	position:relative;
	z-index:5;
}

/*** LOGIN ***/
.dcMainNavLogin { color:#fff; }

.dcMainNavLogin a:link,
.dcMainNavLogin a:visited,
.dcMainNavLogin label { color:#ffffff; font-weight:bold; }

/*
overload default form line-height
*/
.dcMainNav form { line-height:1.6em; padding:.2em; }
/*
give top menu items the same hover view as their children
*/
.dcMainNav ul li span:hover { cursor:pointer; color:#aaa; }

/*** MENU ***/
#dcMainNavMenu { display:table; overflow:hidden; display:block; }

.dcMainNavMenuItem {
	font-weight:bold;
	overflow:hidden;
	text-align: center;
}

/*** DROP-DOWN-MENUS ***/
/*
 * e.g. http://www.alistapart.com/articles/dropdowns/
 * XXX - width should automatically be adjusted to the widest item within
*/
#dcMainNavMenu ul {
	list-style:none;
	z-index:168;
	}

#dcMainNavMenu li {
	float:left;
	position:relative;
	list-style:none;
	padding:.2em .2em;
	height: 80px;
	border:1px solid #ffffff;
	border-bottom: none;
	}

#dcMainNavMenu li ul {
	display:none;
	position:absolute;
	top:2em;
	left:0;
	padding:.2em 0;
	background:#040284;
}

#dcMainNavMenu li ul { overflow:visible; }

/* class 'over' only for msie scripting, see dc_main.js, line 23 pp for details ... */
#dcMainNavMenu li:hover ul,
#dcMainNavMenu li.over ul { display:block; }

/*
links within drop-downs
*/
#dcMainNavMenu a:link,
#dcMainNavMenu a:visited { color:#ffffff; text-decoration: none; text-align: center; }
#dcMainNavMenu a:hover { color:#ffffff; text-decoration: underline; text-align: center;}

#dcMainNavMenu_topline {
  position:absolute; 
  left:414px; 
  background:#ecf6fc; 
  color:#000; 
  z-index:15;
  white-space:nowrap;
  padding: 0.1em;
}

#dcMainNavMenu_topline a:link { color:#000000; text-decoration:none; }
#dcMainNavMenu_topline a:visited { color:#000000; text-decoration:none; }
#dcMainNavMenu_topline a:hover { color:#C80808; text-decoration:none; }

/*** TABS ***/
ul.dcTabs { display:inline; }

ul.dcTabs li {
	margin-left:0;
	margin-right:.5em;
	padding:.2em .5em .2em;
	list-style: none;
	display: inline;
	background:#ccc;
	font-weight:bold;
	border:1px solid #ccc;
	}

ul.dcTabs li.here {
	list-style: none;
	display: inline;
	background:#f0f0f0;
	border-bottom:1px solid #f0f0f0;
	font-weight:bold;
	}

/********************* DC CONTENT AREA *********************/
/* margin-right is used to make space for dcMethodMenu */
#dcContentContainer {
	width:100%;
	float:right;
	background-image: url('../images/border_left.gif');
	background-position: 0 0;
	background-attachment: fixed;
	background-repeat: repeat-y;
}
* html #dcContentContainer {
	float:none;
	background-position: -5px 0;
}

#dcContentContainerNoMethodMenu {	
	width:100%;
}

/* to prevent margin inheritance into forms (i.e. collection_list.html.php) using IE,
padding is used instead of margin:1em 21em 1em 1em; */
#dcContent { 
	margin-left: 21em; 
	padding: 1em 1em 1em 1.5em; 
}

#dcContentNoMethodMenu {
	margin-left: 21em;
	padding: 0 1em 1em 4pt;
}


/********************* METHODMENU *********************/

#stripe {
	position: absolute;
	background-color:#80B1DF;
	height:100%;
	width:1.3em;
}

* html #stripe {
	top:120px;
}

#dcPictureLine {
  margin:21px 0 0 5px;
  padding:15px;
  border-left: 1px #2C74CC solid;
  width:160px;
  text-align:center;
  
  position:absolute;
  right:7px;
  top:90px;
}

#dcBgFoot {
	padding-top: 25px;
	margin-left: 21.4em;
	margin-right: 1em;
	overflow: hidden;
	background-image:url('../images/barch_foot.gif');
	background-repeat: no-repeat;
}

#dcMethodMenuContainer { 
	/*position:absolute;*/
	width:21em; 
	/*float:left; */
	background: #80B1DF;
	/*margin-top:-22px;*/
	position:absolute; top:95px; left:5px;
}

* html #dcMethodMenuContainer {
	top:90px;
}

#dcMethodMenuContainer a:link,
#dcMethodMenuContainer a:visited, 
#dcMethodMenuContainer a:hover { color:#000000; text-decoration:none; }
#dcMethodMenuContainer a:hover { background:#ECF6FC; }

.dcMethodMenu   { 
	margin:2em 0 1em 1.3em; 
	overflow:hidden;
}
* html .dcMethodMenu a { overflow:hidden; text-overflow:clip; }

.dcMethodMenu h3 { border-bottom:1px solid #80B1DF; margin:.5em 0; }


/********************* SEARCH *********************/

/*** SEARCH ***/
.dcSearch { /* background:#C6DBEE; */ background:transparent }

.dcSearch fieldset span { float:left; margin-bottom:.5em; margin-right:1em; white-space:nowrap; }

.dcSearch fieldset span img { vertical-align:top; }

span.dcEntryMissing {
  color:#f00;
  font-weight:bold;
}

/* BArch special search */
#search {
    /* width: 600px; */
}
#search .dcSearchBody {
    background:#F4F2F4;
    border:1px solid #CCCCCC;
}
#search .dcFrameBody {
    background:#FFF;
    width:600px;
}
#search .dcButtonLine {
    background:#F4F2F4;
    padding:0.5em;
    text-align:center;
}
#search .dcSearchTab {
    list-style-type:none;
    margin:0pt;
    padding-bottom:22px;
    padding-left:0px;
    padding-top:0px;
}
div.dcFrameHeadshowhide h2, div.dcFrameHead h2 {
    padding:0.2em;
    
    font-family:'Times New Roman',Times,serif;
    font-size:1.4em;
    font-weight:bold;
    margin:0;
    color:#C80808;
}

.headred {
	padding:0em 0em 0em 1em;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	color:#000000;
	background-image: url(../images/quadratblau.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#search .dcSearchTab li {
    float:left;
    height:20px;
    margin:2px 2px 0pt;
}
/* hack fuer IE7 */
*+html #search .dcSearchTab li {
    height:22px;
}
#search .dcSearchTab input {
    width:100px;
    background:#FFFFFF;
}
#search .dcSearchTab input.active {
    background:#F4F2F4;
    border-bottom:1px solid #F4F2F4;
    font-weight:bold;
}
#search .dcSearchTab input:hover {
    background:#F4F2F4;
}
#dcSearchquickBoxContainer fieldset {
    padding:0 0.5em 0 0.5em;
}

/*** ADVANCED SEARCH ***/
.dcSearchAdvanced fieldset {
	margin-bottom:1em;
	padding:.4em;
	/* background:#F0F0F0; */
	border-bottom:1px solid #ccc;
	}

/*** SEARCH NAVIGATION ***/
.dcSearchNav{
	line-height:1.6em;
	padding:.2em;
	background:#f0f0f0;
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
	}

.dcSearchNav img { vertical-align:middle; }

.dcSearchNav h2 { display:inline; margin:0 1em; }

.dcSearchNav span.left { width:70%; }
/* ie hack */
* html .dcSearchNav span.right {white-space:nowrap;  }
/*
holly hack, http://www.positioniseverything.net/articles/hollyhack.html#haslayout
*/
* html .dcSearchNav { height:1%; }

/*** FILTER ***/
* html #dcFilterBoxContainer { height:1%; }


/********************* VIEWS *********************/

/* wrapper ... only .5em at bottom because of .5em spacing between single items */
#dcViewFrame {
	padding-bottom:.5em;
	/* ie7 hack */
 	overflow: hidden;
 }
/* holly hack, see above ... */
* html #dcViewFrame { height:1%; }



/*** LIST ***/
.dcListItemContainer {
	width:100%;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
}

.dcListItem { margin-left:17em; padding:.2em; }

.dcListItemText { padding:.5em; }

.dcListItemOpaque { background:#ECF6FC; }

/*
give dcListItemHead additional class right to align text and checkbox to the right
*/
.dcListItem div.right { float:none; }

.dcListItemImg {
	width:16em;
	height:15em;
	min-width:160px;
	min-height:150px;
	float:left;
	text-align:center;
	}
* html .dcListItemImg { height:150px; }

.dcListItemHead { font-style:italic; font-weight:bold; color:#000; }
.dcListItemBody { /* ... fyop ... */ }
.dcListItemBody p.strong { margin-bottom:.5em; }
.dcListItemTrailer { margin-top:.5em; }

/*** MINIGALLERY ***/
/*
Contains absolute width and height as relative units produce weird layouts when used with small font sizes.
See minigallery.html.php for correct measures.
*/

.dcMiniGalleryItemContainer  {
	float:left;
	width:101px;
	height:137px;
	padding:2px;
    border: 1px solid #ccc;
	margin-right:1em;
	margin-bottom:1em;
	overflow: hidden;
}
* html .dcMiniGalleryItemContainer  {
	height:129px;
}

.minlineheight {
    line-height:1.0em;
}

.dcMiniGalleryItemHead {
	text-align:left;
	margin-bottom:.2em;
	font-size:.8em;
}
.dcMiniGalleryItemImg {
	text-align:center;
	padding: 1px 0;
	width:102px;
	height:116px;
	background:#f0f0f0;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
    display: table-cell;
    vertical-align: middle
}
.dcMiniGalleryItemImg img{
	vertical-align: middle;
}
/* empty span for ie to middle images vertical*/
.dcMiniGalleryItemImg span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.dcMiniGalleryItemFunctions {
	padding: 3px 0;
	height: 16px;
	/*background:#f0f0f0;*/
	margin-top:.2em;
	text-align:right;
}

/*** GALLERY ***/
.dcGalleryItemContainer {
	float:left;
	width:15em;
	min-width:150px;
	padding:2px;
	border: 1px solid #ccc;
	margin-right:.7em;
	margin-bottom:1em;
	background: #ECF6FC none repeat scroll 0%;
	}
* html .dcGalleryItemContainer { width:15em; }

.dcGalleryItemContainerBPA {
	float:left;
	width:15em;
	min-width:150px;
	padding:2px;
	border: 1px solid #ccc;
	margin-right:.7em;
	margin-bottom:1em;
	background: #CFE2E5 none repeat scroll 0%;
	}
* html .dcGalleryItemContainerBPA { width:15em; }

.dcGalleryItem {
	height:23em;
	min-height:250px;
	overflow:hidden;
	}

.dcGalleryItem input,
.dcGalleryItem img { vertical-align:top; }
/*
allow vertical alignment of images within links
*/
.dcGalleryItem a:link { margin:.1ex; }

.dcGalleryItem span.left { width:30%; }
.dcGalleryItem span.right { width:70%; }

.dcGalleryItemHead { text-align:left; margin-bottom:.2em;font-size:.9em;}

.dcGalleryItemImg {
	text-align:center;
	margin-bottom:.2em;
	width:15em;
	height:15em;
	min-width:150px;
	min-height:150px;
	background:#f0f0f0;
	border-top		:1px solid #ccc;
	border-bottom	:1px solid #ccc;
	/* for Firefox */
	display: table-cell;
	vertical-align: middle
}
.dcGalleryItemImg img{
	vertical-align: middle;
	border: 1px solid #ccc;
}
/* empty span for ie to middle images vertical*/
.dcGalleryItemImg span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

* html .dcGalleryItemImg { 	height:15em; width:15em; }

.dcGalleryItemBody { /* ... fyop ... */ }

* html .dcGalleryItemBody { height:6em; }

.dcGalleryItemFunctions {
	margin-top:.2em;
	text-align:right;
	}

.dcGalleryItemFunctionsKostenfrei {
   	margin-top:.2em;
	text-align:right;
	background: #95CC95 none repeat scroll 0%;
	}


/*** DETAIL ***/
#dcDetailContainer div.dcFrame { margin-bottom:1em; }
#dcDetailContainer div.dcFrameHead { background:#f0f0f0; }
#dcDetailContainer div.dcFrameBody { background:transparent; }

#dcDetailItemImg {
	margin-right:1em;
	margin-bottom:1em;
	float:left;
	}

#dcDetailHead { margin-bottom: 30px;
                font-family: verdana,arial,helvetica,sans-serif;
                line-height: 1.6em;
}

#dcDetailBody { clear: both;
                font-family: verdana,arial,helvetica,sans-serif;
                line-height: 1.6em;
}

#dcDetailTrailer { margin-top:.5em; }

/*** KWIC ***/
/*
... fyop ...
*/

/********************* EDIT MASKS *********************/

/*** SIMPLE EDIT ***/
.dcEdit img {
	margin: 1.5em 1em 1em .5em;
	float:left;
	}

.dcEdit span.left { width:49%; margin-bottom:1em; }
.dcEdit span.right { width:49%; margin-bottom:1em; }

.dcEdit fieldset { float:left; margin-bottom:1em; margin-right:1em; }

.dcEdit fieldset div { margin-bottom:.5em; }

.dcEdit fieldset input,
.dcEdit fieldset textarea { width:56ex; }

/*** MULTI EDIT ***/
/*
property repeat-y results in weird disply in IE 6.x, therefore ccc.gif is 1600px wide and only right-aligned ...
*/
body#dcMultiEditContainer { background:url('../images/ccc.gif') right; margin:0; }

#dcMultiEdit { padding:1em; }
#dcMultiEdit .dcFrame { margin-top:1px; }
#dcMultiEdit input,
#dcMultiEdit select,
#dcMultiEdit textarea { margin-bottom:1em; }
#dcMultiEdit .dcButtonLine input { margin-bottom:0; }

#dcMultiEditList { margin:1em; }

#dcMultiEditList .dcGalleryItemContainer { margin-bottom:1em; }
#dcMultiEditList .dcGalleryItem { height:21em; min-height:210px; }

/*** LIST EDIT ***/
/*
used in listeditor.php
*/
.dcListEdit .dcSearchNav { border-top:1px solid #ccc; background:#F0F0F0; }

/********************* COLLECTIONS *********************/
.dcFrame div.dcCollection { background:transparent; }
.dcFrame div.dcCollectionEdit { background:#f0f0f0; }

.dcCollection span.left,
.dcCollectionEdit span.left { width:19%; font-weight:bold; }
.dcCollection span.right,
.dcCollectionEdit span.right { width:80%; text-align:left; }

.dcCollectionEdit .dcButtonLine { margin-bottom:1em; }

input.dcCollection,
textarea.dcCollection { margin-bottom:.5em; }

/*** MINI-COLLECTIONS ***/
.dcMiniCollection { /* ... fyop ... */ }
.dcMiniCollectionHead { padding-bottom:.5em; border-bottom:1px solid #ccc; }
.dcMiniCollectionItem { padding:.2em 0 .32em; border-bottom:1px solid #ccc;}
.dcMiniCollectionItem img { margin-right:.5em; vertical-align:top; }
.dcMiniCollection .borderless { border-bottom:none; }
.dcMiniCollection .opaque { background:#F0F0F0; }

.dcMiniCollection .dcSearchNav { background:#F0F0F0; }
.dcMiniCollection .dcSearchNav h2 { display:inline; margin:0 .5em; }
.dcMiniCollection .dcSearchNav span.left { width:70%; }
.dcMiniCollection .dcSearchnav span.right { width:30%; }

.dcMiniCollection div.right { float:none; }
/*
<img src="<?=DC_WWW?>images/blind.gif" width="0" height="0" alt="" />
within collection_list.html.php needed by IE to align INPUT and TEXTAREA to the left #P
*/

/********************* JOURNALS *********************/

.dcFrame div.dcJournal { background:transparent; }

.dcJournal span.left { width:19%; font-weight:bold; }
.dcJournal span.right { width:80%; text-align:left; }

.dcJournalEdit fieldset.left { width:19%; }
.dcJournalEdit fieldset.right { width:80%; text-align:left; }

.dcJournalEdit fieldset.left input { margin:0; border:none; background:#f0f0f0; }

.dcJournalEdit fieldset.right input,
.dcJournalEdit fieldset.right textarea { width:56ex; margin-bottom:1em }

/********************* THESAURUS *********************/
.dcThesaurusContainer { margin:1em; border-bottom:1px solid #ccc; }
.dcThesaurusContainer iframe { width:100%; }
/*
msie workaround ...
*/
* html .dcThesaurusContainer iframe { width:97%; }

.dcDialogue select.dcThesaurus { width:30%; margin-right:1em; margin-bottom:1em; }

/********************* USER PREFERENCES *********************/
fieldset#dcUserPreferences label { display:block; width:18em; float:left; }
fieldset#dcUserPreferences div input { display:inline; }

/********************* CROSS-BROWSER-ELEMENTS *********************/
/*
used for floating dialogues like calendar, assistants etc.
*/
.clsCBE {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	margin:0;
	width:64px;
	height:64px;
	clip:rect(0 64px 64px 0);
	background:#fff;
	border:1px solid #4c4c4c;
	z-index:42;
	}

#dcModal {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	display:none;
	background:#fff;
	z-index:23;
	filter:alpha(opacity=64);
	-moz-opacity:0.64;
	opacity:0.64;
	}


/********************* THESAURUS *********************/
.dcThesaurusContainer { margin:1em; border-bottom:1px solid #ccc; }
.dcThesaurusContainer iframe { width:100%; }
/*
msie workaround ...
*/
* html .dcThesaurusContainer iframe { width:97%; }

.dcDialogue select.dcThesaurus { width:30%; margin-right:1em; margin-bottom:1em; }

#dcThesaurusList {
  background:#fff;
  margin:1em 0;
  padding:.5em;
  border:1px solid #ccc;
  /*
  currently (20050602) browsers ignore local anchors and setting of style.top within scrolling elements ...
  height:21em;
  overflow:scroll;
  */
}

ul.dcThesaurus {
  list-style-type: none;
  padding:0;
  margin:0 1em;
  }

ul.dcThesaurus li {
  text-indent:-.9em;
  padding-left:.5em;
  padding-top:.2em;
  background: url(../thestree/tree_vertline.gif) repeat-y;
}

ul.dcThesaurus ul {
  list-style-type: none;
  margin-left:1em;
}

ul.dcThesaurus li img { margin-right:.4em; border: 0}


/********************* CSS tabs *********************/
/* Begin Joshua Kaufman's "unraveled" CSS tabs h(ttp://www.unraveled.com/projects/css_tabs/) */
/* XXX - double trouble - should use own styles (dcTabs), before implementing twice :P */

ul#tabnav {
list-style-type: none;
padding-left: 15px;
padding-bottom: 25px;
padding-top: 0px;
margin: 0;
}

ul#tabnav li {
float: left;
height: 22px;
background-color: #fff;
margin: 2px 2px 0 2px;
border: 1px solid #ccc;
}

#tabnav a {
float: left;
display: block;
color: #999;
text-decoration: none;
padding: 4px;
}

#tabnav li a:hover {
background-color: #f0f0f0;
}

#tabnav li.tabhighlight {
border-bottom: 1px solid #f0f0f0;
background-color: #f0f0f0;
}

#tabnav li.tabhighlight a {
color: #000;
}

#tabnav li.taberror * {
color:#f00;
}

/* End Joshua Kaufman's "unraveled" CSS tabs (http://www.unraveled.com/projects/css_tabs/) */

/* TOGGLE BOX */
.hide{
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: none;
    border:1px solid #f00;
}

.dcFrameHeadshowhide  {
    line-height:1.6em;
    padding:.2em;
    border-bottom:1px solid #999999;
	background: #C6DBEE none repeat scroll 0%;
}
div.dcFrameHeadshowhide span.left,
div.dcFrameHeadshowhide span.right {
    width: 49%;
}
.dcFrameHeadshowhide  {
    line-height:1.1em;
    cursor: pointer;
}
div.dcFrameHeadshowhide:hover {
    background:#FFFFFF;
}
.dcFrameHeadshowhideBox {
    border-bottom:1px solid #ccc;
    cursor: pointer;
}

#dcBreadCrumbs {
	font-family:verdana,helvetica,arial,sans-serif;
/*	font-size:0.7em; */
	font-style:normal;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	background: #ECF6FC;
	padding:0.2em 0.2em 0.2em 0.8em;
	line-height:1.6em;
}

#dcBreadCrumbs_active {
	font-family:verdana,helvetica,arial,sans-serif;
	font-style:normal;
	color:#C80808;
	font-weight:bold;
	/*font-weight:normal;*/
	/*text-decoration:underline;*/
	
  padding:.2em;
  line-height:1.6em;
  /*float:left;*/
}

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

Styles f�r cxdcsynd-Modul

---------------------------------------------- */
th
{
  font-weight: bold;
}

td
{
  vertical-align: bottom; 
}

.tdlabel 
{
  font-weight: bold; 
  border-bottom: 1px solid #ccc; 
}

.tdfield 
{
  border-bottom: 0px solid #ccc;
}

.tdfield input
{
}

.tdfield .dcButtonLineBarch
{
  width: auto; 
}

.tdhelp 
{
  border-bottom: 1px solid #ccc;
}

.dcDetailTable td {
  text-align: left;
  vertical-align: top;
}

.dcLogoContainer {
  text-align: center;
  background: #ffffff;
  margin-left: 21.4em;
  padding: 20px 0pt;
}

legend
{
  display:block;
  font-size: 1.1em;
  font-weight:bold; 
  text-decoration: underline; 
  color: #143c8c;
  padding: 0.5em;
  padding-top: 1.5em;
  padding-left: 1em;
}

/* Online images count */
#images_count_block {
  color: #FFFFFF;
  font-size: 0.9em;
  line-height: 1.2em;
}

.trheader {
  background-color: #000000;
  color: #ffffff;
}

.trcellodd {
  background-color: #e0e0e0;
}

.trcelleven {
  background-color: #d0d0d0;
}