/* =================================================================== */
/* template_mycoresample-1/CSS/style_content.css                       */
/* $Revision: 1.10 $ $Date: 2006/06/23 13:07:07 $                                                   */
/* =================================================================== */

/* =================================================================== */
/* content area                                                        */
/* =================================================================== */
.task, .access{
    padding: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: #7A7C7C;
    margin-bottom: 1.5em;
    background-color:#EFEFEF; 
}
table.access tr th{
	border-style: none none solid none;
	border-width: 1px;
}

  
.preview {
	background-image:url(/mycoresample/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%;
}   
.mandatory {
   border-color: rgb(255,0, 0);
   color: rgb(0,0, 255);
   }
.imagebutton {
	border-style: none;
	border-width: 1px;
	border-color: #9A5B11;		
}
.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);
}

.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: #9A5B11; 
	background-color:#FFEFDE; 
	line-height: 14px; 
	padding-right: 5px; 
	}
	
/*IE Fix to have content inside the table: stupid browser*/
/* #contentWrapper {
    margin: 20px;	
} */  

#contentArea {
    width:auto;
    padding: 20px;	
    vertical-align: top;
     color: #041B26;
    background-color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    text-decoration: none;	

}
#contentArea .headline {
    font-weight : bold;
    color: #DA1F3D;
    padding: 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #DA1F3D;
    margin-bottom: 1.5em;
}
#contentArea hr{
    height: 2px;
    color: #7a7c7c;
    background-color: #7a7c7c;
    border-style: none;
}
#contentArea a {
    color: #DA1F3D;
    text-decoration: none;
    font-weight : bold;	
}
#contentArea a:hover {
    text-decoration: underline;
}
#contentArea input, input.helpButton, #searchMask input.submitButton, #searchMask input.resort, a.submitButton{
    border-style: outset;
    border-color: #7a7c7c;
    border-width: 1px;
}
#contentArea input.radio, #searchMask input.checkbox, #searchMask select{
    border-style: inset;
    border-color: #7a7c7c;
    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: #7A7C7C;
    border-width: 1px;
    margin: 2px;
    margin-left: 0px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
}

#userAction input.text{
 	width:180px;
}

#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-size:1.2em;
    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{
    padding-top: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #7a7c7c;
    padding-bottom: 5px;
}
#resortForm table{
    width: 100%;
}
#resortForm table tr{
    height: 20px;
}
#resortForm td.resort, #resortForm td.resultCount{
    vertical-align: middle;
}
#resortForm td.resultCount{
    text-align: right;
}

#resultList td.resultTitle, #resultList td.author{
    font-weight: bold;
}
#resultList td.resultTitle a, #resultList td.author a{
    font-weight: bold;
}
#resultList div.description{
    margin-bottom: 3px;
}
#resultList{
    padding:  5px 0px; /* top-bottom and left-right margin */
	border-color: #7a7c7c;
	border-bottom-width: 2px;
    border-bottom-style: solid;
}

#resultListFooter{
	padding-top: 5px;
}

#pageSelection{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #7a7c7c;
    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: black;
    background-color: transparent;
}
#metaHeading .browseCtrl{
    text-align: right;
}
#metaData, #files{
    padding: 10px 0px;
}
/* IE Fix: Padding and inheritance is not his strength */
#metaData td, #files td{
    padding: 0px;
}
#metaData .metaname, #files .metaname {
    width: 20%;
    font-weight: bold;
    background-color: transparent;
    color: black;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}
#metaData .metavalue, #files .metavalue {
    width: 80%;
    background-color: transparent;
    color: black;
    padding-left: 10px;
}
#files .metaname, #files .metavalue{
    width: auto;
}
#metaData .metahead, #files .metahead{
    text-align: center;
    color: #7a7c7c;
    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;
}

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

table.editor                   { padding:10px; background-color:#EFEFEF; border:2px solid #7A7C7C; }
td.editorHeadline              { color:#FFFFFF; background-color:#7a7c7c; padding:3px; }
td.editorValidationMessage     { color:#FFFFFF; background-color:#FF0000; padding:3px; }
td.editorCellWithPanelLinesOff { }
td.editorCellWithPanelLinesOn  { border-left:1px solid #7a7c7c; }
td.editorCellWithCompLinesOff  { padding:3px; }
td.editorCellWithCompLinesOn   { padding:3px; border-left:1px solid #7a7c7c }
td.editorCellValidationFailed  { padding:3px; border:2px solid #FF0000 }
table.editorPanel              { }
td.editorRepeaterButton        { padding-right:3px; padding-bottom:3px }
.editorText                    { font-size:12px; font-family:Verdana,Arial,Helvetica,SansSerif; line-height:16px }
td.editorHLine                 { border-top:1px solid #7a7c7c; border-left:1px solid #7a7c7c }
.editorButton                  { color:#ffffff; background-color:#284156; 
                                 font-weight:bold; font-family:Verdana,Arial,Helvetica,SansSerif; 
                                 font-size:10px; letter-spacing:1px }
.editorHint					   { font-size:11px; font-style:italic; font-family:Verdana,Arial,Helvetica,SansSerif; line-height:24px}



/* =================================================================== */
/* TaskList                                      */
/* =================================================================== */
table.tasklistObject{
	background-color: #ffffff;
    padding: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: #7A7C7C;
    margin-bottom: 1.5em;

}

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

table.tasklistDerivate{
	border-width:1px; 
	border-color:#7a7c7c; 
	border-style:solid;
	background-color:#efefef;
	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: #EFEFEF;
    border-style: solid none solid none;
    border-color: #7A7C7C;
    border-width: 1px;
    margin-top:14px;
    margin-bottom:14px;
}

table.searchdetail-navigation{
	background-color: #EFEFEF;
    border-style: solid solid solid solid;
    border-color: #7A7C7C;
    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.resultdetails-icon{
	width:64px;
}


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

div.helpHover a {
	font:bold 12px verdana, sans-serif;
	width:1em;
	text-align:center;
	text-decoration:none;
	background:#7a7c7c; 
	display: block;
	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:black !important;
	background:#FFFCAA;
	border: none;
}

div.helpHover a span {display:none;
}

div.helpHover a:hover span {
	position:fixed; bottom:20px; left:40px; z-index:30;
	display:block;
	color:black;
	width:300px;
	background:#FFFCAA;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-width:2px;
	border-color:#ED8F2B;
	border-style:outset; 
	text-align:left !important;
	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:#FFFCAA; border:1px solid #7A7C7C; }
span.subtitle {color: #DA1F3D; font-weight: bold;}
span.maintitle {color: #DA1F3D; font-weight: bold; letter-spacing:0.3em;}