/* font type definitions */

body,
table,
td,
.pathseparator,
.footer,
form,input, option, select, textarea,
select.accessors,
option.accessors,
select.selectmetadata,
select.move,
input.add,
select.add,
select.notify,
input.text,
input.textlikeh5,
input.textlikesmall,
input.textmetadata,
.textmetadata,
h1, h2, h3, h4, h5,
.small,
.smallsearchdetail,
.smallmetadata,
.smallmetadataexample,
.smalledit,
input.filemetadata,
textarea.text,
textarea.textmetadata,
p,
.par,
.search,
.searchdetails,
input.search,
.smallgray,
a.smallgray:link,
a.smallgray:visited,
a.smallgray:active,
.smallpathbarlink,
a.smallpathbarlink:link,
a.smallpathbarlink:visited,
a.smallpathbarlink:active,
a:link, a:active,
a:visited,
a.path:link, a.path:active,
a.path:visited,
a.headerlink:link, a.headerlink:active,
a.headerlink:visited,
li.backwardlink,
li.forwardlink,
li.forwardmaillink,
li.link,
li.speciallink,
li.emptybullet

{
	font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
}




.pre {
	font-family: courier, "Trebuchet MS", verdana, helvetica, arial, sans-serif;
}


/* misc definitions */

body,
table,
td,
form,input, option, select, textarea,
select.notify,
input.text,
input.textlikeh5,
input.textlikesmall,
.small,
.smalledit,
p,
.par
{
  color: #2F305B; /*textcolor*/
}



.smallsearchdetail
{
	color: #2F305B; /*searchdetailtextcolor*/
}



.bannerbg {
	background-color: #ffffff; /*bannerbgcolor*/
}
.pathbg {
	background-color: #FCCD91; /*pathbgcolor*/
}

.rightcolbg {
	background-color: #FFFFFF; /*rightcolumnbgcolor*/
}

td.nav,
table.navwithbg
{
	background-color: #FEEBA8; /*leftcolumnbgcolor*/
}



.toolbar,
.verticaltoolbar,
.toolbarbg
{
	background-color: #FEEBA8; /*toolbarcolor*/
}

.options {
	background-color: #FEEBA8;
	border: 1px solid #a4a3a1;
	padding: 5px;
	padding-right: 10px;		
}

.options_ok_button {
	float: right;
	border-right: 2px solid #195d89;
	border-bottom: 2px solid #195d89;
	border-top: 1px solid #2c84bc;
	border-left: 1px solid #2c84bc;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #e6e6e6;
}

.topbar2
{
	background: url(images/top2_left.jpg) ;
}


.groupingbackground,
.grouping,
.metadatabackground
{
  background-color: #f8f8f8; /*metadatabgcolor*/
}

.textmetadata,
.smallmetadata,
.smallmetadataexample
{
   color: #333333; /*metadatatextcolor*/
}

select.accessors,
option.accessors,
select.selectmetadata,
input.textmetadata,
input.filemetadata,
textarea.textmetadata
{
  color: #333333; /*metadatatextcolor*/
  background-color: #f8f8f8; /*metadatabgcolor*/
}

textarea.text
{
  color: #2F305B; /*textcolor*/
/*  scrollbar-base-color: #f8f8f8; JZ 20060522: Commmented out as not supported by W3C standard.*/ 
}

textarea.smallertext /* style for e-laborate, to make the font-size match the size of the image */
{
  font-size: 95%; /* don't want to use absolute font-size, and 'smaller' was too small */
  color: #000000; /*textcolor*/
/*  scrollbar-base-color: #f8f8f8; JZ 20060522: Commmented out as not supported by W3C standard.*/ 
}

h1, h2, h3, h4
{ 
	color: #2F305B; /*headingcolor*/
}
h5
{
   color: #2F305B; /*textcolor*/
}



.searchbg,
.search,
.searchdetails
{
	background-color: #E6E6E6; /*searchboxcolor*/
}

input.search
{
   background-color: #ffffff;	/*searchinputbgcolor*/
   border-top: solid 1px #A3A3A3; /*searchinputbordercolor*/
   border-bottom: solid 1px #A3A3A3; /*searchinputbordercolor*/
   border-left: solid 1px #A3A3A3; /*searchinputbordercolor*/
   border-right: solid 1px #A3A3A3; /*searchinputbordercolor*/
}



.pathseparator
{
    color: #666666;	/*pathseperatorcolor*/
}

.smallpathbarlink,
a.smallpathbarlink:link,
a.smallpathbarlink:visited,
a.smallpathbarlink:active,
a.loginpath:link, a.loginpath:active,
a.loginpath:visited,
a.path:link, a.path:active,
a.path:visited,
a.headerlink:link, a.headerlink:active,
a.headerlink:visited
{
   color: #D75415; /*pathcolor*/
}

a:link, a:active
{
	color: #D75415; /*linkcolor*/
}
	 
a:visited
{ 
	color: #9E0B0E; /*visitedlinkcolor*/
}

	
	


/* ------------------------------------ */
/* below included for technical reasons */
/* ------------------------------------ */

table.navwithbg {
	background-image: url(images/leftcol_back.jpg);
}

li.backwardlink  {
	list-style-image: url(images/bulletbackward.gif);
}

li.forwardlink,
li.link {
	list-style-image: url(images/bulletforward.gif);
}
li.forwardmaillink{
	list-style-image: url(/images/mail.gif);
}

li.speciallink  {
	list-style-image: url(images/bullet.gif);
}


ul li,
ol ul li,
ul ul li,
ol ol ul li,
ol ul ul li,
ul ol ul li,
ul ul ul li
 {
	list-style-image: url(images/bullet.gif);
 }

.mail .reply {
  margin-left: 3em;
}

.mail .replybutton {
  text-indent: 20px;
  float: right;
  background-image: url(/images/mailbutton.gif);
  background-repeat: no-repeat;
}

.newdocument {
	display: block;
	float: left;
	width: 20px;
	height: 16px;
	background-image: url(/images/newdoc.jpg);
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------------ */
/* css extensions for org.itor.transcription and org.itor.zoom-plugin */
/* ------------------------------------------------------------------ */

.annotationStub {
	font-weight: bold;
	color: #512912;
}

.zoombuttons {
	padding-bottom: 10px;
}

.transcriptionpicture {
	border: 1px solid #7a9db4;
}

.transcriptionThumbnail {
	border: 1px solid #7a9db4;
}

.imagenavigator {
	border: 2px solid #7a9db4;
	padding: 1px;
}

.pictureframe {
	border: 1px solid #828282;
}

.transcriptionfield, .transcriptionfield td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	border: 1px solid #828282;
	vertical-align: top;
}

.transcriptionfield td.gutter {
	height: 100%;
	width: 3%;
	background: #FFFF63 url(/web/skins/e-laborate/images/annotate_bookmark.gif) top left no-repeat;
}

.transcriptionfield td.gutterinactive {
	height: 100%;
	width: 3%;
	background: #E6E6E6 url(/web/skins/e-laborate/images/annotated_bookmark.gif) top left no-repeat;
}

.transcriptionfield td.editorborder {
	height: 100%;
	width: 97%;
}

.annotationfield, .annotationfield td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	border: 1px solid #828282;
	vertical-align: top;
	/*background: #faffc6*/
}

.annotationfield td.gutter {
	height: 100%;
	width: 3%;
	background: #A8D59D url(/web/skins/e-laborate/images/save_bookmark.gif) top right no-repeat;
}

.annotationfield td.gutterinactive {
	height: 100%;
	width: 3%;
	background: #E6E6E6 url(/web/skins/e-laborate/images/saved_bookmark.gif) top right no-repeat;
}

.annotationfield td.editorborder {
	height: 100%;
	width: 97%;
}

.editorframe {
	/* Do NOT use, IE collapses IFrames due to --> height: 100%;*/
	width: 100%;
	border: none;
}

.editorframeview {
	/* Do NOT use, IE collapses IFrames due to --> height: 100%;*/
	border: 1px solid #828282;
	vertical-align: top;
	width: 95%;
}

body.transcriptiontext, body.annotationtext {
	margin: 5px;
    font-family: verdana, helvetica, arial, sans-serif; font-size: 10pt;
}

body.transcriptiontextview {
	background-color: #faffc6;
	margin: 5px;
    font-family: verdana, helvetica, arial, sans-serif; font-size: 10pt;
}

body.annotationtextview {
	background-color: #eeffe8;
	margin: 5px;
    font-family: verdana, helvetica, arial, sans-serif; font-size: 10pt;
}

span.annotationContainer {
	border-bottom: 1px dotted green;
}

span.annotationMarque {
	border-bottom: 1px dotted red;
}

span.annotationText {
	/* [JZ20050506] This was just plain simple "display: none;". */
	/* But IE seems to defaultly show elements in designMode     */
	/* even if they have display: none. It looks like IE only    */
	/* supports CSS in designMode as far as it's possible to     */
	/* translate it to HTML-tags like <FONT> etc.                */
	display: block;
	position: absolute; left: -100%; width: 90%;
    background-color: red;
}
/*
span.annotationContainer:hover span.annotationText {
	z-index: 2;
	text-decoration: none;
	display: block;
	position: fixed; bottom: 2%; left: 2%; width: 90%;
    border: 1px solid #195d89;
    padding: 5pt;
    background-color: #fcd698;
    color: black;
    font-family: Arial; font-size: 8pt;
    filter: -moz-opacity: 0.9; opacity: 0.9;
}

span.annotationTextIEQuirk {
	z-index: 2;
	text-decoration: none;
	display: block;
	position: absolute; bottom: 2%; left: 2%; width: 90%;
    border: 1px solid #195d89;
    padding: 5pt;
    background-color: #fcd698;
    color: black;
    font-family: Arial; font-size: 8pt;
    filter: alpha(opacity=90); opacity: 0.9;
}
*/

.childbutton23.transcription {
	margin-top: 5px;
}

.transcription.buttonBar.inactive {
	background-color: #e6e6e6;
	border-top: 1px solid #828282;
}

.transcription.buttonBar.active {
	background-color: #fce9a5;
	border-top: 1px solid #7a9db4;
}

.categoriesSelectInactive {
	width: 50pt;
    float: right;
    border: 1px solid #828282;
}

.categoriesSelectActive {
    width: 50pt;
    float: right;
	border: 1px solid #7a9db4;
}

.selectionButtonInactive {
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
}

.selectionButtonActive {
	background-color: #fce9a5;
	border: 1px solid #fce9a5;
}

.selectionButtonHover {
	background-color: #fdcc91;
	border: 1px solid #828282;
}

/* --------------------------------------------------------------- */
/* css extensions for org.itor.backlog                             */
/* --------------------------------------------------------------- */

.backlog {
	border-collapse: collapse;
	border-spacing: 0px;
}
	
.backlog table td {
	border: none;
}

.backlog td {
	border: 1px dotted #FDCC91;
	padding: 3px;
}

.backlog .number {
	text-align: right;
}

.backlog .headernumber {
	text-align: center;
}

.backlog .edit {
	border: 1px solid red;
}

.backlog .editnumber {
	text-align: right;
	border: 1px solid red;
}

.backlog .numberinput, .backlog .header {
	border: none;
	text-align: right; 
}

.backlog .textinput {
	border: none;
}

.backlog .header {
	background-color: #FEEBA7; 
	font-style: italic;
	border: 1px dotted #FDCC91;
}

.backlog .complementary .backlog td {
	background-color: #FEF5D3; 
}

.backlog .totalnumber {
	text-align: right;
	background-color: #FEEBA7; 
	font-weight: bold;
}

.backlog .totalheader {
	text-align: center;
	background-color: #FEEBA7; 
	font-weight: bold;
}

.backlog .complementary {
	background-color: #FEF5D3; 
	font-style: italic;
	font-weight: bold;
	border: 1px solid #FDCC91;
}

/* --------------------------------------------------------------- */
/* css extensions for org.itor.metadataproperties                  */
/* --------------------------------------------------------------- */

.metadatapropertyname {
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

.metadatapropertyvalue {
	font-style: italic;
}