html, body {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    color: MediumPurple;
    background-color: #dfdfdf;
    max-width: 1280px;
}

a {
    color: MediumPurple;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

p {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

#page_header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 133px;
    min-width: 1024px;
    max-width: 1280px;
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_header_bottomline.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #ffffff;
    z-index: 20;
}

#page_header_main {
    background-repeat: repeat-x;
    background-position: top left;
    height: 101px;
    margin: 0;
    padding: 0;
}

#page_header_cover {
    position: absolute;
    top: 0px;
    left: 41px;
    width: 103px;
    height: 130px;
    background-repeat: no-repeat;
    z-index: 200;
}

#page_header_main #page_header_main_headlines {
    padding-left: 197px;
    padding-top: 30px;
}

#page_header_main #page_header_main_headlines h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#page_header_main #page_header_main_headlines h2 {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    padding: 0;
    padding-left: 2px;
}

#page_header_main_right_b0x {
    position: absolute;
    top: 24px;
    right: 5px;
    text-align: right;
    z-index: 100;
}

#page_colum_right_box div {
    margin-bottom: 1px;
}

#page_header_footer_navigation .menueoben_additional {
    display: none;
}

#page_header_footer {
    margin-top: 1px;
    margin-bottom: 1px;
    height: 27px;
    font-size: 11px;
    padding-top: 1px;
}

#page_header_footer a {
    text-decoration: none;
}

#page_header_footer a:hover {
    text-decoration: underline;
}

#page_header_footer_contact,
        #page_header_footer_imprint {
    text-decoration: none;
    float: right;
    line-height: 28px;
    margin-top: -1px;
    margin-right: 3px;
}

#page_header_footer_imprint {
    display: block;
}

#page_header_footer_navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 197px;
}

#page_header_footer_navigation li {
    float: left;
    padding-right: .5em;
    line-height: 28px;
    margin-top: -1px;
}

#page_columntable {
    height: 100%;
    border-collapse: separate;
    -ms-box-shadow: 0 0 5px #888888;
    box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
    -moz-box-shadow: 0 0 5px #888888;
}

#page_columntable,
#page_columntable .page_columntable_colum {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.page_colum {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    padding-top: 167px;
}

.page_colum h4 {
    font-weight: normal;
    font-size: 12px;
}

#page_colum_left {
    margin: 0;
    width: 196px;
    border-left: none;
}

#page_navigation_left ul {
    margin: 0;
    padding: 0;
    margin-left: 7px;
    list-style-type: none;
}

#page_navigation_left li {
    margin: 0;
    margin-bottom: 5px;
    font-size: 12px;
    padding-left: 6px;
    width: 173px;
}

#page_navigation_left li a {
    text-decoration: none;
    display: block;
    width: 168px;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
}

#page_navigation_left li a:hover {
    text-decoration: underline;
}

#page_navigation_left ul ul {
    margin: 0;
    padding: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 10px;
    margin-left: -6px;
    padding-left: 6px;
    list-style-type: none;
    width: 173px;
    background-repeat: no-repeat;
}
        /* FF listmargin hack. better solution needed */
#page_navigation_left ul > ul {
    margin-left: 0;
}

#page_navigation_left ul ul li {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    margin-bottom: .5em;
    width: 150px;
    font-size: 11px;
    background-repeat: no-repeat;
}

#page_navigation_left ul ul li a {
    color: #000;
    display: inline;
    line-height: 1.2em;
    padding: 0;
}

#page_navigation_left ul ul li .active_menuitem {
    text-decoration: underline;
}
/* page colum right width is needed in iframe width as well! lovely ie6 is obfuscated about 100% width there */
#page_colum_right {
    width: 176px;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border-right: none;
}

#page_colum_right .box_headlinefield {
    width: 100%;
    text-align: right;
}

.page_colum_right_box {
    margin-bottom: 1em;
}

#copernicus_publications {
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: -2px;
    margin-bottom: 16px;
    padding: 0;
    display: block;
}

#copernicus_publications a {
    margin-left: 0px;
}

.box_headlinefield h4 {
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 6px;
    margin-left: 6px;
    text-align: left;
}

#box_news {
    width: 100%;
    text-align: left;
}

#box_news ul {
    margin: 0;
    padding: 0;
    padding-left: 22px;
    font-size: 10px;
    margin-top: 3px;
    padding-bottom: .5em;
    list-style-position: outside;
    list-style-image: url(https://www.pattern-recognition-in-physics.net/graphic_listelement_grey.gif);
}

#box_news li {
    margin-top: 5px;
}

#box_news a {
    text-decoration: none;
}

#box_news a:hover {
    text-decoration: underline;
}

#box_search form {
    margin: 0;
    padding: 0;
}

#box_search form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: right;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 1px;
}

#box_search .box_headlinefield {
    margin-bottom: 3px;
}

#box_search #searchform_library fieldset {
}

#box_search #searchform_article fieldset {
    padding-bottom: 2px;
}

#box_search fieldset label {
    float: right;
}

#box_search fieldset input {
    width: 140px;
    float: left;
    margin-left: 10px;
    padding: 2px;
    font-size: 10px;
}

#box_search fieldset .searchInputSubmit {
    width: 12px;
    height: 12px;
    display: block;
    float: right;
    margin: 0;
    margin-right: 3px;
    margin-top: 4px;
    padding: 0;
    clear: both;
    border: none;
}

#box_rss {
    height: 270px;
    width: 100%;
    text-align: left;
}

#box_rss_container {
    position: relative;
    height: 90%;
    clip: rect(10px, auto, 241px, 0px);
    overflow: hidden;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    top: 3px;
}

#box_rss_text {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    line-height: 1.3em;
    padding-left: .5em;
    padding-right: .5em;
}

#box_rss_container a {
    text-decoration: none;
}

#box_rss_container .feedItemContainer {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: .5em;
    margin-top: .5em;
}

#box_rss_container .feedItemContainer sub {
    vertical-align: sub;
    font-size: smaller;
}

#page_content {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    background-color: #ffffff;
    line-height: 17px;
    min-height: 100%;
    height: auto;
    min-width: 400px;
}
/* IE min-height hack. better solution needed */
* html #page_content {
    height: 100%;
}

#page_content #page_content_container {
    margin: 0;
    padding: 0;
    padding-top: 162px;
    padding-bottom: 4em;
}

#page_content h1 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

#page_content h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    margin-bottom: .8em;
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid MediumPurple;
}

#page_content h3 {
    margin: 0;
    padding: 0;
    margin-bottom: .5em;
    font-size: 13px;
    font-weight: bold;
}

#page_content h4 {
    margin: 0;
    padding: 0;
    margin-bottom: .5em;
    font-size: 12px;
    font-weight: bold;
}

#page_content .text_small {
    font-size: .8em;
}

#page_content .rss_button {
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Print/Bookmark Buttons */
.globalnav {
    position: relative;
    top: 140px;
    right: 0px;
}

.globalnav[class] {
/*      position: fixed;    */;
}

.globalnav a {
    display: block;
    width: 20px;
    height: 20px;
    border: 0;
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 3px;
}

#globalnav_print {
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_global_function_print.gif);
}

#globalnav_print:hover {
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_global_function_print_shadow.gif);
}

#globalnav_bookmark {
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_global_function_bookmark.gif);
}

#globalnav_bookmark:hover {
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_global_function_bookmark_shadow.gif);
}

.JSjavascriptOnly, 
.JSieOnly {
    visibility: hidden;
}

#iframe_recent_papers {
    border: 0;
    height: 270px;
    width: 175px;
    text-align: left;
    overflow: hidden;
}


/* Publisher specific and non-journal styles */
.pb_top_right_menu {
    background-image: url(https://www.pattern-recognition-in-physics.net/graphic_listelement_grey.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 13px;
    text-decoration: none;
    font-size: 11px;
}

.pb_top_right_menu:hover {
    text-decoration: underline;
}

.pb_top_right_menu:active {
    text-decoration: underline;
}

.borderLine td {
    border: 1px solid transparent;
}

.pb_toc_link a,
.intended_link {
    text-decoration: underline;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 12px;
}

#co_auth_check_authiframecontainer {
    margin-left: 7px;
    margin-bottom: 6px;
}

.twitter-follow-button {
    margin: 25px 15px 5px;
}

.co_support_person_image {
    width: 120px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf;
    padding-right: 15px;
    padding-left: 5px;
}

.co_support_person_details {
    width: 286px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf;
    padding-right: 5px;
    padding-left: 5px;
}

.co_support_person_contact {
    vertical-align: top;
    border-top: 1px solid #dfdfdf;
    padding-right: 5px;
}

.co_header_subscription {
    width: 286px;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}

.co_support_person_image,
.co_support_person_details,
.co_support_person_contact {
    border-bottom: 1px solid #dfdfdf;
}

.co_subscription_table {
    width: 100%;
    font-size: 11px;
    margin-bottom: 3em;
    padding-left: 44px;
    padding-right: 44px;
    margin-top: -1em;
}
/* Box Highlight */

.co_cms_box_highlight {
    background: none repeat scroll 0 0 Aquamarine;
    border: 1px solid #dfdfdf;
}

.co_cms_box_highlight p {
    margin: 0 !important;
    padding: 10px 15px;
}

.co_pub_box_legend {
    font-size: 12px;
    font-weight: bold;
    margin: 4px;
    padding: 0 4px;
    text-align: left;
    color: #034EA2;
}

.co_journal_metrics_widget {
    background-color: #dfdfdf;
    margin-left: 7px;
    margin-right: 9px;
    border: 1px solid #6a6a6a;
    color: #6a6a6a;
    margin-top: 25px;
    padding: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.co_journal_metrics_widget > ul {
    background-color: #fff;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #6a6a6a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.co_journal_metrics_widget li {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 1px solid #888888;
    padding: 6px;
    margin-left: 6px;
    margin-right: 6px;
    height: 40px;
    line-height: 40px;
}

.co_journal_metrics_widget li.co_journal_metrics_last_factor {
    border-bottom: 0;
}

.co_journal_metrics_title {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6a6a6a;
    letter-spacing: 1px;
    padding-left: 6px;
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 10px;
    margin: 0;
}

.co_journal_metrics_footer  a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #6a6a6a;
    padding-left: 6px;
    line-height: 13px;
}

.co_journal_metrics_footer {
    padding-top: 12px;
    padding-bottom: 1px;
}

.co_journal_metrics_value_label_per_row {
    padding-left: 6px;
}

li.co_journal_metrics_item > img, 
li.co_journal_metrics_item > span {
    display: inline-block;
    vertical-align: middle;
}

.co_journal_metrics_icon_per_row,
.co_journal_metrics_value_label_per_row {
    vertical-align: middle;
}

.co_journal_metric_linebreak {
    line-height: 18px;
}

.lt-ie7 .co_journal_metrics_widget ul {
    background-color: #ffffff;
    border: 1px solid #888888;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.lt-ie7 .co_journal_metrics_footer  a {
    color: #888888;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding-left: 6px;
    text-decoration: none;
}

#box_news a.j-news-archive-link {
 font-size:10px;
 margin-left:8px;
} 

#news_container {
margin-top:2em;
}
 
.j-news-item-thumb {
 display:block;
 float:left;
}
.j-news-item-content {
 padding-left:60px;
}
.j-news-item-header {
 position:relative;
}
#page_content .j-news-item-header h4,
.j-news-item-body {
 margin-right:8em;
}
.j-news-item-header .j-news-item-date {
 position:absolute;
 top:0;
 right:0;
 color:#6a6a6a;
}


#page_content_container h3.j-news-archive-link {
 font-size:1em;
 font-weight:normal;
}
#page_content_container h3.j-news-archive-link  a{
 color: Aquamarine;
 text-decoration:none;
 font-size:1.2em;
}
#page_content_container h3.j-news-archive-link  a:hover,
#page_content_container h3.j-news-archive-link  a:focus {
 text-decoration:underline;
}
.jo_symbol-definition-list {
list-style-type:none;
padding-left: 0;
}
.jo_symbol-definition-list img {
    vertical-align: middle;
}
#page_content .j-collapsible-section h3.toggle {
margin-top:1em;
}

/** For publisher **/
#pageViewsTable .col-5 th {
width:20%;
}
#pageViewsTable .col-6 th {
width:16.67%;
}
#pageViewsTable .col-7 th {
width:14.286%;
}

.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;
}

/** Social journal **/
.social-icons {
margin-left: 16px;
margin-top:25px;
}
.social-icons a {
 text-decoration:none;
font-size: 38px;
}
