* 
{
	font-family: "Arial";
}

body
{
	background: rgb(160, 175, 241);
	font-family: "Arial";
}

header , .navbar , .container , footer
{
	width: 900px;
	margin: 0  auto;
}

header
{
	background: #fbfbfb;
	height: 165px;
	padding-top: 15px;
	border-bottom: solid 1px #CCC;
	box-shadow: 3px 3px 3px rgb(105, 110, 185);
}

header img
{
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 15px;
    margin-right: 15px;
}

.header-title1
{
	text-align: left;
	font-weight: bold;
	font-size: 22px;
}

.title1
{
	text-align: left;
	font-weight: bold;
	font-size: 22px;
}

.title2
{
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

.title1 a,  
.title2 a  
{
	text-decoration: none;
	color: #2980b9;
}

.container
{
	height: auto;
	background: white;
	padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
	width: 860px;
	box-shadow: 3px 3px 3px rgb(105, 110, 185);
}


footer
{
    padding: 5px;
    text-align: center;
    font-size: 12px;
}

/* Navbar container */
.navbar
{
    overflow: hidden;
    background-color: rgb(39, 11, 116);
    font-family: Arial;
    box-shadow: 3px 3px 3px rgb(105, 110, 185);
}
  
  /* Links inside the navbar */
.navbar a 
{
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
  
  /* The dropdown container */
.dropdown
{
    float: left;
    overflow: hidden;
}
  
  /* Dropdown button */
.dropdown .dropbtn
{
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
}
  
  /* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn
{
    background-color: red;
}
  
  /* Dropdown content (hidden by default) */
.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
  
  /* Links inside the dropdown */
.dropdown-content a
{
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
  
  /* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover
{
    background-color: #ddd;
}
  
  /* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content
{
    display: block;
}

.pubs { font-size: 13px; line-height: 1.2; color: #2E2E2E; margin: auto auto; }
      
form#quicksearch { width: auto; border-style: solid; border-color: gray; border-width: 1px 0px; padding: 0.7em 0.5em; display:none; position:relative; }
span#searchstat {padding-left: 1em;}

div#settings { margin-top:0.7em; /* border-bottom: 1px transparent solid; background-color: #efefef; border: 1px grey solid; */ }
div#settings ul {margin: 0; padding: 0; }
div#settings li {margin: 0; padding: 0 1em 0 0; display: inline; list-style: none; }
div#settings li + li { border-left: 2px #efefef solid; padding-left: 0.5em;}
div#settings input { margin-bottom: 0px;}

div#settings.hidden {display:none;}

#showsettings { border: 1px grey solid; padding: 0 0.5em; float:right; line-height: 1.6em; text-align: right; }
#showsettings:hover { cursor: pointer; }

.invalidsearch { background-color: red; }
input[type="button"] { background-color: #efefef; border: 1px #2E2E2E solid;}

table { border: 1px gray none; width: 100%; empty-cells: show; border-spacing: 0em 0.1em; margin: 1em 0em; }
th, td { border: none; padding: 0.5em; vertical-align: top; text-align: justify; }

td a { color: navy; text-decoration: none; }
td a:hover  { text-decoration: underline; }

tr.noshow { display: none;}
tr.highlight td { background-color: #EFEFEF; border-top: 2px #2E2E2E solid; font-weight: bold; }
tr.abstract td, tr.comment td, tr.bibtex td { background-color: #EFEFEF; text-align: justify; border-bottom: 2px #2E2E2E solid; }
tr.nextshow td { border-bottom-style: none; }

tr.bibtex pre { width: 100%; overflow: auto; white-space: pre-wrap;}
p.infolinks { margin: 0.3em 0em 0em 0em; padding: 0px; }

@media print {
p.infolinks, #qs_settings, #quicksearch, t.bibtex { display: none !important; }
tr { page-break-inside: avoid; }
}

.pic-container
{
    position: relative;
    float: right;
	margin-top: 10px;
}

.pic-image
{
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    
}

.shadow-image
{
    box-shadow: 6px 6px 6px rgb(105, 110, 185);
}

.middle
{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.pic-container:hover .pic-image
{
    opacity: 0.7;
}

.pic-container:hover .middle
{
    opacity: 1;
}

.pic-text
{
    background-color: rgb(39, 11, 116);
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}