/*  Local style  */

/* First import everything from Invenio to generate a real diff here */
@import url("invenio_fzj_ie.css"); 
/* Load jquery-ui here to be able to overwrite it later on.
   JS functionality _REQUIRES_ this css to be loaded!
	 DO NOT REMOVE */
@import url("jquery-ui.css"); 


/* Get global styles from FZJ */
/* This does not work as those styles have to use relative links which
 * sometimes confuses the webserver and redirects us to the EU.
 */
/*
@import url("http://www.fz-juelich.de/SiteGlobals/StyleBundles/CSS/visual/visual.css?v=2");
@import url("http://www.fz-juelich.de/SiteGlobals/StyleBundles/CSS/screen/screen-a.css?v=3");
@import url("http://www.fz-juelich.de/SiteGlobals/StyleBundles/CSS/screen/startseite2.css?v=3");
*/

/* CSS supplied by B. Wolber, 06.11.2012 containing absolute links to
 * images and stuff
 */
@import url("background_fzj.css");
@import url("module_layout_fzj.css");
@import url("sking_gsb-color-scheme-a_fzj.css");
@import url("skin_gsb-basis_fzj.css");

/* The following modules would be required for ancient versions of IE,
 * but with IE < 7 our site will definitely fail in jQuery and
 * friends.
 */
/*
import url("module_layout_iew_fzj.css")
import url("skin_gsb-basis_iew_fzj.css")
*/

@import url("submit_fzj.css");


/* declaring some variables */
/* meaning (shades)
  dk : dark
  me : middle
  lt : light
*/
/* meaning (colour / tone)
  BLU : blue 
  YEL : yellow   CMYK - Y
  RED : red
  GRN : green
  CYN : cyan     CMYK - C
  MAG : magenta  CMYK - M
  BLK : black    CMYK - K
*/
:root{
  --col_BLU_dk   : #023D6B;  /* Jülich Blau 1  (dunkel) */
  --col_BLU_lt   : #ADBDE3;  /* Jülich Blau 2  (hell)   */
  --col_YEL_lt   : #FAEB5A;  /* Zitronengelb    */
  --col_YEL_dk   : #FAB45A;  /* Himbeerrot      */
  --col_RED_me   : #AB5F73;  /* Garsgrün        */
  --col_RED_lt   : #AF92B9;  /* Hyazinthviolett */
  --col_GRN_lt   : #B9D25F;  /* Apricot         */
  --col_BLK_dk   : #303030;  /* Dunkelgrau      */
  --col_BLK_me   : #808080;  /* Mittelgrau      */
  --col_BLK_melt : #C0C0C0;  /* DunklesHellgrau */
  --col_BLK_lt   : #EBEBEB;  /* Hellgrau        */
  --col_personalize_YEL_dk     : #FECB00;
  --col_personalize_YEL_lt     : #FFFFCC;
  --col_personalize_YEL_ltlt   : #FFFFDD;
  --col_personalize_YEL_ltltlt : #FFFFEE;
}


html {
    height: 100%; 
/* Important to place the footer correctly at the bottom */
}


.youraccount td {
  text-align: left;
}

.youraccount p {
   display: none;
}

/*.youraccount .pagebodystripemiddle {
  visibility: hidden;
}*/

/*#p_email .youraccount .pagebodystripemiddle {
  visibility: hidden;
}*/

/*.youraccount .pagebodystripemiddle a:after {
  content: "Login via FZJ-Mail Account!";
  color #666666;
}*/

.youraccount form:after {
  content: "Login via FZJ-Mail Account! Password Reset ONLY for local users!";
}

.pagebody {
    background-color: #ffffff; 
    padding: 10px 50px 30px 30px
}


.nojs {
  font-weight: bold;
  background-color: #ef0000;
  color: #FFFF00;
  font-size: 120%;
  text-align: center;
}

.headline {
   /* color: #005b82; */  /* #005A84;*/
   color: var(--col_BLU_dk); /* #005A84;*/
}

.formbutton {
   background: none repeat scroll 0% 0% var(--col_BLU_dk); /* #005b82; */  /* #005A84;*/
   background-color: var(--col_BLU_dk);
   height:100%;
   border-radius:var(--border_radius_button);

}

body {
  height: 100%;
/* Important to place the footer correctly at the bottom */
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 115%; /*20px; 120%*/
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /*test get from gsb background-color #CCDBD8; /*background-color: #ADBDE3;*/
  background-color: var(--col_BLU_dk); /* #6B93A8 !!TA!! */
  background-image: none 
}

/*
   A wrapper that wraps around everything except the footer.
   Used to place the footer correctly at the bottom
*/
div.wrapper {
    height: auto !important;
    min-height: 100%;
}
/*
    Used to create empty space in end of wrapper
    which is used but the footer
*/
div.wrapper .emptyFooter {
    height: 130px;
}

/* Start 'detailed record' boxes*/

div.detailedrecordbox, div.detailedrecordminipanel {
    width:90%;
    margin:auto;
    position:relative;
    max-width: 1280px;
    display: table;
}
div.detailedrecordbox img, div.detailedrecordminipanel img{
   border:none;
}
div.detailedrecordtabs{
   border-bottom: 2px solid var(--col_BLU_dk); 
   position:relative;
}
div.detailedrecordtabs div {
   width:100%;
   margin:0 auto;
   position:relative;
   z-index:1;
   width:100%;
   padding:0;
   bottom:-2px;
}
div.detailedrecordbox div.detailedrecordboxcontent{
   border-top: 2px solid #FFFFFF;
   border-bottom: 2px solid var(--col_BLU_dk);
   border-right: 2px solid var(--col_BLU_dk);
   border-left: 2px solid var(--col_BLU_dk);
   padding-bottom:3px;
   padding-top:1px; /* Needed, otherwise tabs with paperclip get
                       messed up, but created a small gap at top
                       of box. Override with !important if needed*/
}
div.detailedrecordminipanel{
   border: 1px solid #ddd;
   padding-top:3px;
   padding-bottom:3px;
}
div.detailedrecordminipanel{
   background-color:#f7f7f7;
}
.notopgap    { margin: 0; height:0;}
.nobottomgap { margin-bottom: 0; height:0;}
.top-left-folded {
   height: 10px;
}
* html .top-left-folded, * html .top-right-folded{
   /*IE6 hack*/
   display:none
}
/* tabs as used in detailed record pages */
ul.detailedrecordtabs{
   margin-top:0px;
   margin-bottom:0px;
   list-style-type:none;
   margin-left:0;
   padding-left:0;
   width:100%;
   text-align:center;
}
.detailedrecordtabs li{
   display:block;
   margin:0;
   float: left;
}
* html .detailedrecordtabs li{
   /*IE 6 hack*/
   width:1%;
   white-space: nowrap;
}
*html #tabsSpacer {
   /*IE 6 hack*/
   display: none;
}
.detailedrecordtabs li a{
   border-top: 2px solid var(--col_BLU_lt);
   border-right: 2px solid var(--col_BLU_lt);
   border-left: 2px solid var(--col_BLU_lt);
   border-bottom: 2px solid var(--col_BLU_dk);
   margin-right:10px;
   background-color: #FFF;
   padding:4px;
   color:var(--col_BLU_lt);
   font-size:x-small;
   font-weight:bold;
   text-decoration:none;
   position:relative;
   display:block;
   height:100%;
   zoom:100%; /*We loose CSS validity here, but necessary because of ie7*/
}
.detailedrecordtabs li a:hover{
   text-decoration:underline;
}
.detailedrecordtabs li.on a{
   color:var(--col_BLU_dk);
   border-bottom: 2px solid #FFF;
   border-top: 2px solid var(--col_BLU_dk);
   border-right: 2px solid var(--col_BLU_dk);
   border-left: 2px solid var(--col_BLU_dk);
}
.detailedrecordtabs li.on a:hover, .detailedrecordtabs li.disabled a:hover{
   text-decoration:none;
}
.detailedrecordtabs li.disabled a{
   color:#ccf;
   cursor:default;
   border-top: 2px solid var(--col_BLK_melt); /* #F00 */
   border-right: 2px solid var(--col_BLK_melt);
   border-left: 2px solid var(--col_BLK_melt);
}
.detailedrecordtabs li.first a{
   border-left: 2px solid var(--col_BLU_dk);/* #79d */
}
.detailedrecordtabs li.first.on a{
   border-left: 2px solid var(--col_BLU_dk);
}

/* Links */
a:link {
   text-decoration: none;
   /* color: #005b82; #336699;*/
   color: var(--col_BLU_dk); /*#336699;*/
   background-attachment: scroll;
   background-clip: border-box;
   background-color: transparent;
   background-origin: padding-box;
   background-position: 0 5px;
   background-repeat: no-repeat;
   background-size: auto auto;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;*/
}
a:visited {
   text-decoration: none;
   /* color: #005b82; #336699;*/
   color: var(--col_BLK_me); /*#336699;*/
   background-attachment: scroll;
   background-clip: border-box;
   background-color: transparent;
   background-origin: padding-box;
   background-position: 0 5px;
   background-repeat: no-repeat;
   background-size: auto auto;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}
a:active {
   /* color: #005b82;*/  /*#336699;*/
   color: var(--col_YEL_lt); /*#336699;*/
   background: transparent;
}
a:hover {
   color: var(--col_RED_lt);
   text-decoration: underline;
}

.bookmark_list a {
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
}

.headerbox {
   /* border-top: 4px solid #005b82;*/ /*#015a84;*/
   border-top: 4px solid var(--col_BLU_dk); /*#015a84;*/
   background: transparent;
   width: 100%;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   border-collapse: collapse;
   /* color: #005b82;*/  /*color: rgb(0, 90, 132);*/
   color: var(--col_BLU_dk); 
   background-color:#FFFFFF ;  
}

.headerboxbody {
   background: transparent;
   padding: 0px 0px 0px 0px;
   margin: 0px;
}

.headerboxbodylogo a, .headerboxbodylogo a:visited{
   margin-left: 0px;
   padding-right: 0px;
   background: transparent
	 no-repeat
	 top right
	 /* url("https://www.fz-juelich.de/cae/servlet/contentblob/12836/normal/3204/logo.png"); */
     url("/img/logo_fzj.jpg");  
     /* url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_de_margin_small.png"); */
   height: 82px; /*55px;*/
   line-height: 2em;
   font-size: 38px;
   letter-spacing: 2px;
   text-decoration: none;
   text-align: center;
   float: left;
   /* color: #005b82;*/  /*color: rgb(0, 90, 132);*/
   color: var(--col_BLU_dk);  
   width: 85%;
}

.headerboxbodylogo a:lang(en), .headerboxbodylogo a:visited:lang(en){
   margin-left: 0px;
   padding-right: 0px;
   background: transparent
	 no-repeat
	 top right
	 /* url("https://www.fz-juelich.de/cae/servlet/contentblob/12836/normal/3204/logo.png"); */
     url("/img/logo_fzj.jpg");  
     /* url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_en_margin_small.png"); */
   height: 82px; /*55px;*/
   line-height: 2em;
   font-size: 38px;
   letter-spacing: 2px;
   text-decoration: none;
   text-align: center;
   float: left;
   /* color: #005b82;*/  /*color: rgb(0, 90, 132);*/
   color: var(--col_BLU_dk);  
   width: 85%;
}

.home .headerboxbodylogo a, .home .headerboxbodylogo a:visited{
   margin-left: 0px;
   padding-right: 0px;
   background: transparent
	 no-repeat
	 top right
	 url("https://www.fz-juelich.de/cae/servlet/contentblob/12836/normal/3204/logo.gif"); 
     /* url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_en_margin_small.png"); */
   height: 82px; /*55px;*/
   line-height: 2em;
   font-size: 38px;
   letter-spacing: 2px;
   text-decoration: none;
   text-align: center;
   float: left;
   /* color: #005b82; */  /*color: rgb(0, 90, 132);*/
   color: var(--col_BLU_dk);  
   width: 85%;
}

.home .headerboxbodylogo a:lang(en), .home .headerboxbodylogo a:visited:lang(en){
   margin-left: 0px;
   padding-right: 0px;
   background: transparent
	 no-repeat
	 top right
	 url("https://www.fz-juelich.de/cae/servlet/contentblob/12836/normal/3204/logo.gif");
     /* url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_en_margin_small.png"); */
   height: 82px; /*55px;*/
   line-height: 2em;
   font-size: 38px;
   letter-spacing: 2px;
   text-decoration: none;
   text-align: center;
   float: left;
   /* color: #005b82; */  /*color: rgb(0, 90, 132);*/
   color: var(--col_BLU_dk);  
   width: 85%;
}


.userinfoboxbody {
   color: var(--col_BLK_dk);  /* #039 */
   padding: 5px 5px 2px 0px;
   font-size: 14px;
   font-weight: normal;
   margin-left: 15px;
   margin-top: 10px;
   float: left;
   clear: none;
}

a.userinfo:link {
   margin-left: 0px;
   /* color: #005b82;*/  /*#515151;*/
   color: var(--col_BLU_dk); /*#515151;*/
   vertical-align: middle;
}

.userinfoboxbody > img {
   margin-right: 5px;
   color: var(--col_BLU_dk); /*#005B82;*/

/*   display: none;*/
}

/* Breadcrubms == Navtrail */ 

.navtrailbox {
    height: 20px;
    background: 
 	repeat 
	scroll
	0 50%
	/* transparent */
}

.navtrailboxbody {
   /*color: #ffffff; */
   color: var(--col_BLU_lt); 
   padding: 0px 5px 7px 25px;
   border-spacing: 0px;
   font-size: 12px;
   font-weight: bold;
   overflow: hidden;
   background:
	no-repeat
	scroll
	10px 50%
	transparent
}

a.navtrail:link {
   /* color: #000000; */
   color: var(--col_BLU_lt);  /*#3366CC; */
   text-decoration: underline;
   overflow: hidden; 
   padding-right: 8px;
   margin-left: 0px;
   background-attachment: scroll;
   background-clip: border-box;
   background-size: auto auto;
   background-origin: padding-box;
   background-repeat: no-repeat;
   background-position: 100% 50%;
}

a.navtrail:active {
   color: var(--col_BLU_lt);
   background: transparent;
}


a.navtrail:visited {
   color: var(--col_BLU_lt);
   background: #000000; /* transparent; */
}

a.navtrail:hover {
   color: var(--col_RED_lt);
   background: transparent;
   text-decoration: underline;
}


.focusonsearchbox {
   padding: 5px;
   margin: 20px 65px 25px 25px;
   font-size: 85%
}

.narrowsearchbox {
   margin: 20px 50px 5px 0px;
}

.bskcontentcol a{
   font-size: 100%;
}

.bskcontentcol {
   font-size: 100%;
}

/* Footer */
.pagefooter {
   color: #fff;
/*   background: var(--col_BLU_dk);  */
/* Z   background: #E6E6E6;*/ 
   background: var(--col_BLU_dk);
	 /* no-repeat */
	 /* center center */
	 /* url("https://www.fz-juelich.de/cae/servlet/contentblob/12836/normal/3204/logo.gif"); */
     /* url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_en_margin_small.png");  */
   font-size: x-small;
   padding: 10px 0px;
/* Z width: 100%; */
   width: 100%; 
   height: 180px;
/*   position: fixed;*/
   margin-top: 0px;
   left: 0;
   bottom: 0;  
} 

.pagefooterstripeleft {
   color: #fff;
   background: var(--col_BLU_dk)
     no-repeat
     top right
     url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_de_small_only_white_trans.png");
   font-size: x-small;
   width: 50%;
   height: 180px;
   float: left;
   text-align: left;
}

.pagefooterstripeleft:lang(en) {
   color: #fff;
   background: var(--col_BLU_dk)
     no-repeat
     top right
     url("/img/juser_grafik_logo_startseite_2018_03_05_ta_2_en_small_only_white_trans.png");
   font-size: x-small;
   width: 50%;
   height: 180px;
   float: left;
   text-align: left;
}

.pagefooterstriperight {
   /* color: #E6E6E6; */ /* helles grau */
   color: var(--col_BLU_lt);  
   background: transparent
     no-repeat
     bottom right
     url("/img/2017_H_Logo_CMYK_invertiert_untereinander_DE_small_margin.png");
     width: 48%;
   height: 180px;
   float: right;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
}
.pagefooterstriperight:lang(en) {
   /* color: #E6E6E6; */ /* helles grau */
   color: var(--col_BLU_lt);  
   background: var(--col_BLU_dk)
   no-repeat
   bottom right
   url("/img/2017_H_Logo_CMYK_invertiert_untereinander_EN_small_margin.png");
   width: 48%;
   height: 180px;
   float: right;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
}
a.impressum:link, a.impressum:visited, a.impressum:hover{
   line-height: 50px;
   color: #fff;
   background: transparent;
}
a.impressum:active {
   line-height: 50px;
   color: #fff;
   background: transparent;
   text-decoration: underline;
}
a.privacy:link, a.privacy:visited, a.privacy:hover{
   line-height: 50px;
   color: #fff;
   background: transparent;
}
a.privacy:active {
   line-height: 50px;
   color: #fff;
   background: transparent;
   text-decoration: underline;
}
a.footer:link {
   color: #fff;
   background: transparent;
}
a.footer:visited {
   color: #fff;
   background: transparent;
}
a.footer:active {
   color: #fff;
   background: transparent;
   text-decoration: underline;
}
a.footer:hover {
   color: #fff;
   background: transparent;
}

/* Language info */
a.langinfo:link {
   color: #fff;
   text-decoration: none;
   background: transparent;
}
a.langinfo:visited {
   color: #fff;
   background: transparent;
}
a.langinfo:active {
   color: #fff;
   background: transparent;
}
a.langinfo:hover {
   color: #fff;
   text-decoration: underline;
   background: transparent;
}

/* Menues */
.menu .headermoduleboxbody .hassubmenu a {
  background-image: none;
}
.menu .headermoduleboxbody .hassubmenu a.header:hover {
  background-image: none;
}
.headermoduleboxbody:hover {
  background-image: none;
}

a.header:link {
   background: transparent;
   /* color: #005b82;*/  /*#369;*/ 
   color: var(--col_BLU_lt); /* Design 2018 #336699;*/
   text-decoration: none;
   white-space: nowrap;
   font-size: 140%;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
}
a.header:visited {
   background: transparent;
   /* color: #005b82;*/  /*#369;*/
   color: var(--col_BLU_lt); /* Design 2018 #336699;*/
   text-decoration: none;
   white-space: nowrap;
   font-size: 120%;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 0;
   padding-right: 0;
}
a.header:hover {
   /* color: #ffffff; */
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   color: var(--col_BLU_lt); /* Design 2018 #336699;*/
   padding-left: 0;
   padding-right: 0;
}

a.header:active {
   color: #ffffff;
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   padding-left: 0;
   padding-right: 0;
}

a.headerselected:link {
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8; !!TA!! */
   color: #fff;
   text-decoration: none;
   white-space: nowrap;
   font-size: 120%;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 0;
   padding-right: 0;
}
a.headerselected:visited {
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8; !!TA!! */
   color: var(--col_BLU_lt);
   text-decoration: none;
   white-space: nowrap;
   font-size: 120%;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 0;
   padding-right: 0;
}
a.headerselected:hover {
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   color: var(--col_BLU_lt);
   padding-left: 0;
   padding-right: 0;
}

.headermoduleboxbody {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    background: transparent;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    color: #000000;
    font-weight: bold;
}

.headermoduleboxbody:hover {
   color: #ffffff;
   background: var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8;*/
}

.headermoduleboxbodyselected {
   background: var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8; !!TA!!*/
   color: var(--col_BLU_lt);
   background-attachment: scroll;
   background-clip: border-box;
   background-image: none;
   background-origin: padding-box;
   background-position: 0 0;
   background-repeat: repeat;
   background-size: auto auto;
   border-bottom-width: 0px;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   font-weight: bold;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   text-align: center;
}
.headermoduleboxbodyselected:hover {
   background:  var(--col_BLU_dk); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   color: var(--col_BLU_lt);
}
.headermoduleboxbodyblank {
   color:  var(--col_BLU_lt); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   background: #fff;
   margin: 0px;
   border-bottom: 0px solid var(--col_BLU_dk);
   padding: 1.15em 1em 1em;
}
.headermoduleboxbodyblanklast {
   color:  var(--col_BLU_lt); /* test #CCDBD8 from gsb, previous #6B93A8;*/
   background: #fff;
   margin: 0px;
   width:100%;
   border-bottom: 0px solid var(--col_BLU_dk);
}

/* Detailed Records */

.portalbox {
   width: 120%;
}

.portalboxheader {
    padding: 5px 5px 5px 5px;
    background: #fff
    font-family: Arial Narrow,Arial,sans serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: #444444; /*rgb(102, 102, 102);*/
    margin-bottom: 3px
}

.portalboxbody br{
   font-size: 50%;
}

div.pageboxrighttop{
padding: 20px
/* set to 0px for warning portal box in title prolog */
}

.portalboxbody a {
    background:
    /* url("http://www.fz-juelich.de/SiteGlobals/StyleBundles/Bilder/NeuesLayout/icon_bl-kreispfeil.png?__blob=normal") no-repeat 0 50%;*/
    padding: 0px 17px;
    padding-right-value: 0.45em;
    padding-left-value: 1.385em;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    display: block;
    font-size: 14px;
}

ul.detailedrecordactions{
   font-size: 14px;}

.detailedrecordactions, .detailedrecordactions a{
   font-weight:700;
   font-size: 120%;
}

/* Detailed Records */

.detailedrecordtabs li a {
    background-image: none;
}

.detailedrecordminipanel li a {
    background-image: none;
}

.detailedrecordminipanel a:link {
    background-image: none;
}

detailedrecordminipanelreview {
	width: 180px !important;
}

/* hide worksFor schema.org-span */
span[itemprop="worksFor"]  { display: none; }
/* unhide DESY author marker and format it as superscript */
span[worksFor="FZJ"] {
    display: inline !important;
    vertical-align: super;
    font-size: .83em
}

.refauthor{
  font-size: 90%;
  white-space: nowrap;
}

.refvolume {
  font-size: 90%;
  font-weight: bold;
}
.refpage {
  font-size: 90%;
  font-weight: normal;
}
.refissue{
  font-size: 90%;
  font-weight: normal;
}
a.refjournal {
  font-size: 90%;
  padding-left: 0;
  font-style: italic;
  background-image: none;
}
a.refdoi{
  font-size: 90%;
  clear: left;
  padding-left: 0;
  background-image: none;
}
a.openurl{
  font-size: 90%;
  padding-left: 0;
  background-image: none;
  vertical-align: text-bottom;
}

.abstract{
  font-size: 75%;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 0.5em;
  text-align: justify;
  display: none; /* no more abstracts in search results */
}

.refandconf .refyear{
  font-size: 90%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.refddc {
   vertical-align: bottom;
   position: relative;
   top: 0em;
   left: 0em;
   font-size: 16px;
}

.refddc ul {
  font-size: 16px;
  left: 5em;
  position: relative;
}

.fulltext{
  font-size: 85%;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 10px;
}

.quicknote{
  font-size: 95%;
}

.typelist{
  font-size: 75%;
}

.journalref{
  display:inline-block;
  padding-left: 1.15em; /* compensate indent due to CD links */
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 90%;
}

.confinfo{
  font-size: 90%;
  font-style:italic;
}

.subconfinfo{
  display:inline-block;
  margin-left: 1.15em;  /* compensate indent due to CD links */
  font-size: 90%;
  font-style:italic;
}

.altconfinfo{
  display:inline-block;
  margin-left: 1.15em;  /* compensate indent due to CD links */
  font-size: 90%;
  font-style:italic;
}

.linkresicon{
  height: 1em;
  vertical-align: text-bottom;
  font-size: 90%;
}

/* .moreinfo is used in several forms */
a.moreinfo{
  padding-bottom: 10px;
  padding-left: 0em;
  font-size: 90%;
/*  display: none;*/
}
span.moreinfo{
  padding-bottom: 10px;
/*  display: none;*/
}
div.moreinfo{
  padding-bottom: 10px;
/*  display: none;*/
}

#detailedrecordminipanelreview div.star a{
   width:15px; /* at width 30 they go around the corner */
}

#bibEditMenu a {
padding: 0px;
background-image: none; 
}

/* WebMessage module */
.mailbox{
   border-collapse: collapse;
   color: #000000;
   margin-top: 15px;
   padding: 0px;
   width: auto;
}
.mailboxheader tr{
   background: var(--col_personalize_YEL_lt) /* #ffc; */
}
.inboxheader {
   text-align:center;
   padding: 5px 30px 5px 30px;
   border-top: 1px solid var(--col_personalize_YEL_dk); /* #fc0; */
   border-bottom: 1px solid var(--col_personalize_YEL_dk);
}
.messageheader{
   width: 100%;
   padding: 0px;
   border: 0px;
}
.mailboxinput{
   width: 100%;
}
.mailboxlabel{
   white-space: nowrap;
   padding-right: 15px;
}
.mailboxbody{
   background: var(--col_personalize_YEL_ltltlt);
}
.mailboxrecord{
/* each record */
}
.mailboxrecord td{
/* each cell of a record */
   padding: 4px 30px 4px 30px;
   border-top: 1px dashed #fff;
}
.mailboxfooter{
   background-color: #fff;
}
.mailboxfooter td{
   padding: 10px 0px 0px 0px;
   border-top: 1px solid var(--col_personalize_YEL_dk);
   border-bottom: none;
   border-left: none;
   border-right: none;
}
.mailboxsearch td {
   padding-top: 10px;
   padding-bottom: 10px;
}
.mailboxresults td {
   padding-bottom: 5px;
   border-bottom: 1px var(--col_personalize_YEL_dk);
}

.nonsubmitbutton {
   color: #000;
   background: #fc0;
   font-weight: bold;
}
.confirmoperation{
   margin: auto;
   width: 400px;
   height: 100px;
   background-color: #ddf;
}
.confirmmessage{
   font-weight: bold;
   text-align: center;
}
.infobox{
   background-color: #ffc;
   padding: 7px;
   border-collapse: collapse;
   border: 1px solid #fc0;
}
.warningbox{
   background-color: #cff;
   padding: 7px;
   border-collapse: collapse;
   border: 1px solid #ccff00;
}
.quotabox{
   background-color: #ffc;
   width: 200px;
   height: 15px;
   border: 1px solid #fc0;
   margin: 3px 0px 3px 0px;
}
.quotabar{
   background-color: #fc0;
   border: 0px none black;
   height: 15px;
}



/*START The directory box container*/
#bskcontainerdirectory{
   width: 100%;
}
.bsk_directory_box{
   width: 100%;
}
.bsk_directory_box_tabs{
   width: 100%;
}
.bsk_directory_box_tab_separator{
   width: 1px;
   border-bottom: 1px solid #fc0;
}
.bsk_directory_box_tab_separator_end{
   width: 100%;
   border-bottom: 1px solid #fc0;
}
.bsk_directory_box_tab_content{
   border: 1px solid #fc0;
   background: var(--col_personalize_YEL_lt);
   padding: 5px;
   white-space: nowrap;
}
.bsk_directory_box_tab_content a, .bsk_directory_box_tab_content a:link, .bsk_directory_box_tab_content a:visited, .bsk_directory_box_tab_content a:active{
   text-decoration: none;
   font-weight: bold;
   color: #444;
}
.bsk_directory_box_tab_content a:hover{
   text-decoration: underline;
   font-weight: bold;
   color: #000;
}
.bsk_directory_box_tab_content_selected{
   border-top: 1px solid #fc0;
   border-right: 1px solid #fc0;
   border-left: 1px solid #fc0;
   background: var(--col_personalize_YEL_lt);
   padding: 5px;
   white-space: nowrap;
}
.bsk_directory_box_tab_content_selected a, .bsk_directory_box_tab_content_selected a:link, .bsk_directory_box_tab_content_selected a:visited, .bsk_directory_box_tab_content_selected a:active{
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
.bsk_directory_box_tab_content_selected a:hover{
   text-decoration: underline;
   font-weight: bold;
   color: #000;
}
.bsk_directory_box_tab_content_inactive{
   border: 1px solid #fc0;
   background : var(--col_personalize_YEL_ltlt);
   padding: 5px;
   white-space: nowrap;
   font-weight: bold;
   color: var(--col_BLK_me);
}
.bsk_directory_box_nav_tab_content{
   width: 100%;
   border-bottom: 1px solid #fc0;
   border-top: 1px solid #fc0;
   border-left: 1px solid #fc0;
   background: var(--col_personalize_YEL_ltlt); /* var(--col_BLU_lt); */
   padding: 5px;
   white-space: nowrap;
}
.bsk_directory_box_nav_tab_content a, .bsk_directory_box_nav_tab_content a:link, .bsk_directory_box_nav_tab_content a:visited, .bsk_directory_box_nav_tab_content a:active{
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
.bsk_directory_box_nav_tab_content a:hover{
   text-decoration: underline;
   font-weight: bold;
   color: #000;
}
.bsk_directory_box_nav_tab_options{
   border-bottom: 1px solid #fc0;
   border-top: 1px solid #fc0;
   border-right: 1px solid #fc0;
   background: var(--col_personalize_YEL_ltlt); /* var(--col_BLU_lt); */
   padding: 5px;
   white-space: nowrap;
}
.bsk_directory_box_nav_tab_options img{
   vertical-align: middle;
   margin-right: 3px;
   border: none;
}
.bsk_directory_box_nav_tab_options a, .bsk_directory_box_nav_tab_options a:link, .bsk_directory_box_nav_tab_options a:visited, .bsk_directory_box_nav_tab_options a:active{
   text-decoration: none;
   color: #000;
   font-size: small;
}
.bsk_directory_box_nav_tab_options a:hover{
   text-decoration: underline;
   color: #000;
   font-size: small;
}
.bsk_directory_box_content{
   width: 100%;
}
.bsk_directory_box_content_list_topics_groups{
   width: 100%;
   text-align: center;
   border-left: 1px solid #fc0;
   border-right: 1px solid #fc0;
   border-bottom: 1px solid #fc0;
   background: var(--col_personalize_YEL_lt);
   padding: 5px;
}
.bsk_directory_box_content_list_baskets{
   width: 100%;
   text-align: center;
   border-left: 1px solid #fc0;
   border-right: 1px solid #fc0;
   border-bottom: 1px solid #fc0;
   background: #fff;
   padding: 5px;
}
.bsk_directory_box_content_list_cell{
   text-align: left;
   white-space: nowrap;
   padding: 5px;
   vertical-align: top;
}
.bsk_directory_box_content_list_cell a, .bsk_directory_box_content_list_cell a:link, .bsk_directory_box_content_list_cell a:visited, .bsk_directory_box_content_list_cell a:active{
   text-decoration: none;
   color: #444;
}
.bsk_directory_box_content_list_cell a:hover{
   text-decoration: underline;
   color: #000;
}
.bsk_directory_box_content_list_number_of{
   color: #808080;
}
/*END The directory box container*/

.youraccountbox {
   color: #000;
   background: #fff;
   padding: 1px;
   margin: 5px 0px 5px 0px;
   border-collapse: collapse;
   border-top: 1px solid var(--col_personalize_YEL_dk);
}

.youraccountheader {
   color: #333;
   background: var(--col_personalize_YEL_lt);
   font-weight: normal;
   font-size: small;
   vertical-align: top;
   text-align: left;
}

.youraccountbody {
   color: #333;
   background: #fff;
   padding: 0px 5px 0px 5px;
   margin-bottom:5px;
   font-size: small;
   text-align: left;
   vertical-align: top;
}

th.youraccountheader a:link, th.youraccountheader a:visited {
   color:#000000;
   text-decoration:none;
}

th.youraccountheader a:hover {
   text-decoration:underline;
}

.searchresultsbox {
   /* color: #000; */
   color: #FFFFFF; 
   background: var(--col_BLU_dk);  /* #ffe */
   padding: 0px;
   margin-top: 15px;
   border-collapse: collapse;
   border-top: 2px solid #000000;
   width: 100%;
   font-size: 16px;
}
.searchresultsboxheader {
   /* color: #000; */
   color: var(--col_BLU_dk); 
   background: var(--col_BLU_lt);  /* #ffe */
   padding: 0px;
   border-spacing: 0px;
   text-align: left;
   font-size: 18px;
   font-weight: normal;
}
.searchresultsboxbody {
   color: #000;
   background: var(--col_BLU_lt); /* #ffe */
   padding: 0px;
   border-top: 1px solid var(--col_BLU_dk);  /* #ffe */

   border-bottom: 5px solid #FFFFFF;
}
.searchresultsboxrecords {
   color: #000;
   background: transparent;
   margin-left: 0px;
   margin-right: 20px;
}

.latestadditionsboxrecordbody {
   font-size: 90%;
}



/* APC tables */

#hideapcbtn {
    padding: 10px;
}

#HandleAPC {
   display: none;
}

.APCset {
    /* fieldset for APC input table */
    border: none;
#    position: fixed;
#    /* top: 90px; */
    top: 20px;
    padding: 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
#    background: rgb(252,255,244); /* Old browsers */
#    background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);    /* FF3.6-15 */
#    background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);   /* Chrome10-25,Safari5.1-6 */
#    background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
#    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.APCset input[type=submit] {
    /* submit button */
    width: 8%;
    font-weight: bold;
    font-size: 100%;
}

.APC {
    /* ACP table definitions */
    border: 1px solid black;
    border-collapse: collapse;
    background: white;
    position: relative;
    /*left: 1%;*/
    width: 98%;
    font-size: 90%;
}
.APC th {
    /* APC table header */
    border: 1px solid black;
    background: #ddd;/
    color: black;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}
.APC td {
    /* APC table cell format */
    border: 1px solid lightgray;
    /*
    border-top: 1px dotted lightgray;
    border-bottom: 1px dotted lightgray;
    border-left: 1px dotted lightgray;
    border-right: 1px dotted lightgray;
    */
}

.APC .APCdta {
    background-color: red;
    padding: 5px;
}

.APCUser {
    /* ACP table definitions */
    border: 1px solid black;
    border-collapse: collapse;
    background: white;
    position: relative;
    width: 100%;
}
.APCUser td {
    border: 1px solid lightgray;
}

.APC .APCempty {
    /* empty cells for additional values (input) */
    padding: 5px;
    background-color: #eee;
}
.APC .APCpayed{
    /* payed fee lines */
    padding: 5px;
    background-color: #7a0;
}
.APC .APCnonEUR{
    /* Non-EUR values */
    padding: 5px;
    background-color: yellow;
    color: red;
    font-weight: bold;
}
.APC td .APCnonEUR{
    /* Non-EUR cells */
    background-color: yellow;
}

/* table column definitions */
.APC .ID {
    width: 10ex;
}
.APC .status {
    width: 20ex;
}
.APC .costtype{
    width: 15ex;
}
.APC .price{
    width: 15ex;
    font-weight: bold;
}
.APC .currency {
    width: 3ex;
}
.APC .costcentre {
    width: 14ex;
}
.APC .creditcard {
    width: 10ex;
}
.APC .invoiceno {
    width: 10ex;
    max-width: 15ex;
    overflow: hidden;
}
.APC .manid {
    width: 5ex;
}
.APC .comment {
    width: 25ex;
}

.APC .date {
    width: 16ex;
}

.APC .no_oadoc {
    color: DarkRed;
    font-weight: bold;
}

.APC input {
    width: 100%
}
.APC select {
    width: 100%;
}
.APC .APCempty select {
    color: gray;
    font-style: italic;
}
.APC .APCempty input {
    color: gray;
    font-style: italic;
}
.APCca {
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
}
.APCNonLocalAuthor{
    color: red;
    font-weight: bold;
}

.APCprocessing{
    text-align: center;
    font-weight: bold;
    background: lightgray;
    padding: 10px;
}

/* EZB Traffic lights */
/* Adopted from EZB originals CSS */
.filter-container-mid {
	line-height:18px;
  display:inline-block;
	width:57px;
	height:auto;
	text-align:center;
	vertical-align:bottom;
	margin-left:4px;
	margin-right:4px
}

.filter-light {
	position:relative;
	display:inline-block;
	width:23%;
	border-radius:50%;
	padding:0;
	padding-bottom:20%;
	margin:3px;
	border:2px solid #9C9E9F;
	margin-right: -3px
}
.filter-light-main {
	padding-bottom:22%
}
.filter-light.red {
	background-color:#da0000
}
.filter-light.green {
	background-color:#19ff2a
}
.filter-light.yellow {
	background-color:#faff00
}
.filter-light.grey {
	background-color:#fffeff
}

/* HGFStatistics */
.fixed_headers tbody tr:hover {
  background-color: lightgrey;
}
.overview tbody tr:hover {
  background-color: lightgrey;
}
.fixed_headers thead {
  background-color: lightblue;
}
.export {
  display: none;
}
.exporton {
  background-color: lightgreen;
  font-size: small;
  font-weight:bold;
}
.exportoff {
  background-color: lightcoral;
  font-size:small;
  font-weight:bold;
}
.overview{
  width:50%;
  margin:0;
  clear:both;
  border-collapse:separate;
  border-spacing:0
}
/* end of BibMerge module */
/* WebAlert module */
.alrtTable{
    border: 2px solid black;
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
    background-color: #CCFFFF;
}
.alrtTable td{
    border: 1px solid black;
    padding: 3px;
}
/* end of WebAlert module */

/* BibClassify module */

/* Authority name translation styling:
 *  * Mimic old style once i18n for authorities is enabled
 *   * join2/join2#1106
 *    */
.AuthMainEntry {
   color: var(--col_BLU_dk);
   display: inline-block;
   font-size: 144%;
   font-weight: 700;
   margin-bottom: 0.83em;
}
.AuthMainEntryFull {
   font-size: 100%;
   font-weight: 700;
   margin-left: 1em;
   display: block;
   color: var(--col_BLU_dk);
}
.AuthAKAPrefix {
   font-weight: bold;
   margin-right: 1ex;
   font-size: 90%;
}
.AuthAKAnames{
	font-style: italic;
}
.AuthAKA{
   font-size: 90%;
   margin-bottom: 0.83em;
   margin-left: 1em;
   display: block;
}