/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08.07.2014, 09:37:02
    Author     : klapper
*/

html {
    //height: 100%;

}
body{
    //position:relative;
    //min-height:100%;
    /* width:100%; */
    margin: 0px;
	color:#555;
//	font-size:12px;

    //image-rendering:optimizeQuality;
//image-rendering: -moz-crisp-edges;
    font-family: sans-serif;
    //background-color:red;
    z-index:0;
}

img {
-ms-interpolation-mode: bicubic;
	transform: rotate( .0001deg );
}

a:visited {
    color:#0004d6;
    text-decoration: none;
}
a:link {
    color:#0004d6;
    text-decoration: none;
}

.header {
    width: 100%;
    position:relative;
    //background-color: green;
    //padding: 5px;
    //margin:5px;
    //top:0;
    //height: 60px;
    //line-height: 60px;
    //alignment-adjust: central;
    //border:1px solid black;
white-space: nowrap;
    
    //overflow:auto;
}
.headercontent {
    //display:block;
    position:relative;
    //width:100%;
    //margin:5px;
    padding-top:10px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:50px;
    //height:20px;
    height:50px;
    //margin:5px;
    border: 1px;
    //background-color:blue;
}


.button {
/*
    -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
    box-shadow:inset 0px 1px 0px 0px #caefab;
*/
    background-color:transparent;
    -webkit-border-top-left-radius:25px;
    -moz-border-radius-topleft:25px;
    border-top-left-radius:25px;
    -webkit-border-top-right-radius:25px;
    -moz-border-radius-topright:25px;
    border-top-right-radius:25px;
    -webkit-border-bottom-right-radius:25px;
    -moz-border-radius-bottomright:25px;
    border-bottom-right-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    -moz-border-radius-bottomleft:25px;
    border-bottom-left-radius:25px;
    text-indent:0;
    border:2px solid #555;
    color:#555;
//    border:2px solid #268a16;
//    color:#346909;
    display:inline-block;
    font-family:sans-serif;
    font-size:20px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    width:30px;
    text-decoration:none;
    text-align:center;
    //text-shadow:1px 1px 0px #aade7c;
    box-shadow: 1px 1px 1px #888888;
}.button:active {
    position:relative;
    //box-shadow: 0px 0px 0px #888888;
    background-color: #eaeaea;
    //top:1px;
    //left:1px;
}

.icon {
    //position:relative;
    //right:0px;
    //height:40px;

    //display: inline-block;
    //line-height: 100%;
    margin:5px;
    //margin-top: 10px;
    //margin-right:5px;
    //margin-left:10px;
    float: right;
    background-color: #fefefe;
    cursor: default;
}
.iconimage {
    margin:5px;
    height:20px;
}


.smallicon {
    width:15px;
    height:15px;
    margin-left:5px;
}

.mirrorvertical {
 transform: rotate( 180deg );   
}

.spacer {
    //margin-right:20px;
    float: right;
    background-color: #aadeff
}

.loggedonuser {
    margin:px;
    line-height: 34px;
    float:right;
    height:34px;
    vertical-align: middle;
    color:#555;
    font-size: 12px;
}

.user_container {
    display:table;
    
    float:right;
}

.userinfopane a{
	font-size:16px;
	color:#555;
	margin-top:10px;
	margin-left:15px;
	display:block;

}
/*
    for the icons in the header section
*/
.header_databox {
    display:none;
    position:absolute;
    //float:right;
    margin-right:20px;
    right:0px;
    top:60px;
    width:200px;
    min-height:100px;
    background-color:#fafafa;
    
    border: 1px solid #CCC;
    box-shadow: 1px 1px 0px #AAA;
    z-index: 10;
}

.labelinputfield {
    float:right;
    font-size:12px;
    color:#555;
    margin-top:10px;
    margin-right:10px;
}
.userinputfield {
    width:80px;
    margin-left:10px;
    
}

/*
some changes in tapestry css for the header_databox to show smaller text and no headline
*/
BODY DIV.t-error DIV.t-banner {
white-space:normal;
	
	display:none;
	
}
.t-error ul {
	white-space:normal;
	font-size:12px;
}


.resultcontent {
    padding-top: 5px;
    padding-bottom: 60px;
}

.results {
    white-space: normal;
    //float:left;
    display:inline-block;
    //margin: 5px;
    margin-left:10px;
    margin-top:10px;
	min-height:300px;
    padding-bottom: 110px;
    z-index: 1;

}
.result_entry {
    //clear:both;
    //position:relative;
    display:table;
    resize:both;
    border-collapse:separate;
    border-spacing: 5px 5px;
    //white-space: nowrap;
    //min-height:150px;

    border-top: 1px solid #fff;
    margin-bottom: 10px;
    overflow:auto;
}
.result_entrytext {
    display: table-cell;
    //background-color:yellow;
    width:650px;

}
.result_entrydetail {
    display:table-cell;
    opacity: 0;
    vertical-align: middle;
}
.result_entrydetailicon {
    width:50px;
    height:50px;
    //background-image: url('../img/arrow-right.png');
    background-size: 40px 40px; 
    background-repeat: no-repeat;
}
.result_entrydetailnoicon {
    width:50px;
    height:50px;
    background-size: 40px 40px; 
    background-repeat: no-repeat;
}
.result_entry_header {
    display: table-row;
    font-size: 18px;
    font-weight: bold;
    color:#0004d6;
}
.result_entry_header_content {
    display:inline;
    padding-right:5px;
    
}
.result_entry_stats {
    display: table-row;
    font-size: 10px;
    color:darkgrey;
}
.result_entry_abstract {
    display: table-row;
    font-size: 14px;
    color:#888888;
}
.result_entry_dbs {
    display: table-row;

}
.result_entry_db {
    display:inline;
    font-size: 12px;
    color:#80be73;
    min-width:100px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    float: left;
}



.result_logo {
    width:140px;
    vertical-align: middle;
}
.content {
    position:relative;
    width: 100%;
    overflow:auto;
    background-color: #ffffc0;
    // padding-bottom: 50px;
}

.footer_index {
    position:absolute;
    width: 100%;
    background-color:#EEE;
    bottom:0;
    height:48px;
    margin:0px;
    padding:0px;
}
.footer_elems_left {
    overflow:hidden;
    display:table;
    float:left;
    padding-top:5px;
}
.footer_elems_right {
    overflow:hidden;
    display:table;
    float:right;
}

.footer_result {
    position:relative;
    width: 100%;
    background-color:#caefab;
    bottom: 0px;
    height:44px;
    //margin-top: -100px;
    //z-index: 3;
}

.support {
    display:table-cell;
    vertical-align: middle;
    font-family: sans-serif;
    font-size: 16px;
    color:#555;
    //line-height: 35px;
    margin-left: 15px;
    margin-top:2px;
    //float:left;
    height: 40px;
    padding-left:10px;
    padding-right:10px;
}

.about {
    display:table-cell;
    vertical-align: middle;
    font-family: sans-serif;
    font-size: 14px;
    color:#555;
    height: 40px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
}

.supportimage {
    height: 35px;
    margin-top:2px;
    //margin-left: 15px;

}
.mybody {
    min-height:100%;
    width:100%;
    min-width:900px;
    position: absolute;
    //background-color:black;
    white-space: nowrap;
}

.delayedsubmitbar {
	width:80%;
	height:7px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

.delayedsubmitbar .bar{
	width:0%;
	height:100%;
	background-color:#ffe700;
}


.filterelements {
    //position:relative;
    display:inline-block;
    width:350px;
    float:left;
    margin-left:10px;
    margin-top:10px;
    z-index: -1;
    border-right: 1px solid #CCC;
    //padding: 5px;

    color:#888;
}

.filterheader {
    display:table;
    margin:0px auto 10px  auto;
	color:#555;
	font-stretch: expanded;
}

.dbfilter {    
    padding: 2px;
    max-height:450px;  
    _height:expression(this.scrollHeight > 450 ? "450px" : "auto");
	overflow: auto;
    margin-top:5px;
}
.synonymfilter {
    //border-left: 1px solid #CCC;
    padding: 2px;
    margin-top: 10px;
//    background-color:#e7fdef;
    max-height:200px;  
    _height:expression(this.scrollHeight > 200 ? "200px" : "auto");
	overflow: auto;
}

input.submitbutton {
	display:table;
	cursor: pointer;
	box-shadow: 1px 1px 1px #888888;
        font-size:14px;
        //margin: 3px;
        padding:2px 15px 2px 15px;
        margin-left: auto;
	margin-right:auto;
}

.green {
	background-color:#EEE;
	border: 1px solid #888;

}

.filterelements .header {
	font-size: 14px;
}

.filterelements .separator {
    width:60%;
    margin-left:auto;
    margin-right:auto;
    border-bottom: 1px solid #cbcbcb;
}


.index_logo_container {
    width:500px;
    margin-left:auto;
    margin-right:auto;
	padding-bottom:10px;
}
.index_logo {
    width:500px;
}

.searchfield_container {
    //width:500px;
    margin-left:auto;
    margin-right:auto;
    //background-color: greenyellow;
    display:table;
}
.searchfield_elem {
    display:table-cell;
    vertical-align: middle;
}
.searchfield_input {
    width:500px;
    font-size: 20px;
    //background-color: yellow;
    height:30px;
    margin-left:35px;
    padding:2px;
    border: 1px solid #BBBBBB;
}


.pagetitle {
    color:#555;
    font-size: 20px;
    //font-style: expanded;
    /* margin-left:75px; */
    padding-left: 20px;
}


.magnifyingglass_index {
    height:30px;
    width:30px;
    margin-left:2px;
}

.resultsearchfield_container {
    float:left;
    display:table;
    vertical-align: middle;
}
.resultsearchfield_input {
    width:300px;
    margin-left:5px;
    font-size: 18px;
    //background-color: yellow;
    height:25px;
}
.result_extdb {
    display:none;
    //display:inline-block;
    position:absolute;
    //top:60px;
    padding:5px;
    //right:0px;
    //min-height:5%;
    //max-height:100%;
    //width:300px;
    height:300px;
    width:250px;
    background-color: #fff;
    border: 1px solid #CCC;
    z-index: 2;
    overflow:auto;
}

.extdbdata {
    display:none;
        padding:5px;
    //right:0px;
    //min-height:5%;
    //max-height:100%;
    width:350px;
    background-color: #fff;
    border: 1px solid #CCC;
    z-index: 2;
    overflow:auto;curlinkgroup
}


.downloadlink {
	font-size:12px;
	color:#888;
	padding-left:40px;
	padding-bottom:10px;
	display:block;
}



.dbname {
    font-size: 14px;
	padding-bottom:5px;
}
.dbentry {
    position:relative;
    //vertical-align: middle;
    font-size: 12px;
    //display:table;
    padding-left:5px;
    margin-bottom: 5px;
}
.dbentrylink {
    //display:table-cell;
    //padding-left: 5px;
    //vertical-align: middle;
}
.linkimage {
    //display:table-cell;
    height:15px;
    display: inline-block;
    //vertical-align: middle;
    //margin-right: 5px;
    vertical-align: text-bottom;
    //position:relative;
    //bottom: 0px;
}

.dbentry div {
    display: inline-block;
    padding-left:5px;
    color:#888;
    //margin-bottom:5px;
}

.infobar{
    display:table;
    height:20px;
    margin-bottom: 10px;
}

form {
	margin:0px;
}

.statistic {
    font-size:12px;
    display:table-cell;
    vertical-align: middle;
    padding-left:170px;
    color:#ababab;
}

.statistic .element {
    display:inline;
    padding-right:15px;
}


.statistic_indirectlinks {
    display:table-cell;
    vertical-align: middle;

    padding-left:10px;
    color:#feb1b5;
    font-size:12px;
}
.statistic_indirectlinks div {
    display:inline;
    vertical-align: middle;
}

.statistic_directlinks {
    display:table-cell;
    vertical-align: middle;
    padding-left: 30px;
    color:#7fc3ff;
    font-size:12px;
    
}
.statistic_directlinks div {
   display:inline;
    vertical-align: middle;
}
.infobar input {
    vertical-align: middle;
    
}

.separator {
    display:block;
    width:100%;
    height:1px;
    border-bottom: 1px solid #ebebeb;
}

.room-bottom {
    
    margin-bottom: 20px;
}
.room-top {
    margin-top: 20px;
    
}

.pagerbar {
    display:block;
    border-top: 1px solid #ebebeb;
    padding-top: 5px;
    
    alignment-adjust: central;
    margin: auto;
}


.pages {
    border-collapse: collapse;
    margin: 10px auto 10px;

    margin-bottom:100px;
    vertical-align: middle;
}

.pagerbar a:link {
    color:#888888;
}
.pagerbar a:visited {
    color:#888888;
}

.clearer { clear: both; }

.navarrow {
    height:30px;
    vertical-align:middle;
}

.navarrow img {
    //padding:1px;
    height:29px;
}

.pageitem {
    padding: 0px 4px 0px 4px;
}

/* CSS Tree menu styles */
ol.tree
{
    padding: 0 0 0 30px;
    //width: 300px;
}
li 
{ 
    position: relative; 
    margin-left: -15px;
    list-style: none;
}
li.file
{
    margin-left: -1px !important;
}
li.file a
{
    background: url('../img/document.png') 0 0 no-repeat;
    color: #aaa;
    font-size:12px;
    padding-left: 21px;
    text-decoration: none;
    display: block;
}

li.dbclassarea1
{
    background-color: #E0FFD8;
}

li.dbclassarea0
{
    background-color: orange;
}

li input.dbclass
{
    position: absolute;
    left: 0px;
    margin-left: 0;
    opacity: 100;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}

li input.dbfilterentry
{
    position: absolute;
    left: 0;
    margin-left: 0;    
    opacity: 100;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}

/* 
needed to insert +img since tapestry inserts a blank gif image as placeholder for validation stuff
*/
li input + img + ol
{
    //background: url('../img/toggle-small-expand.png') 40px 0 no-repeat;
    margin: -0.938em 0 0 -44px; /* 15px */
    height: 1em;
}

li label.dbclassfolder
{
    background: url('../img/folder-horizontal.png') 15px 1px no-repeat;
    display: block;
    padding-left: 32px;
    font-size:14px;
}

li label.dbclassfolder1
{
    background: url('../img/folder-horizontal.png') 15px 1px no-repeat;
    display: block;
    padding-left: 32px;
    font-size:14px;
}

li label.dbclassfolder0
{
    background: url('../img/object-locked.png') 14px 1px no-repeat;
    display: block;
    padding-left: 32px;
    font-size:14px;
}

li label.dbfilterentry
{
    //background: url('../img/document.png') 15px 1px no-repeat;
    cursor: pointer;
    display: block;
    padding-left: 20px;
    font-size:12px;
}
li input.dbclass + img + ol
{
    //background: url('../img/toggle-small.png') 40px 5px no-repeat;
    margin: -1.25em 0 0 -44px; /* 20px */
    padding: 1.563em 0 0 80px;
    height: auto;
}
li input.dbclass + img +ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
li input.dbclass + img +ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }



#waitdialog {
	z-index:100;
    position:absolute;
    top: 0px;
    
    left: 0px;
    width: 100%;
    height: 100%;
    
	background-color: rgba(0, 0, 0, 0.28);
}

#waitdialog .messagebox {
    
    position:relative;
    width:300;
    //height:200;
    margin-left: auto;
    margin-right: auto;
    top:40%; // (100% - height% / 2)
//background-color: rgba(129, 248, 143, 0.79);
border-color: #888;
border-style: solid;
border-width: 1px;
background-color: #fff;
padding: 5px;
}

#waitdialog .loadingspinner {
	width:15px;
	display:inline;
	float: right;
	padding-right:10px;
}

/*
css for details page
*/
#panel {
	top:0px;
    position:absolute;
    width:100%;
    height:100%;
    margin:0px;    
    //background-color: #Abc;
	display:block;
}

#sidepanel {
	position:absolute;
	right:0px;
        //background-color: #999;
        width:300px;
	z-index:100;
        //height:100%;
        display:block;
//        float: right;
        overflow:auto;
}

#lailaps-logo {
    display:block;
    position:relative;
    margin:5px auto 5px 5px;
    width:150px;
}

#external-links { 
    //background-color: #faa;
    //border: 1px solid #CCC;
    position:relative;
    height:auto;
    clear:both;
    overflow:auto;
    font-size:12px;
    
}

#externalpage {
	height:99%;
	margin-right:300px;
	
	position:relative;
	display:block;
	//background-color:#888;
}

#externalpagecontent {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
}

#rating {
	margin: 5px;
}

#sidepanel .header {
	width:auto;
	font-size:16px;
	font-stretch: semi-expanded;
	padding-left: 10px;
	padding-top: 10px;
	color:#555;
}

#sidepanel .extdbdata {
	border: 0px;
	display:block;
	position:relative;
	padding:0px;
	margin:10px 0px 0px 15px;
	//padding-left: 5px;
	//width:auto;
}


.simplelist {
	display:block;
	margin:10px;

}

.entry .entrylink {
	display:block;
	padding-left: 5px;
	padding-bottom: 2px;
	
}
.entry .entrystats {
	display:block;
	padding-left: 15px;
	padding-bottom: 5px;
	color:#888;
}

.noresultcontent {
    white-space: normal;
    position:relative;
    width:400px;
    margin: 50px auto 0px auto;
    padding:3px;
    background-color:#f0f0f0;
}
.messageheader {
    background-color:#81bd00;
    color:#fff;
    padding:5px;
    text-align: center;
    font-size: 18px;
    font-stretch: semi-expanded;
    //font-weight: bold;
}
.messagecontent {
    background-color:#FFF;
    font-size:12px;
    color:#777;
    margin-top: 5px;
    padding:5px;
    min-height:50px;
    max-height:150px;
    text-align: justify;
    overflow:auto;
}




/*
admin pages
*/
.adminbody {
	padding-top:5px;
	min-width:1100px;

}

.adminmenu{
    width:180px;
}

.menuentries a:link{
    font-size: 14px;
    color:#888;
    display:block;
    padding-bottom: 10px;
    padding-left: 10px;
}


.menuentries a:visited{
    font-size: 14px;
    color:#888;
    display:block;
    padding-bottom: 10px;
    padding-left: 10px;
}


.admincontent {
    position:relative;
    color:#666;
        white-space: normal;
    //float:left;
    display:inline-block;
    //margin: 5px;
    padding-left:10px;
    padding-top:10px;
    min-height:300px;
    min-width:500px;
    z-index: 1;
//border: 1px solid #aaa;
}

.adminpageheader {
    font-size:20px;
    color:#444;
    padding: 10px 0px 20px 10px;
    display:block;
    
}


.sub {
    font-size:16px;
}
.sub2 {
    font-size:16px;

    padding-left:25px;
}
.admincontent label {
	font-weight: normal;
	font-size:14px;
	
}

.leftborder {
  border-left: 1px solid #DDD;
}

.admincontent .inputtable {
	width:600px;
}

.sub2 + .inputtable {
	margin-left:40px;
	padding-left:10px;
}

.inputtable td {
	width:30%;
	padding:0px 5px 5px 5px;
	
}
.inputtable th {
text-align:right;
width: 20%;
}

.textright {
	text-align:right;
}

.admincontent .submitbutton {
	//display:inline;
//	position:relative;
	margin-left:5px;
	//float:right;
}

.right {
float:right;
}
.left {
float:left;
}
.buttoncontainer {
	
	display:block;
	height:50px;
}

.bttop {

}

.btbottom {
padding:25px 5px 5px 5px;
}



#startdate, #enddate {
	width:100px;
	margin-left:5px;
	
}

.withcontent {
	display:inline;
}

/*
info-page
*/
.infotablecontainer {
	width:900px;
	margin-left: auto;
	margin-right:auto;
	
}
.infoheadline {
	margin:20px 0px 20px 0px;
	
}

.infotable {
	width:100%;
	background-color:#fafafa;
	border:1px solid #AAA;
	margin-bottom:20px;
}
.infotable td {
	text-align:center;
}
.infotable th {
	font-style: normal;
	padding-bottom:10px;
}

.infostring {
	font-size:12px;
	width:500px;
	white-space:normal;
}

DIV.t-autocomplete-menu UL {
	background-color:#fafafa;
	border: 2px outset #f0f0f0;
}

DIV.t-autocomplete-menu LI {
    color: #555;
    border-bottom: 1px solid #999;
}

.gplus a {
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px;
}

.gplus a img {
    margin-bottom: -2px;
    margin-right: 5px;
}

.btn {
    background: -moz-linear-gradient(center top , #f0f0ea, #d5d7ce) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bbb;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 13px;
    position: relative;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
}

.btn:hover {
    background: -moz-linear-gradient(center top , #f5f5ee, #dcded5) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #999;
    text-decoration: none;
    z-index: 1;
}

.btn-hover-only {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid transparent;
}

.btn:active, .btn.open {
    background: -moz-linear-gradient(center top , #dcded5, #f5f5ee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #999;
}

.btn.disabled:hover, .btn.disabled:active, .btn.open.disabled {
    background: -moz-linear-gradient(center top , #f0f0ea, #d5d7ce) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #bbb;
}