/* =================================================================== */
/* template_ali/CSS/style_content.css                       */
/* $Revision: 1.18 $ $Date: 2005/02/10 11:55:03 $                                                   */
/* =================================================================== */
/* dunkelblau rgb(10, 80, 161) */
/* türkis rgb(128, 197, 221);  */
/* beige #9A5B11;  rgb(154,91, 17) */
/* helles beige rgb(174,111, 37); */
/* lichtes hellblau rgb(245, 255, 255); */
/* =================================================================== */
/* content area                                                        */
/* =================================================================== */
.task {
    padding: 8px;
    margin-bottom: 1.5em;
    background-color:rgb(245, 255, 255); 
    border:1px solid rgb(128, 197, 221); 
}

.preview {
	background-image:url(/atlibri/images/hg_preview.png);	
	background-repeat:repeat-y;
    background-position:bottom right;
    width:98%;
    height: 450px;	
 }

.normal {
    background-color: white;
    color: rgb(10, 80, 161);
    width:98%;
}   

.button a
		{
			text-align: left;
			color: #9A5B11;
			font-size: 11px; 
			background : #FDEDDB;			
		}	
a:hover { color: rgb(10, 80, 161);}

.flags {
   color: white;
   }
.mandatory {
   border-color: rgb(255,0, 0);
   color: rgb(0,0,0);
   }
.imagebutton {
	border-style: none;
	border-width: 1px;
	border-color: #9A5B11;		
}
.cpr {
	font-size: 10.0pt; font-family: Bookman Old Style; 
	color: #003300;		
	vertical-align:top;
    margin-left: 13px;
    margin-right: 13px;
}

.cpr_headline {
	color: #003300;		
	font-weight : bold;
    padding: 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #666633;
    margin-bottom: 1.5em;
}

.crp_table {
   background: rgb(221, 221, 186);
   border-color: #003300;
   border-width: 1px;
   border-style:groove; 
   width: 98%;
   margin: 0px auto;
   margin-top: 3px;
   margin-left: 3px;
}

.cpr_logo{	
  border-color:#666633; 
  border-width:2px; 
  border-style:groove; 
  padding:2px; 
  align:right;
  margin-right: 13px;
}

.browse {
	background: #A5BAD6;
	border-color: #FFFFFF;
	color: #000000;
	border-width: 1px;
	}
.browse:hover { background-color:#BBCCDD; color:#FFFFFF; }
.browse:active{ background-color:#AABBDD; color:#FFFFFF; }
.browse:focus { background-color:#AABBDD; color:#FFFFFF; }


.actual {
	border-color: #FFFFFF;
	background-color:#CC0000;
	color:#FFFFFF;
	}
	
.adminheadline {
    font-weight : bold;
    padding: 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: red;
    margin-bottom: 1.5em;
    color: red;
    background-color: rgb(255,240,240);
}

.access {
    background-color: rgb(255,240,240);
	border:1px solid rgb(255,200,200);
  
  }

.actrow {
   border-width: 3px;
   border-color: #FFEFDE;    
   background-color: rgb(245, 255, 255);
}   
 
.classeditor {
    vertical-align: top;
    border-style: none none solid none;
    border-width: 3px;
    border-color:  rgb(245, 255, 255);
    background-color: white; 
}   
.headtable {
	padding: 3px; 
	color: rgb(10, 80, 161);
	background-color:#FFEFDE; 
	line-height: 14px; 
	padding-right: 5px; 
	}
#contentArea {
    vertical-align: top;
    height: 95%;
    width: 98%;    
    padding-top: 1em;
	padding-left: 1em;
}
/*IE Fix to have content inside the table: stupid browser*/
#contentWrapper {
    width: 98%;
    margin: 0px auto;
    margin-top: 3px;
	margin-left: 3px;
}

#contentArea {
    color: black;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    text-decoration: none;	
}

#contentArea .headline {
    color: rgb(10, 80, 161);
	font-weight : bold;
    padding: 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: rgb(128, 197, 221);
    margin-bottom: 1.5em;
}
#contentArea hr{
    height: 1px;
    color: rgb(10, 80, 161);
    background-color: rgb(10, 80, 161);
    border-style: none;
}

#contentArea a {
    color: #9A5B11;
    text-decoration: none;
    font-weight : normal;	
}
#contentArea a:hover {
    text-decoration: underline;
}

#contentArea input.text {
	border-style: inset;
    border-color: rgb(154,91, 17);
    border-width: 1px;
}

input.submit, 
#contentArea input.submitbutton, input.helpButton, 
#searchMask input.submitbutton, 
#searchMask input.resort, a.submitbutton
{   
    color:rgb(154,91, 17);
    background-color:#FDEDDB;	
    background:#FDEDDB;	
    font-family:Verdana,Arial,Helvetica,SansSerif; 
    font-size:11px;
	border-style:thin; 
    font-weight:bold;
    font-family:Verdana,Arial,Helvetica,SansSerif; 
    font-size:10px; letter-spacing:1px    
    
}

#contentArea input.radio, 
#searchMask input.checkbox, 
#searchMask select{
    border-style: inset;
    border-color: rgb(174,111, 37);
    border-width: 1px;
    margin: 2px;
    margin-left: 0px;
}
/* =================================================================== */
/* search masks & login                                                */
/* =================================================================== */

#searchMask {
}
#searchMask input.text, #searchMask textarea.text, #userAction input.text{
    font-weight: bold;
    font-size: 0.9em;
    border-style: dashed;
    border-color: #15516E;
    border-width: 1px;
    margin: 2px;
    margin-left: 0px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
}
#searchMask td.inputCaption, #userAction td.inputCaption{
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    color: black;
    background-color: transparent;
}
#searchMask td.inputField, #searchMask td.help, #userAction td.inputField{
    font-weight: bold;
    background-color: transparent;
    padding-left: 5px;
}
#userAction .inputHead{
    padding-top: 20px;
    padding-bottom: 10px;
}
div.submitButton{
    text-align: center;
    padding-top: 5px;
}
#contentArea a.submitButton{
    color: black;
    font-size: 0.9em;
    font-weight : normal;
    text-decoration: none;
    padding: 0px 5px;
}
/* =================================================================== */
/* result lists                                                        */
/* =================================================================== */

#resortForm{
    margin: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(128, 197, 221);
    padding-bottom: 2px;
}
#resortForm table{
    width: 100%;
}
#resortForm table tr{
    height: 20px;
}
#resortForm td.resort, #resortForm td.resultCount{
    vertical-align: center;
}
#resortForm td.resultCount{
    text-align: right;
}
#resultList{
    padding:  5px 0px;
	border-color: rgb(128, 197, 221);
	border-bottom-width: 1px;
    border-bottom-style: solid; 
}
#resultList td.resultTitle, #resultList td.author{
    font-weight: bold;
    background-color: white;
}
#resultList td.resultTitle a, #resultList td.author a{
    font-weight: bold;
}
#resultList div.description{
    margin-bottom: 3px;
}
#resultList td.description{
    padding: 3px;
    background-color: white;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    border-bottom-color: white /* #EFF4F6; same as background */
}
#resultListFooter{
	padding-top: 5px;
}
#pageSelection{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #9A5B11;
    padding: 5px 8px;
}
/* =================================================================== */
/* object meta data                                                    */
/* =================================================================== */

#metaHeading, #metaData, #files {
    width: 100%;
}
#metaHeading a img, #metaData a img, #files a img {
    border: none;
}
#metaHeading .titles{
    font-weight: bold;
    color: rgb(10, 80, 161); 
    background-color: transparent;
}
#metaHeading .browseCtrl{
    text-align: right;
}
#metaData, #files{
    border-spacing:1px
}
/* IE Fix: Padding and inheritance is not his strength */
#metaData .metaname, #files .metaname {
    width: 20%;
    color: black;
    text-align: right;
    vertical-align: top;
    background-color: #FDEDDB;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top:5px;
    padding-left:3px; 
    padding-right:3px; 
}
#metaData .metavalue, #files .metavalue {
    vertical-align: top;
	width: 80%;
    background-color: white;
    color: black;
    padding-top:2px;
    padding-bottom:0px;    
}
#metaData .metaheading {
    vertical-align: top;
	width: 80%;
    background-color: white;
    color: black;
    padding-top:2px;
    padding-bottom:0px;    
    font-weight: bold;
}
#files .metaname, #files .metavalue{
    width: auto;
}
#metaData .metahead, #files .metahead{
    text-align: center;
    color: #9A5B11;
    font-weight: bold;
    background-color: transparent;
}
#metaData .adressBox{
}
#metaData .addressType{
    font-weight: bold;
}
#metaData .address{
    padding-left: 2em;
}
#metaData .derivateBox{
}
#metaData .derivateHeading{
    font-weight: bold;
}
#metaData .derivate{
    padding-left: 2em;
}
/* =================================================================== */
/* browse classifications                                              */
/* =================================================================== */

#browseClass{
    margin-left: 20px;
}
#browseClass td.img{
}
#browseClass td.numDocs{
}
#browseClass td.descr{
    padding-left: 10px;
}
#browseClass div.comment{
    font-style: italic;
}

# atlibri styles

.portrait{
  border-color:#9A5B11; 
  border-width:2px; 
  border-style:none; 
  padding:10px; 
  align:right;
  }
  
.text{
	font-size:10 px;
}

.textblock {
	text-align:justify;
	width:85%;
}
.textblock2 {
	text-align:justify;
	width:500px;
}

table {
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
}
table.caro {	
	border-style: solid;
	border-width: 1px;
	border-color: #9A5B11;		
}	
tr, th, td, select, textarea, input
{
	color: #041B26;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, SansSerif;	
	font-weight : normal;			
	text-decoration: none;	
}
input,textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: #9A5B11;		
}
button
		{
			text-align: left;
			color: #9A5B11;
			background : #FDEDDB;
			font-size: 11px; 
			font-weight: normal;
			/* height: 16px;	*/
}				
		
td.header { background-color: #FDEDDB; }
td.inputfield {font-size: 11px;}
tr.result{
	font-size:11px;
}
td.metaname, th.metaname{
    background-color: #FDEDDB;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px;
  	border-left-width:1px;
  	border-left-style:solid;
  	border-left-color:#F8F8FF;
    border-bottom-width:1px;
  	border-bottom-style:solid;
  	border-bottom-color:#F8F8F8;
    text-align:justify; 
}



td.metavalue, th.metaname {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px;
   	border-left-width:20px;
  	border-left-style:solid;
  	border-left-color:#FFFFFF;
   	text-align:justify; 
}

td.metaheadline{
	background-color: #FDEDDB;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px;
   	border-left-width:20px;
  	border-left-style:solid;
  	border-left-color:#FDEDDB;
   	text-align:justify; 
}
.title { 
	font-size:13px; 
	font-weight:bold; 
	color: rgb(10, 80, 161); 
	font-stretch:extra-condensed;
	width:600px;
}
.subtitle { 
	font-size:12px; 
	font-weight:bold; 
	color: rgb(10, 80, 161); 
	font-stretch:extra-condensed;
	width:600px;
}
.bg_image { 
    width: 100%;
    height: 100%;
	background-image:url(/atlibri/images/hg_bib.gif);
	background-repeat:no-repeat;
	background-position:top right;
	
}
.bg_background { 

	background-image:url(/atlibri/images/hg_karo.gif);
	background-repeat:no-repeat;
	background-position:top right;
	
}

/* =================================================================== */
/* Editor forms (see editor.xsl and org.mycore.frontend.editor.*       */
/* =================================================================== */

table.editor                   { background-color:rgb(245, 255, 255); border:1px solid rgb(128, 197, 221); }
td.editorHeadline              { color:#9A5B11; background-color:rgb(245, 255, 255);
								 font-weight:bold; font-family:Verdana,Arial,Helvetica,SansSerif; 
                                 font-size:12px; padding:3px; padding-bottom:10px;
								 border-bottom:1px solid #7791ac }
td.editorValidationMessage      { color:#FFFFFF; background-color:#FF0000; padding:3px; }
td.editorCellWithPanelLinesOff { }
td.editorCellWithPanelLinesOn  { border-left:1px solid #7791ac }
td.editorCellWithCompLinesOff  { padding:3px; }
td.editorCellWithCompLinesOn   { padding:3px; border-left:1px solid #7791ac }
td.editorCellValidationFailed  { padding:3px; border:2px solid #FF0000 }
table.editorPanel              { }
td.editorRepeaterButton        { padding-right:3px; padding-bottom:3px }
.editorText                    { font-size:11px; font-family:Verdana,Arial,Helvetica,SansSerif; line-height:16px }
.editorHint                    { font-size:10px; font-style:italic; font-family:Verdana,Arial,Helvetica,SansSerif; line-height:16px; text-align:left;}
td.editorHLine                 { border-top:1px solid #7791ac; border-left:1px solid rgb(128, 197, 221) }
.editorButton                  { border-style:thin; color:#9A5B11; background-color:#FDEDDB; 
                                 font-weight:bold; font-family:Verdana,Arial,Helvetica,SansSerif; 
                                 font-size:10px; letter-spacing:1px }
	
/* =================================================================== */
/* TaskList                     					                   */
/* =================================================================== */
table.tasklistObject{
	background-color: white;
    padding: 10px;
    margin-bottom: 1.5em;
    margin-top:0.5em;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(128, 197, 221);

}

td.tasklistTitle{
	font-weight: bold;
	vertical-align: bottom;
}

table.tasklistDerivate{
	background-color: rgb(245, 255, 255);
	margin-bottom:6px; 
	margin-left:6px;
}

table.tasklistDerivate th{
	color: black;
	font-weight: bold;
	vertical-align: middle;
}

table.tasklistDerivate tr td{
	vertical-align: middle;
	color: #000000;
	font-weight: normal;
	
}

table.tasklistDerivate tr td a:link, 
table.tasklistDerivate tr td a:visited,
table.tasklistDerivate tr td a:focus, 
table.tasklistDerivate tr td a:active{
	font-weight:normal !important;		
	color: #da1f3d;
}

/* =================================================================== */
/* SearchResults (Jul 2009)                                            */
/* =================================================================== */                        
div.searchresult-resortform{
   margin-top:20px;
   margin-bottom:10px;
}

table.searchresult-navigation{
	width: 100%;
	background-color: rgb(128, 197, 221);
    border-style: solid none solid none;
    border-color: #0a50a1;
    border-width: 1px;
    margin-top:14px;
    margin-bottom:14px;
}

table.searchdetail-navigation{
	background-color: rgb(128, 197, 221);
    border-style: solid solid solid solid;
    border-color: #0a50a1;
    border-width: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 30px;
}
table.searchdetail-navigation td,
table.searchresult-navigation td{
	padding-left:7px;
	padding-right:7px;
	white-space:nowrap;
}

td.docdetailsIllu-label {
	text-align:right;
	background-color: #FDEDDB;
	padding: 4px;
	vertical-align: top;
	border-bottom: 4px solid white;
	width: 100px;
}

td.docdetailsIllu-values {
	border-bottom: 4px solid white;
	padding-left: 10px;
}

td.docdetailsIllu-value {
	border-bottom: 0px;
	padding-left: 10px;
        padding-bottom:0px;
}

/* =================================================================== */
/* Help Popup (button + messagebox on mouse over)                      */
/* =================================================================== */
div.helpHover{
	margin-top:4px;
}

div.helpHover a {
	font:bold 12px verdana, sans-serif;
	text-decoration:none;
	background: rgb(128, 197, 221);
	display:boxed;
	padding:2px;

}

div.helpHover a:link, 
div.helpHover a:visited,
div.helpHover a:focus, 
div.helpHover a:active{
	font-weight:bold; 
	color:#ffffff !important; 
	text-decoration:none !important;
}

div.helpHover a:hover {
	text-decoration:none !important;
	font-weight:bold;
	color:rgb(10, 80, 161);  !important;
	background: rgb(128, 197, 221);
	border: none;
}

div.helpHover a span {display:none;
}

div.helpHover a:hover span {
	position:fixed; bottom:20px; left:40px; z-index:30;
	text-align:left;
	display:block;
	color:rgb(10, 80, 161); 
	width:300px;
	background:#FDEDDB;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-width:2px;
	border-color:#ED8F2B;
	border-style:outset; 
	padding:10px;
}
/* Star Hack - this entry is only interpreted by IE 
   necessary, because it cannot handle position:fixed correctly */
* html * div.helpHover a:hover span {
	position:absolute; !important;
}	



/* =================================================================== */
/* WebContent Styles                                                   */
/* =================================================================== */
table.highlighted {padding:10px; background-color:#CAD9E0; border:1px solid #7791ac; }
span.subtitle {font-weight: bold;}
span.maintitle {font-weight: bold; letter-spacing:0.3em;}