/* archive site
last modifications:
tp 21.07.2010
*/

body {
	background-color: #FFFFFF;
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a.info:link		{color: #000000; text-decoration: underline}
a.info:hover	{color: #a21111;; text-decoration: underline}
a.info:visited	{color: #000000; text-decoration: underline}

a.buttonlike		{text-decoration:none; font-weight:bold; background-color:#f1f1f1; color:#a21111;}
a.buttonlike:link	{background-color:#f1f1f1; color:#a21111;}
a.buttonlike:hover	{background-color:#f1f1f1; color:#728dab;}
	

a			{color: #666666; text-decoration: underline}
a:hover		{color: #a21111;; text-decoration: underline}
a:visited	{color: #666666; text-decoration: underline}

ul {
list-style-type: none; 
background: white;
margin:0px;  padding: 0px;  
}

/* TOP MENU */

#top_menu {
width:100%;
} 
	
#top_menu li{float:left; margin-right:30px; list-style-type: none; 
}
#top_menu li a {text-decoration:none;}
#top_menu .bmenu { font-weight: bold;
font-size: 14px;
color: #000;
margin-left:55px;
}

#top_menu .amenu { font-weight: bold;
font-size: 14px;
color: #9f0000;


}

/* SILVERMINE ARCHIVE */

#all
{
position: absolute;  
top:0;
left:110px;
margin-right:10px;
height: 94%;
background-color: #FFFFFF;
color: black;
}

	
/* BANDE GAUCHE */

#silvermine
{
position: fixed;
bottom:10px;
padding: 0; 
font-size: 1em;	
font-variant: small-caps;
}

#status {
position: absolute;  
top:0;
width: 85px;
height: 100%;
color: black;
background-image: url("../img/dot.gif"); 
background-repeat: repeat-y; 
overflow: hidden;
}


#userbox
{
position: absolute; 
top:150px;
min-height: 200px;
}

#userdata
{
position: relative; float: left; 
}

#vertical_username
{
position: relative; float: left; 
display:inline;
width: 1.1em;
}

#usersettings
{
position: relative; float: left; 
display:inline;
margin-left: 5px;
font-size: .8em;
}

#session_timeleft, #jit_login, #jit_loginForm
{
position: relative; float: left; 
display:block;
}


/* SEARCH AREA */

#search
{
position: relative; float: left; 
 /* width: 30%; */
 max-width:50%;
 min-width:420px;
}

#searchtable_livepdl
{
position: relative; float: left; 
display: block;
}

#searchtable_hidden
{
position: relative; float: left; 
display: none;
height: 120px;
color: #c2c2c2;
font-size: .9em;
border: 1px solid;
vertical-align: top;
text-align: left;
}

#searchtable_hidden_info
{
position: relative; float: right; 
color: #809fff;
font-size:  1em;
/* border: 1px solid ; */
vertical-align: bottom;
text-align: left;
}



#searchtable
{
display: block; 
width: 100%;
/* overflow: hidden; */
font-size: .9em;
border: 1px solid gray;
vertical-align: top;
text-align: left;
padding: 1px 1px 1px 1px;
}


div.autocomplete {
  width:250px;
  background-color: black;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  overflow:visible;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  overflow:visible;
}
div.autocomplete ul li.selected { background-color: white; color:black}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  height:15px;
  cursor:pointer;
  background-color: lightgrey;
  color: black;
}


/* intuitive keywords , realized as a tag cloud */

.tagcloud
{
border: 1px solid #BFBFBF; 
padding: 3px; 
text-align: left; 
font-family: Arial, Helvetica, sans-serif; 
}
.tagcloud a {
text-decoration:none; 
}
.tagcloud a:hover { 
text-decoration:none;
background-color:yellow; 
color:black; 
}
.tag-1 { 
font-size: 1.1em;
color:#728dab; 
font-weight:bold; 
}
.tag-2 {
font-size: 1em;
color:#728dab; 
font-weight:normal; 
}
.tag-3 {
font-size: 0.9em;
color:#728dab; 
font-weight:normal; 
}
.tag-4 {
font-size: 0.8em;
color:#728dab; 
font-weight:normal; 
}

/* search mask */

.search
{
background-color: white;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  .7em;
vertical-align: top;
text-align: left;
}

.searchterms
{
color: black;
font-size: .9em;
vertical-align: top;
text-align: left;
}
.search_keyword
{
background-color: white ;
color: #666666 ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  9px;
vertical-align: top;
text-align: left;
}

.searchpath
{
background-color: white;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  9px;
}

.switch_searchmode
{
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  9px;
vertical-align: top;
text-align: left;
}


/* form elements */

input { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px ; 
    background-color: #F1F1F1;  
	color: black;
}

input.search_keyword { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px ; 
    background-color: #F1F1F1; 
	color: black;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px ; 
    background-color: #F1F1F1; 
}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px ;
    background-color: #F1F1F1; 
}

#hitnumber
{
float:left; 
font-weight:normal; 
font-size:1em; 
color:#728dab;
padding-left:2px;
}


#pagetitle
{
font-weight:  bold;
color: #768caf;
margin-top:15px;
}

#pagenavi
{
text-align: right; 
}


/* MY PERSONAL SPACE */

#myspace
{
position: relative; float: right; 
min-width: 38%;
max-width: 48%;
margin-right:0;  
margin-top: 3px;  
padding: 0px;  
background-color: #dddddd;
color: black;
text-align: left; 
}

#onglets
{
height:20px;
border-left:1px solid #728dab;
border-top:1px solid #728dab;
border-right :1px solid #728dab;
}

#onglet_dropbox {
float:left;
font-size: 1.2em;	
}

#onglet_dropbox a {background:#728dab;color:#fff;font-weight:bold;text-decoration:none;}
#onglet_dropbox a:link 		{color: black;	}
#onglet_dropbox a:visited 	{color: black;	}
#onglet_dropbox a:hover 	{color: #a21111; }
#onglet_dropbox a:active 	{color: black;	background-color: white;}
#onglet_dropbox a:focus		{color: black;	background-color: white;}

#dropbox_operations {float:right;}

/*
#onglets a 			{color: black;	text-decoration: none;}
#onglets a:active 	{color: black;	text-decoration: none;}
#onglets a:hover 	{color: #a21111;background:white;text-decoration: underline;}
#onglets a:visited 	{color: black;	text-decoration: none;}

#onglet_dropbox {
float:left;padding-left:5px;padding-right:5px;margin-right:5px;
border-left:1px darkgray solid;border-top:1px darkgray solid;border-right:1px darkgray solid;
background:#8f8f8f;
}
#onglet_lightbox {
float:left;padding-left:5px;padding-right:5px;margin-right:5px;
border-left:1px darkgray solid;border-top:1px darkgray solid;border-right:1px darkgray solid;
background:#afafaf;
}
#onglet_mailbox {
float:left;padding-left:5px;padding-right:5px;margin-right:5px;
border-left:1px darkgray solid;border-top:1px darkgray solid;border-right:1px darkgray solid;
background:#cfcfcf;
}

*/


#box_info { 
position: relative; float: left; 
font-size:  11px;
color: black;
}
#boxname {
color: #728dab;
font-weight: bold;
}

#dropbox 
{
min-width: 100px;
height: 90px;
color: black;
background-color: #F1F1F1;
font-size:1.1em;
}

#dropbox a 		{color: #a21111;}

#dropbox.hoverclass123 {background-color: #F1F1F1;}

#dropbox.dropbox 	{background-color: #e0e8ef;}
#dropbox.lightbox 	{background-color: #a4b6ef;}
#dropbox.mailbox 	{background-color: #eff3ff;}




/* CONTEXTUAL HELP */

#help 
{
position: relative; float: right;
margin-left: 10px;
margin-right: 10px;
text-align: left;
background-color:  #FFFFFF;
color: #a21111;;
	font-weight: bold;
	font-size: .9em;	
	font-variant: small-caps;
}



/* RESULT AREA */


/* operations */

#czoom_navi 
{
position: relative; float: right;
text-align: right;
margin-right: 10px;
margin-top: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  10px;
font-weight: normal;
display:none;
}

#preview_slider /* unused */
{
position: relative; float: right;
text-align: right;
margin-right: 10px;
margin-top: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  11px;
font-weight: normal;
}

#preview_hide 
{
position: relative; float: right;
text-align: right;
margin-top: 5px;
margin-right: 100px;
margin-bottom: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  11px;
font-weight: normal;
display:none;
}

#czoom
{
position: relative; float: right;  
margin-top: 0;
margin-right: 100px;
margin-left: 0;
padding-right: 10px;
}

#cpreview
{
position: relative; float: left;  
}

#cpreview_text
{
clear: both;  
color: black;
font-size:  11px;
font-weight: normal;
}




/*  begin result */


#resultheader
{
float: left; 
width: 100%;
}

#result
{
position: relative; float: left; 
width: 100%;
overflow: hidden;
height:100%;
}

#blackhole
{
 position: absolute; top:0; left:0; 
width:100px;
height:100%;
font-size:12px;
font-weight: bold;
color:white;
background: black url(../img/dot.gif) repeat-y 0 0;
opacity:0.4;
overflow: hidden;
}
#blackhole.hoverclass_dropbox {background-color:black;opacity:1;}
#blackhole.hoverclass_lightbox {background-color:black;opacity:1;}



#hitlist
{
/* no floating, will use the space between the blackhole on the left and 
	the  zoom, droparea sidebars  on the right
float: left;
*/
position: absolute; top:0; 
left:110px; /* must be changed when sitching between searchresult and dropbox */
padding: 0px;  
margin-right: 2px;
background-color: #FFFFFF; 
color: #000000;
font-size:  1em;
text-align: left; 
min-width: 180px;
max-width: 100%;
}


#ctitle {
color: #728dab;
font-weight: bold;
padding-left: 2px;
/* border-bottom:1px solid #728dab;
border-left:1px solid #a21111; */
border-left:1px solid #728dab;
}

#cinfo {
text-align:justify;
padding-left: 2px;
margin-right: 90px;
border-left:1px solid #728dab;
}


#droparea {
position: absolute; top:0; right:0;
width:100px;
height:85%; 
float:right;
font-size:1em;
font-weight: bold;
color:white;
background: #728dab url(../img/dot.gif) repeat-y 0 0; 
opacity:.3;
}
#droparea.hoverclass123 {opacity:1;}

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

#footer { 
position: relative; float: left;  
}

.param
{
text-align: center;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  9px;
}

a.param:link
{color: #666666;
font-size:  9px;
text-decoration: none}

a.param:hover
{color: #666666;
font-size:  9px;
text-decoration: none}

a.param:visited
{color: #666666;
font-size:  9px;
text-decoration: none}


#debuginfo
{
position: relative; float: left; 
margin:5px;  padding: 0px; 
background-color: black;
color: yellow;
}



/* IMAGES */



#thelist
{
position: relative; float: left; 
margin-right: 80px;
}

#thelist li
{
position: relative; float: left; 
margin: 1px;
padding-right: 0px;
padding-left: 1px;
width:170px; 
height:180px; 
background: #F4F4F4;
border: thin solid #CCCCCC;
}

#thelist li.legend
{
margin:5px;  padding: 5px;  
height:250px; 
background: #dddddd;
}

#thelist li.feature
{
width:160px; height:190px; 
margin:5px;  padding: 2px; 
font-size:0.9em;
}

#thelist li.focus
{
background: lightgrey;
border-width: thin;
border-color: red;
border-style: solid;
}

/* vignette */

.minibottom
{
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  9px;
text-align: left; 
vertical-align: middle;
}