/*
 * @package DC5-Application
 * @subpackage Common
 *
 * @version $Header: /home/cvs/DC5/dc5/system/install/skel/default/www/css,v 0.1 2004/11/15 21:42:07 sec Exp $
 */

/*
Basic styles, valid for "all" devices.

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,  modify .dcError in section 'DC COMMON'
background-image:	modify #dcBgHead0 in section'DC COMMON'
*/

/*********************  *********************/

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

.dcHelp {
	visibility:hidden;
	display:none;
	height:0;
	width:0;
}
a:link.dcHelp,
a:visited.dcHelp,
a:hover.dcHelp,
a:active.dcHelp {}

/*
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; b\ackground:#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:100%;
	height:100%;
	margin:0;
    font-family:verdana,arial,helvetica,sans-serif;
	font-size:60%;
	line-height:1.2em;
	color:#000;
	background-color:#F0F5F0;
	/*background:#fff;*/
	}

/*** bof:IE5.x Mac ***/
*>html body { font-size:80%; }
/*** eof:IE5.x Mac ***/

h1 { font-size:1em; font-weight:bold; margin:0; }
h2 { font-size:1em; font-weight:bold; margin:0; }
h3 { font-size:1em; font-weight:bold; margin:0; }
h4 { font-size:1em; font-style:italic; margin:0; }

a:link,
a:visited { text-decoration:none; color:#555; }

a:hover,
a:active { color:#999; }

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

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

form { line-height: 1.5em; }

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

select { padding:0 }

input { vertical-align:middle; }

ul { margin:0; padding:0; }

hr {
	margin:0;
	padding:0;
	border:none;
	width:100%;
	height:1px;
	border-top:1px dotted #333B33;
}


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

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

.left { float:left; }
.right { float:right; text-align:right; }
.center { text-align:center; vertical-align:middle; background-color:#FFF; width: 100%; padding: 8px 0}

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

/*** DC error formatting ***/
.dcError {
	font-weight:bold;
	color:#f00;
	padding:0.5em;
	border:1px dotted #f00;
	}

/*** DC page header ***/
.dcPageHeader {
	width:100%;
	height:60px;
	background-color:#333B33;
	background-repeat:no-repeat;
	}

/*** DC page header backgrounds ***/
/*
Define different IDs to include various images.
See /include/main.html.php for implementation.
*/
#dcBgHead0 { background-image:url('../img/head1.gif'); }
#dcBgHead1 { background-image:url('../img/head1.gif'); }

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

.dcButtonLine input {
	margin-left:1em;
	font-weight:bold;
	color:#FFF;
	background:#667266;
	border:solid 1px #333b33;
	height:20px;
	}

.dcButtonLine input:hover { border: solid 1px #FFF; }

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

/*** DC forms' obligatory items ***/
.obligatory { font-weight:bold; }

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

.dcFrame {
	margin-bottom:1em;
	border:1px solid #F0F5F0;
	}

.dcFrame:after {
    content:".";
    display:block;
    line-height:1px;
    font-size:1px;
    clear:both;
}
	
.dcFrame h2 { padding:.2em; }

.dcFrameHead {
	line-height:1.6em;
	padding:.2em;
	background:#667266;
	margin:0;
	}

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

.dcFrameHead h2 { display:inline; color:#FFF; margin:0}

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


/********************* DIALOGUES *********************/

div.dcDialogue { margin:1em; }

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

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

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

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

#dcCalendar .weekNo {}

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

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

.dcMainNav {
	width:100%;
	background:#333B33;
	color:#fff;
	height:2em;
	}

.dcMainNav:after {
    content:".";
    display:block;
    line-height:1px;
    font-size:1px;
    clear:both;
}

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

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

/*
overload default form line-height
*/
.dcMainNav form { line-height:1.6em; padding:.2em; }

/*** MENU ***/
#dcMainNavMenu { }

.dcMainNavMenuItem {
	font-weight:bold;
	line-height:1.6em;
	padding-left:.4em;
	}

/*** DROP-DOWN-MENUS ***/
/*
e.g. http://www.alistapart.com/articles/dropdowns/
*/
#dcMainNavMenu ul {
	list-style:none;
	}

#dcMainNavMenu li {
	float:left;
	position:relative;
	list-style:none;
	width: 10em;
	padding:.2em .2em;
	text-align:left;
	}
#dcMainNavMenu li ul {
	display:none;
	position:absolute;
	top:1.6em;
	left:0;
	padding-top:.4em;
	padding-bottom:.4em;
	background:#333B33;
	}

/* 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 li ul li a,
#dcMainNavMenu li ul li a:link,
#dcMainNavMenu li ul li a:visited { color:#fff;	padding:0.2em}
#dcMainNavMenu li ul li a:hover { background-color:#333B33; color:#FFBB00;  }

/*** 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%;
	margin-right:-21em;
	float:left;
	}

/*
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-right: 21em; padding: 1em 0 1em 1em; }


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

#dcMethodMenuContainer { width:21em; /*width:150px;*/ float:right;}

#dcMethodMenu   { margin:1em; margin-top: 0.5em; padding:0;}

#dcMethodMenu h3 {  margin:0 0 0 0; background-color:#A8B2A8; padding: 0.3em;}
/*#dcMethodMenu .dcFrameHead { visibility:hidden; display:none; height:0; width:0;}*/
#dcMethodMenu .dcFrameHead { margin-top:.5em; margin-bottom:0; padding-top:0.3em; padding-bottom:0.3em;}
#dcMethodMenu a {padding: 0 0.3em 0 0.3em; color: #000;}
/*#dcMethodMenu a {padding: 0 0.3em 0 0.3em; color: #393C39; font-weight:bold;}*/
#dcMethodMenu a:hover {color:#FF0000;} 
#dcMethodMenu .dcFrameBody {padding: 0; margin:0;}

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

/*** SEARCH ***/
.dcSearch fieldset span { float:left; margin-bottom:.5em; margin-right:1em;}

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

/*** ADVANCED SEARCH ***/
.dcSearchAdvanced fieldset {
	margin-bottom:1em;
	padding:.2em;
	background:#D4DED4;
	border-bottom:1px dotted #333B33;
	}

/*** SEARCH NAVIGATION ***/
.dcSearchNav{
	line-height:1.6em;
	padding:.2em;
	background:#D4DED4;
	border-top:1px dotted #333B33;
	border-bottom:1px dotted #333B33;
	margin-bottom:1em;
	}
	
.dcSearchNav img { vertical-align:middle; }

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

.dcSearchNav span.left { width:80%; }
.dcSearchnav span.right { width:20%; }

/*
holly hack, http://www.positioniseverything.net/articles/hollyhack.html#haslayout
*/
* html .dcSearchNav { height:1%; }

/*** FILTER ***/
* html #dcFilterBoxContainer { /*height:1%;*/height:0; width:0; visibility:hidden; display:none; }

/********************* VIEWS *********************/
/*
wrapper
... only .5em at bottom because of .5em spacing between single items
*/
#dcViewFrame {	padding-bottom:.5em; }

/*
holly hack, see above ...
*/
* html #dcViewFrame { height:1%; }

/*** LIST ***/
.dcListItemContainer {
	width:100%;
	margin-bottom:.5em;
	border-top:1px dotted #333b33;
	padding-top:10px;
	padding-bottom:5px;
	vertical-align:top;
}
.dcListItem { margin-left:17em; }
.dcListItem h3 {
	font-size: 1.2em;
}
.dcListItem h3 a:link, .dcListItem h3 a:visited {
	color:#000;
}
.dcListItem h3 a:hover {
	color:#333;
}
.dcListItem div.right { float:none; }

.dcListItemImg {
	width:16em;
	padding:.2em;
	float:left;
	text-align:center;
	vertical-align: middle;
	border: 1px solid #CCC;
	background-color:#FFF;
	}

.dcListItemOpaque { background:#f0f0f0; }

/*** GALLERY ***/
.dcGalleryItemContainer {
	float:left;
	width:17em;
	min-width:170px;
	padding:.2em;
    border: 1px solid #ccc;
	margin-right:1em;
	margin-bottom:1em; }

.dcGalleryItem {
	height:23em;
	min-height:240px;
	vertical-align:middle;
	}

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

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

.dcGalleryItemImg {
	text-align:center;
	margin-bottom:.2em;
	height:16em;
	line-height:16em;
	min-height:160px;
	background:#FFF;
	border-bottom:1px solid #ccc;
	}

.dcGalleryItemHead { text-align:right; margin-bottom:.2em; background-color:#FFF;}

.dcGalleryItemTools {
	padding-top:.2em;
	text-align:right;
	}

/*** DETAIL ***/
#dcDetailContainer div.dcFrame { margin-bottom:1em; }
#dcDetailContainer div.dcFrameHead { background:#f0f0f0; padding:0; }
#dcDetailContainer div.dcFrameHead h3 {background-color: #D4DEDF; padding:0.4em;}
#dcDetailContainer div.dcFrameBody { background:#D4DEDF;  border-top: 1px dotted #333B33; border-bottom: 1px dotted #333B33;}
#dcDetailContainer {}
#dcDetailItem {border:1px solid #AAB1AA; background-color:#FFF; clear: both;}
#dcDetailItem img {
	margin-right:1em;
	margin-bottom:1em;
	margin-left:0;
	float:left;
	}
	
#dcDetailItem h2 { color:#667266; margin-bottom:.5em }
#dcDetailItem h1 { margin-bottom:.5em; font-size:1.2em; font-weight:bold;}

/*** KWIC ***/
/*
todo?
*/

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

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

/*
<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 }

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