/******************* NORMALIZING **********************/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 */

[hidden] {
  display: none;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/**
 * Remove most spacing between table cells.

-> removed for editor
table {
  border-collapse: collapse;
  border-spacing: 0;
}  
td,
th {
  padding: 0;
}*/

* {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;    
}

/*
==================== LAYOUT =========================== */
/*html,body,#w-wrapper{
 height:100%;
}
#w-body {
 height:calc(100% - 133px);
}*/

body {
  font-family: Verdana,Arial,sans-serif;
  color: #6a6a6a; /* Template color: content-text */
  background-color: #dfdfdf; /* Template color: website-background */
  font-size:75%;  
}
a {
  color:#6a6a6a; /* Template color: content-text */
}
#w-wrapper {
  max-width:1280px;
  width:100%;
  margin: auto;
  display: table;
  background-color: #fff; /* Template color: content-bg */
  box-shadow: 0 0 5px #6a6a6a; /* Template color: website-shadow */
position: relative;
}

#w-body {
  display: table;
}
#page_colum_left_container,
#c-wrapper,
#page_colum_right_container {
  display: table-cell;
  vertical-align: top;
}
#c-wrapper {
  padding:0 10px;
  min-width: 400px;
  width:100%;  
}

.w-sidebar {
  width:198px;
  min-width: 198px; 
  max-width: 198px;
  padding:20px 8px 10px;
}
.g-hidden {
    display: none !important;
    visibility: hidden;  
}
/*
==================== HEADER =========================== */
#w-head {
  height:133px;
  position: relative;
}
#j-banner{
  height:102px;
  position: relative;
  display:block;
}
#j-cover,
#j-topic,
#j-header {
  position: absolute;
}
#j-header{
  left:197px;
  top:35px;
}
#j-topic,
#j-cover {
  background-repeat: no-repeat;
}
#j-topic {
  right:0;
  background-image: url(http://www.hydrology-and-earth-system-sciences.net/graphic_hess_journal_topic.jpg);
  background-position: right top;
  width:300px;
  top: 1px;
  z-index: 1;
}

.t-j-topic-fit {
  height:102px;
}
.t-j-topic-overlap {
  height: 133px;
}
.t-j-topic-x-large {
 width:370px !important;
}
.t-j-topic-xx-large {
 width:580px !important;
}
.t-j-topic-v-center {
  background-position: left center !important;
}
#j-cover 
{  
    background-image: url(http://www.hydrology-and-earth-system-sciences.net/graphic_hess_cover.jpg); 
    height: 130px;
    top: 1px;    
    z-index: 1;
}
.t-j-cover-small {
    background-position: 41px 2px; 
    background-position: left top;
    width: 106px;
    left: 41px;
}
.t-j-cover-standard {
    background-position: 23px 2px; 
    background-position: left top;
    width: 142px;
    left: 30px;/*23*/
}

#j-secondary-nav {
  height: 31px;
  line-height: 29px;
  background-color: #61A429; /* Template color: menu-background */
  color:#fff; /* Template color: menu-links */
  position:absolute;
  bottom: 0;
  width:100%;
  border-bottom: 1px solid #fff; /* Template color: content-bg */
  border-top: 1px solid #fff; /* Template color: content-bg */
}
#j-secondary-nav a {
  color:#fff; /* Template color: menu-links */
  text-decoration: none
}
#j-secondary-nav a:hover,
#j-secondary-nav a:focus,
#j-secondary-nav a:active {
  text-decoration:underline;
}
#j-name {
  font-size:20px;
  font-weight:normal;
}
#j-desc {
padding: 0 0 0 2px;
}
#j-name,
#j-desc {
  display:block;
}
#j-name {
  color:#1F277F; /* Template color: header-journal-name */
}
#j-desc {
  color:#1F277F; /* Template color: header-journal-desc */
}
.j-additional-nav .j-link-list,
.j-additional-nav .j-link-list li {
  display:inline-block;
}
.j-additional-nav ul.j-link-list {
  list-style-type: none;
  margin: 0;
  padding:0;
  position: absolute;
  z-index: 50;
}
.j-additional-nav .j-link-list li {
  margin:0;
  padding:0;
}
.j-additional-nav .j-link-list li:before {
  padding-right: 3px;
}
.j-additional-nav .j-link-list li:before {
  content:'|';
}
.j-additional-nav .j-link-list li:last-child:after{
  content:'|';
  padding-left:3px; 
}
.j-customer-links {
  left:197px;
}
.j-official-links{
  right:3px;
}
.j-type-only-right {
  right:6px;
}
.j-official-links.j-non-egu {
left: 351px;
}
.j-official-links.j-non-egu li:first-child:before {
 content:'';

}
#c-action-bar{
  text-align:right;
  padding:6px 0;
  font-size: 1.5em;
}
#c-action-bar .icon-print,
#c-action-bar .icon-bookmark {
  cursor: pointer;
}
#c-action-bar .icon-print:focus,
#c-action-bar .icon-print:hover,
#c-action-bar .icon-bookmark:focus,
#c-action-bar .icon-bookmark:hover {
  color: #1F277F; /* Template color: content-links */
}
/*
==================== MENU =========================== */

#page_colum_left_container > .j-navigation:first-child {
    margin-top: 0px !important;
}

.j-navigation {
  margin-top:20px;
}
.j-navigation ul {
  list-style-type: none;
  margin:0;
  padding: 0;
}

.j-navigation .menu_level1 li {
  background-color:#61A429; /* Template color: nav-bg-primary */
  color:#fff; /* Template color: nav-link-primary */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  margin-left:0;
  margin-right:0;
}
.j-navigation a {
  padding:3px 3px 3px 0px;
  display:block;
}
.j-navigation a.active_menuitem {
 text-decoration:underline;
}
.j-navigation a.link_level1 {
  padding-left:6px;
}
.j-navigation .menu_level1 li:not(:last-child) {
  margin-bottom: 3px;
}

.j-navigation .menu_level2 {
  background-color: #fff; /* Template color: nav-bg-secondary */
  color:#6a6a6a; /* Template color: nav-link-secondary */
  padding-left:0;
}
.j-navigation .menu_level2 li {
  border:none;
  background-color: #fff; /* Template color: nav-bg-secondary */
  color:#6a6a6a; /* Template color: nav-link-secondary */
  margin-left:18px;
  list-style:square;
}
.j-navigation .menu_level2 li a{
  color:#6a6a6a; /* Template color: nav-link-secondary */
}

.j-navigation .menuitem_level2:last-child {
 padding-bottom:12px;
}
.j-navigation a{
  color:#fff; /* Template color: nav-link-primary */
  text-decoration: none;
}
.j-navigation a:focus,
.j-navigation a:hover,
.j-navigation a:active {
  text-decoration: underline;
}

/*
==================== CONTENT =========================== */
.c-action-bar {
    vertical-align: top;
}
 
 .j-content h2:first-child,
 .j-content .h2:first-child {
  margin-top:4px;
 }
 .j-content h2,
 .j-content .h2 {
  font-size: 16px;
 }
 .j-content h3,
 .j-content .h3 {
  font-size: 13px;
 } 
 .j-content h2,
 .j-content .h2,
 .j-content h3,
 .j-content .h3 {
  color: #1F277F;  /* Template color: content-titels */
 }
 .j-content a{
  color: #1F277F; /* Template color: content-links */
 }
 .j-content a.article-title:visited {
  color: #1F277F !important; /* Template color: content-links */
 }
 .j-content a {
  text-decoration:none;
 }
 .j-content a:hover,
 .j-content a:focus,
 .j-content a:active {
  text-decoration:underline; 
} 
 .j-content ul {
  list-style-type: square;
 }
.j-content h3 + .answer + h2,
.j-content .h3 + .answer + .h2 {
 margin-top:1em;
}
 
.j-content li:not(last-child) 
{
 margin-bottom:1em;
}

 .j-content li,
 .j-content p {
  line-height:17px;
 }
#page_content_container {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}
/*
==================== UI elements general =========================== */
.j-content .ui-button__standard {

 text-decoration:none;

 border-width:1px;
 border-style:solid;
 border-radius:3px;
 margin:0;
 padding:4px;
 line-height:17px;

 border-color:DarkViolet;
 color:GoldenRod; 
 background-color:ForestGreen;

}
.j-content .ui-button__standard:hover, 
.j-content .ui-button__standard:focus {

 text-decoration:none;

 border-color:IndianRed;
 color:LavenderBlush; 
 background-color:MediumOrchid; 
 
 -webkit-box-shadow: 3px 3px 6px 0px rgba(106,106,106,1);
 -moz-box-shadow: 3px 3px 6px 0px rgba(106,106,106,1);
 box-shadow: 3px 3px 6px 0px rgba(106,106,106,1);

}
/*
==================== WIDGET general =========================== */
.j-widget {
  max-width: 184px;
  margin-top:20px;
}
.j-widget fieldset,
.j-widget__max fieldset {
 margin:0;
 padding:0;
}

#recent_paper_right_column,
.j-login-box,
.j-abstract-indexed,
.j-sponsoring,
.j-affiliations,
.j-site-search,
.j-library-search,
.j-metrics-widget,
.j-announcements,
.j-widget fieldset,
.j-widget__max fieldset {
    padding:6px;
}
 
.j-widget ul,
.j-widget__max ul {
  list-style-type: square;
}
.j-metrics-widget,
.j-recent-paper,
.j-announcements,
.j-abstract-indexed,
.j-sponsoring,
.j-affiliations,
.j-site-search,
.j-library-search,
.j-login-box,
.j-widget input,
.j-widget__max input,
.j-widget button,
.j-widget__max button,
.j-widget select,
.j-widget__max select,
.j-widget fieldset,
.j-widget__max fieldset {
  border:1px solid #6a6a6a; /* Template color: widget-primary-border */
  background-color:#fff; /* Template color: widget-primary-bg */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  

}
.j-widget label,
.j-widget__max label,
.j-widget legend,
.j-widget__max legend {
  color:#1F277F; /* Template color: widget-title */
  font-weight:bold;
}

.j-metrics-widget h2,
.j-metrics-widget .h2,
.j-recent-paper h2,
.j-recent-paper .h2,
.j-announcements  strong,
.j-abstract-indexed  strong,
.j-sponsoring strong,
.j-affiliations strong,
.j-site-search .j-widget__legend,
.j-library-search .j-widget__legend,
.j-widget legend,
.j-widget__max legend {
  padding: 0 4px;
}
 
.j-widget__legend {
 margin-bottom:8px;
}
.attention-box {
background-color:#F5F5F5;
border-left:5px solid #1F277F;
border-radius:3px; 
padding: 10px; 
margin-top: 0.5em; 
margin-bottom: 2em;
}
/*
==================== WIDGET Journal metric =========================== */

 .j-metrics-widget ul{
  border: 1px solid #6a6a6a; /* Template color: widget-primary-border */
  list-style-type: none;
 padding: 0 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
 }
 .co_journal_metrics_value_label_per_row {
 font-weight:bold;
} 
.co_journal_metrics_footer {
 margin-top:-6px;
}

.co_journal_metrics_footer a:before {
    content:'';
    background-image:url(http://www.hydrology-and-earth-system-sciences.net/graphic_grey_right_symbol.png);
    background-repeat:no-repeat;
        background-position: left center;
    width:20px;
        padding-right: 12px;

}
.co_journal_metrics_footer a,
.co_journal_metrics_footer a:active {
 text-decoration:none;
}
.co_journal_metrics_footer a:focus,
.co_journal_metrics_footer a:hover {
 text-decoration:underline;
}
 .j-metrics-widget li {
  list-style: none;
  min-height:46px;   
  position: relative;
 }
.j-metrics-widget li:not(:last-child) {
 border-bottom: 1px solid #6a6a6a; /* Template color: widget-primary-border */
}
 
 .j-metrics-widget li span {
   left: 63px;
   overflow:hidden;
 } 
 .j-metrics-widget li span,
 .j-metrics-widget li img {
    display: inline-block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
 }

.j-metrics-widget li span.co_journal_metric_linebreak {
  line-height: 18px; /*23px;*/
  margin-top: 5px;
} 
.j-metrics-widget li span, 
.j-metrics-widget li img {
    line-height: 46px;
}

/*
==================== WIDGET Abstracted/indexed =========================== */
#journal_metrics,
#recent_paper_right_column,
#announcements,
#abstract_indexed,
#affiliations,
#sponsoring {
  position: relative;
}
.j-metrics-widget h2,
.j-recent-paper h2,
.j-metrics-widget .h2,
.j-recent-paper .h2,
.j-announcements  strong,
.j-abstract-indexed  strong,
.j-sponsoring strong,
.j-affiliations strong,
.j-site-search .j-widget__legend,
.j-library-search .j-widget__legend {
  display:inline-block;
  color:#1F277F; /* Template color: widget-title */
  background-color:#fff; /* Template color: widget-primary-bg */
  font-weight:bold;
}
.j-abstract-indexed ul,
.j-announcements ul {
  padding-left:14px;
}
.j-abstract-indexed li:not(:last-child) {
  margin-bottom: .5em;
}
.j-abstract-indexed a,
.j-abstract-indexed a:active,
.j-sponsoring a,
.j-affiliations a:active {
 text-decoration:none;
}
.j-abstract-indexed a:focus,
.j-abstract-indexed a:hover {
 text-decoration:underline;
}
/*
==================== WIDGET Abstracted/indexed =========================== */
 .j-announcements a {
  text-decoration: none;
}
 .j-announcements a:hover,
 .j-announcements a:focus,
 .j-announcements a:active {
  text-decoration: underline;
}
 .j-announcements li:not(:last-child) {
  margin-bottom: 3px;
 }
 /*
==================== WIDGET Recent paper =========================== */
.j-metrics-widget h2,
.j-recent-paper h2,
.j-metrics-widget .h2,
.j-recent-paper .h2 {
  font-size:12px;
  margin-top: 0;
  margin-bottom: 0;
}
.jo_recent-paper .a-paper,
.j-recent-paper .a-paper:not(:last-child) {
    border-bottom: 1px solid #6a6a6a; /* Template color: widget-primary-border */ 
}
.jo_recent-paper .a-paper,
.j-recent-paper .a-paper {
    margin-top:1em;  
}
.j-recent-paper a {
  text-decoration: none;
}
.j-recent-paper a:hover,
.j-recent-paper a:focus {
  text-decoration: underline;
}

.jo_recent-paper .header,
.j-recent-paper .header {
  position: relative;
}

.jo_recent-paper .publishing-date,
.j-recent-paper .publishing-date {
  position: absolute;
  right:0;
}
.jo_recent-paper .publishing-date {
  font-weight: normal;
}
.jo_recent-paper .journal-type,
.j-recent-paper .journal-type {
  font-weight:bold;
}
.jo_external-website span {
    display: none !important;
    visibility: hidden;    
}

.jo_recent-paper .article-header a {
  text-decoration: none;
}

 /*
==================== WIDGET Login box =========================== */
.j-login-box .g-text,
.j-login-box .g-press,
.j-login-box label {
  display: inline-block;
  height:20px;
  line-height: 20px;  
  vertical-align: middle;
}

.j-login-box label {
  width: 70px;
}
.j-login-box .row-item:not(:last-child) {
  margin-bottom:.5em;
}
.j-login-box .g-press {
  width:20px;
   padding: 0;
}
.j-login-box .j-link-collection {
  font-size:10px;
}
#user {
  width:67px;
}
#passwd {
  width: 91px;
}

.j-login-box a:before {
 content:'';
 background-image: url(http://www.hydrology-and-earth-system-sciences.net/template_link-icon_6x7.png);
 background-repeat: no-repeat;
 padding-right:9px;
 width:13px;
 background-position: left center;
}
.j-login-box a,
.j-login-box a:active {
 text-decoration:none;
 vertical-align: middle;
}
.j-login-box a:focus,
.j-login-box a:hover {
 text-decoration:underline;
}
 /*
==================== WIDGET Quicklaunch =========================== */ 
.jo_quicklaunch-bar {
  position: relative;
  height:31px;
}
.jo_quicklaunch-bar a {
  position: absolute;
}
.jo_quicklaunch-bar a:last-child {
  right:0;
}
 /*
==================== WIDGET Site search =========================== */ 
.j-site-search input,
.j-site-search button {
  vertical-align: middle;
}
.j-site-search input {
  width: 137px;
}
.j-site-search .g-press {
  width:20px;
  height:20px;
  line-height: 20px;
  text-align: center;  
  padding:0;
}
.j-site-search .g-press span {
  vertical-align: middle;
}

 /*
==================== WIDGET Article search =========================== */ 

.j-library-search { 
  border: 1px solid #61A429; /*   Template color: widget-inverse-border */
  background-color: #61A429; /* Template color: widget-inverse-bg */
}
.j-library-search .jo_search {
  display: block;
  margin-bottom: 0.5em;
  width: 166px;  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;  
 border-color:#fff; /* Template color: widget-primary-bg */ 
}
.j-library-search select {
  width: 141px;
  border-color:#61A429; /*   Template color: widget-inverse-border */
  padding-left:1px;
}
.j-library-search option {
 color:#6a6a6a; /* Template color: content-text */
}
.j-library-search .j-widget__legend {
  color:#fff; /* Template color: widget-inverse-text  */
  background-color: #61A429; /* Template color: widget-inverse-bg */
}
.j-library-search select,
.j-library-search button {
  display: inline-block;
  vertical-align: middle;
}
 
.j-library-search .jo_button {
  width:20px;
  height:20px;
  line-height: 20px;
  text-align: center;  
  border-color:#61A429; /* Template color: widget-inverse-border */
   padding: 0;
}
.j-library-search .jo_button span {
  vertical-align: middle;
  padding-left:3px;
}

/*
==================== WIDGET Titter custom =========================== */
.j-widget__twitter-custom {
  margin-top: 20px;
}

.j-widget__twitter-custom .twitter-follow-button {
 display:block;
 
 border: 1px solid #6a6a6a;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;  
 padding: 6px;

 text-decoration:none;
}

.j-widget__twitter-custom .twitter-follow-button:hover .link-text{
 text-decoration:underline;
}

.j-widget__twitter-custom .icon--twitter,
.j-widget__twitter-custom .link-text  {
 display: inline-block;
 vertical-align: top;
}
.j-widget__twitter-custom .icon--twitter {
 color: #1B95E0;
 font-size: 2.6em;
}
.j-widget__twitter-custom .link-text {
 color:#1F277F; /* Template color: widget-title */
 font-weight:bold;
}

.lt-ie8 .j-widget__twitter-custom .icon--twitter {
 display:none;
 height:0;
}

/*
================ PUBLICATIONS LOGO ======================= */ 
.j-publications-logo {
  margin-top:-1px;
  display:block;
}


/*
================ ESSENTIAL LOGOS ======================= */ 
.essentential-logos {
 padding:0;
 margin:0;
}
.essentential-logo {
 padding:0;
 margin:0 6px 0 0;
}
.essentential-logo:last-child {
 margin-right:0;
}
.essentential-logos {
 list-style-type:none;
 vertical-align:middle;
 min-height:51px;
}
#essentential-logos-carousel {
 text-align:center;
 margin-top:24px;
}
.essentential-logos,
.essentential-logo  {
 
    display: -moz-inline-stack; /* FF2 */
    display: inline-block; /* ab CSS 2.1 */
    zoom: 1; /* hasLayout für IE6 u. IE7 */
    *display: inline; /* für IE6 u. IE7 */
}

.essential-logo__link-hidden {
 display:none;
 height:0;
 width:0;
}

 /*
==================== ICON FONT =========================== */ 

@font-face {
  font-family: 'jfont';
  src: url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.eot?v=4.5.0');
  src: url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('http://cdn.copernicus.org/fonts/FontAwesome/4.5.0/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.j-icon {
  display: inline-block;
  font: normal normal normal 12px/1 jfont;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a .j-icon {
 text-decoration:none !important;
 color: #6a6a6a; /* Template color: content-text */
}

.icon-search:before {
  content: "\f002";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-share-square-o:before {
  content: "\f045";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-sign-in:before {
  content: "\f090";
}
.icon-floppy-o:before {
  content: "\f0c7";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-desc:before {
  content: "\f0dd";
}
.icon-sort-asc:before {
  content: "\f0de";
}
.icon-lightbulb-o:before {
  content: "\f0eb";
}
.icon-twitter:before {
  content: "\f099";
}

/*
==================== SOCIAL ICONS ====================*/
.social-icons
{
 margin-top:20px;
}
.social-icons a 
{
    font-size:34px;
    text-decoration:none;
  color: #dfdfdf;
}
.social-icons a:first-child 
{
 margin-right: -7px;
}

.social-icons-large-2
{
 text-align: center;
}
.social-icons-large-2 a
{
 font-size: 50px;
}
.social-icons-large-2 a:first-child
{
 margin-right: 7px;
}

#twitter-widget-0
{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
/*
==================== REVIEW TIMES MODULE ====================*/

.review-times-visualization--container 
{
 text-align:center;
}
/*
==================== HELPER ====================*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.h-silent-link {
 text-decoration:none !important;
}

.h-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/*
==================== FIXES ====================*/
 

.lt-ie9 #w-wrapper {
 height:auto;
 min-height:800px;
 border:1px solid #6a6a6a; /* Template color: website-shadow  */
}

.lt-ie9 .j-navigation .menu_level1 li {
    margin-bottom: 3px;
}
.lt-ie9 #login_box {
  margin-top:17px;
}

.lt-ie9 .j-additional-nav .j-link-list li {
    padding-right: 3px;
}

.lt-ie9 .j-abstract-indexed li {
    margin-bottom: 0.5em;
}
.lt-ie9 .icon-sign-in:before {
    content: "";
}
.lt-ie9 .j-icon.icon-sign-in {
  font-family: sans-serif;
  background-image: url(http://www.hydrology-and-earth-system-sciences.net/jfont_sign-in_24.png);
  background-repeat: no-repeat;
  background-position: -3px -2px;
  display: block; 
  width:20px;
  height:20px;
  margin:-1px 0 0 -8px;
  padding:0;
}
.lt-ie9 #login_box .row-item {
  margin-bottom: 0.5em;
}
.lt-ie9  .get_users_by_group_result_url .co_external_link_icon:after  {
  content: "";
  font-family: sans-serif;
  padding: 0;
  font-size: 12px;
}
 
.lt-ie9 .jo_quicklaunch-bar a {
zoom: 1; /* hasLayout für IE6 u. IE7 */
    *display: inline; /* für IE6 u. IE7 */
 position:relative;
}
.lt-ie9 .j-login-box .g-press .icon-sign-in {
margin-left:2px;
}
 
html.lt-ie8,
.lt-ie8 body,
.lt-ie8 #w-wrapper,
.lt-ie8 #w-body,
.lt-ie8 #page_colum_left_container, 
.lt-ie8 #c-wrapper,
.lt-ie8 #page_colum_right_container { 
    height:100%;
}
.lt-ie8 #page_colum_left_container,
.lt-ie8 #page_colum_right_container {
 height:84%;
}
.lt-ie8 #w-wrapper,
.lt-ie8 #w-body {
 display:block;
}
.lt-ie8 #w-body {
 position:relative;
}
.lt-ie8 #page_colum_left_container, 
.lt-ie8 #c-wrapper,
.lt-ie8 #page_colum_right_container {
  display:block;
  position:absolute;
}

.lt-ie8 #c-wrapper {
 left:207px;
}
.lt-ie8 #page_colum_right_container {
 right:0;
}

.lt-ie8 .j-notification {
 display:block;
 width:400px;
}
.lt-ie8 .j-label-text {
 display:block;
 max-width:900px;
} 

/*
       Publisher styles              */

.w-sidebar .box.first {
    margin-top: 0;
}

.co_pub_box_legend {
     color: #1F277F; /* Template color: widget-primary-title   */
     font-weight:bold;
     padding: 0px 4px;
     margin-left: 4px;
}

.w-sidebar .box fieldset {
    background-color: #fff; /* Template color: widget-primary-bg  */
    border: 1px solid #6a6a6a; /* Template color: widget-primary-border  */
    border-radius: 3px;
}

.w-sidebar .box .content {
 background-color: #fff; /* /Template color: widget-primary-bg */
 color: #1F277F; /* Template color: widget-primary-text  */
}
.w-sidebar .box #search-type,
.w-sidebar .box #search-query {
    color:#1F277F; !important; /* Template color: widget-primary-text  */
    border: 1px solid #6a6a6a !important; /* Template color: widget-primary-border  */
    border-radius: 3px !important;
}
.w-sidebar .box ul.additional_info {
 list-style-type:square;
 list-style-image:none;
}

/** box first is a inverse widget **/
.w-sidebar .box.first .co_pub_box_legend {
   color: #fff;  /* Template color: widget-inverse-text */
   background-color: #61A429;/* Template color: widget-inverse-bg */
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 10px;
   float:left;
}
.w-sidebar .box.first fieldset {
 background-color: #61A429; /* Template color: widget-inverse-bg */
 border: 1px solid #61A429; /* Template color: widget-inverse-border */
}

.w-sidebar .box.first #search-type,
.w-sidebar .box.first #search-query {
    border-color: #fff !important;  /* /Template color: widget-primary-bg */ 
}
.w-sidebar .box.first .content {
 background-color: #61A429; /* Template color: widget-inverse-bg */
}


#c-wrapper .box-related-articles h2.open, 
#c-wrapper .box-metrics h2.open,
#c-wrapper .box-related-articles h2.close, 
#c-wrapper .box-metrics h2.close,
.pb_article_title,
#c-wrapper .h2 ,
.app_search .h2 {
  color:#1F277F !important; /* Template color: content-titels */
}
#c-wrapper .pb_toc_text,
#c-wrapper .pb_toc_year,
#c-wrapper .pb_toc_publish_date,
#c-wrapper .pb_toc_pages,
#c-wrapper h3.metrics-crossref-headline, 
#c-wrapper h3.metrics-headline,
#c-wrapper .pb_toc_article_title,
#c-wrapper .pb_toc_authors,
#c-wrapper ul.articles a,
.pb_citation_header,
.pb_affiliations,
.pb_abstract,
.pb_toc_link,
.pb_toc_article_title,
.pb_authors {
 color:#6a6a6a !important; /* Template color: content-text */
}

.volumens-issues .pb_toc_link a,
.special-issue .pb_toc_link a {
	background-image:none !important;
	margin-left: 0;
	padding-left: 0;	
}
.pb_toc_link a.link2Abstract {
 margin-left:-5px;
}

#publisher ul.tabnav {
 padding: 7px 0;
}
#publisher ul.tabnav li.active a {
background-color: #fff; /* Template color: content-bg */
color: #6a6a6a; /* Template color: content-text */
}

#related-authors-articles-wrapper, 
#related-subjects-articles-wrapper, 
#cited-articles-wrapper, 
#metrics-viewed-wrapper, 
#metrics-cited-wrapper, 
#metrics-discussed-wrapper, 
#metrics-saved-wrapper  {
 border: 1px solid #6a6a6a !important; /* Template color: content-text */
}

#author-switch-first input[type="radio"],
#author-switch-all input[type="radio"]{
 margin-right:6px;
}
.app_search .h2 {
 font-size:16px;
 margin-top:4px;
}
.app_search input,
.app_search select {
  color:#6a6a6a; /* Template color: content-text */
  border-color:#6a6a6a; /* Template color: content-text */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
}
.app_search input[type="submit"] {
 padding:3px 6px;
 border:1px solid #6a6a6a; /* Template color: content-text */
 background-color: #fff; /* Template color: content-bg */
}
.app_search input[type="submit"]:hover, 
.app_search input[type="submit"]:focus {
 background-color:#6a6a6a; /* Template color: content-text */
 color: #fff; /* Template color: content-bg */
} 
.app_search .search_result .pb_toc_link a {
 margin-left:0;
} 
.articleDates{text-align:center;margin-bottom:24px}
.publishedDateAndMsType{
margin-top:10px;
margin-bottom:10px;
width: 100%;
float:left;
}
.publishedDateAndMsType div{
    width:50%;
    display: inline-block;
    float:left;
}
.publishedDateAndMsType:after{
clear:both;
}
.msType{
text-align: left;
font-weight:bold;
}
.publishedDate{
text-align: right;
}
/**
 graphic is from global 
*/
.triangle,
.pb_toc_link a,
a.apl_addon_standard_action_link  {
background-image: url(http://www.hydrology-and-earth-system-sciences.net/graphic_grey_right_symbol.png);
background-repeat: no-repeat;
padding-left: 10px;
background-position: left center;
}
.pb_manuscript_status {
 margin-left:-5px;
}
.pb_short_summary img,
#si_info img {
  padding-left:2px !important;
}
/* editor */

.edt_iframe_body {
 background-color:#fff; /* Template color: content-bg */
}

.edt_window input[type="radio"],
.edt_window input[type="checkbox"] {
margin-right:4px; 
}
/**
ADMINspecific
*/
.j-admin-frame-login {
 min-height:180px !important;
}
/**
EGU specific - journal pop up **/ 
#journal_popup_container {
  border: 1px solid #6a6a6a;  /* Template color: content-text */
  background-color: #fff;  /* Template color: content-bg  */

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;   

  box-shadow: 0 0 5px #6a6a6a; /* Template color: website-shadow */

  width: 190px; 
  position: absolute;  
  z-index: 555; 
  padding-top: 5px; 
  margin-right: 5px; 
 top: 134px;
 left: 270px;
}
#journal_popup_close {
 background-image: url(http://www.hydrology-and-earth-system-sciences.net/graphic_red_close_button.gif);
 background-repeat: no-repeat;
 display: inline-block;
 float: right;
 margin-right: 12px;
 height:15px;
 width:15px;
}
#journal_popup_content {
 list-style-type:square;
 margin-left:0;
 padding-left: 18px;
 padding-right: 12px;
}

#journal_popup_content li {
 margin-bottom:6px;
}
#journal_popup_content a {
 text-decoration:none;
}

#journal_popup_content a:hover,
#journal_popup_content a:focus {
 text-decoration:underline;
}

.co_function_get_co_login
{
 margin-top: 30px!important;
}


/*
================ Journal Colors ======================= */

.journal-contentFontColor
{
	color: #6a6a6a;
}
.journal-contentLinkColor
{
	color: #1F277F;
}
.journal-menuFontColor
{
	color: #fff;
}
.journal-menuBackgroundColor
{
	background-color: #61A429;
}
.feature.active
{
	fill: #61A429;
}

/*Review status box*/
fieldset.co_pub_discussion_paper_status_box 
{
    background-color: #fff;
    border: 1px solid #61A429; /* Template color: menu-background */
}


/* RSS feed boxes in journals */
.j-rssFeeds 
{
    float: right;
    padding-left: 1em;
}

/* twitter fix #7715 */
.social-icons > a.twitter-follow-button
{
    font-size: 11px !important;
    font-weight: 500 !important;

    display: block;

    width: 153px;
    height: 20px;
    margin: 0 auto;
    padding: 2px 8px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
    text-decoration: none !important;

    color: rgb(255, 255, 255) !important;
    border-radius: 3px;
    background-color: rgb(27, 149, 224);
}