/* CSS Beilstein-Institut */
* {
  margin: 0px;
  padding: 0px;
}

html { 
  overflow: -moz-scrollbars-vertical; 
}

body {
  color: #464646;
  font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  margin-left: 5px;
}

body.popup {
  background-color: #FFFFFF;
}

img {
  border: 0px;
}

a {
  color: #29568F;
  /* color: #464646; */
  text-decoration: none;
}

a:hover {
  color: #29568F;
  /* color: #464646; */
  text-decoration: underline;
}

a.top, a.download {
  color: #E20040;
  font-weight: bold;
}

a.download {
  font-weight: normal;
}

a.head_or_foot {
  font-weight: bold;
}

p {
  margin-bottom: 12px;
}

p.home {
  margin-bottom: 30px;
}

h1, h1 a, h1:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover {
  color: #29568F;
}

h1, h1 a, h1 a:hover {
  margin-bottom: 6px;
  font-size: 14px;
}

h1.h1_home {
  margin-bottom: 14px;
}

h2, h2 a, h2 a:hover {
  font-size: 12px;
  margin-bottom: 6px;
}

h3, h3 a, h3 a:hover {
  font-size: 11px;
  margin-bottom: 6px;
}

h4, h4 a, h4 a:hover {
  margin-bottom: 5px;
  color: #464646;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}

h5, h5 a, h5 a:hover {
  color: #464646;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 6px;
}

sup, sub {
  line-height: 0px;
}

* html sub {
  line-height: 15px;
}

* html sup {
  vertical-align: top;
}

.top {
  vertical-align: top;
}

.bottom {
  vertical-align: bottom;
}

.accessed {
  font-weight: bold;
  font-size: 11px;
  padding-left: 3px;
  position: relative;
}

.clear {
  display: block;
  line-height: 0px;
  clear: both;
}

.bold {
  font-weight: bold;
}

.blue {
  color: #29568F;
}

.line {
  border-top: solid #CCCCCC 1px;
  line-height: 1px;
}

.line_white {
  border-top: solid #FFFFFF 1px;
  line-height: 1px;
}


.bgblue {
  background-color: #E4ECF7;
}

/*** Shadow Effect ***/
.shadow_out {
  padding: 1px;
  background: #DFE9F5;
}

.shadow_middle {
  padding: 1px;
  background: #D8DCE5;
}

.shadow_in {
  padding: 1px;
  background: #D4D8E1;
}

/*** Static Content ***/
.textblock {
  margin: 30px 0px;
}

.textblock_my_journal {
  margin: 10px 0px;
}

.textblock ul {
}

.textblock ul li {
  list-style-type: none;
  padding-left: 11px;
  padding-bottom: 7px;
  background: url(../../images/dot.gif) no-repeat 0px 5px;
}

.textblock h2, .textblock p, .textblock ul, .textblock ol {
  margin-bottom: 12px;
}

.textblock ol li {
  margin-left: 23px;
  padding-bottom: 10px;
}



.last, .hint {
  margin-bottom: 0px;
}

.hint {
  margin-bottom: 10px;
}

/*** Search Result ***/

#result_text {
  margin: 10px 0px 20px 0px;
}

/*** Main Frame ***/
#frame {
  width: 993px;
  margin: 0px auto;
}

/*** Popup Frame ***/
#frame_popup {
  width: auto;
  margin: 10px;
}

/*** Header ***/
#header {
  width: 989px;
  margin-bottom: 3px;
  background-color: #FFFFFF;
}

#header .header_home {
  background: #FFFFFF url(../../images/bjoc/background/header_home_current.jpg) no-repeat;
}
/*
#header .header_article {
  background: #FFFFFF url(../images/background/header_article.jpg) no-repeat;
}

#header .header_browse {
  background: #FFFFFF url(../images/background/header_browse.jpg) no-repeat;
}
*/

/*** Meta Navigation ***/
#metanavi {
  height: 20px;
  padding-top: 9px;
  text-align: right;
}

#metanavi ul {
  margin-right: 6px;
}

#metanavi ul li {
  margin-left: 2px;
  display: inline;
  list-style-type: none;
}

#metanavi ul li a {
  color: #464646;
  font-size: 10px;
  font-weight: normal;
}

/*** Logo ***/
#logo {
  height: 122px;
  text-align: right;
}
#logo img {
  margin-top: 23px;
  margin-right: 57px;
}

/*** Main Navigation ***/
#navigation {
  height: 25px;
  background: #909090 url(../images/bjoc/background/navigation.gif);
}

#navigation ul li {
  display: inline;
}

#navigation ul li a {
  text-decoration: none;
  display: block;
  float: left;
  height: 25px;
}

#navigation ul li#nav_home a {
  width: 55px;
  background: url(../../images/bjoc/navigation/home.gif) no-repeat;
}

#navigation ul li#nav_browse a {
  width: 118px;
  background: url(../../images/bjoc/navigation/browse.gif) no-repeat;
}

#navigation ul li#nav_manuscript a {
  width: 163px;
  background: url(../../images/bjoc/navigation/manuscript.gif) no-repeat;
}

#navigation ul li#nav_my_journal a {
  width: 88px;
  background: url(../../images/bjoc/navigation/my_journal.gif) no-repeat;
}

#navigation ul li#nav_support a {
  width: 132px;
  background: url(../../images/bjoc/navigation/support.gif) no-repeat;
}

#navigation ul li#nav_about a {
  width: 87px;
  background: url(../../images/bjoc/navigation/about1.gif) no-repeat;
}

#navigation ul li#nav_help a {
  width: 49px;
  background: url(../../images/bjoc/navigation/help.gif) no-repeat;
}
 
#navigation ul li#nav_administration a {
  width: 112px;
  background: url(../../images/bjoc/navigation/administration.gif) no-repeat;
} 
 
#navigation ul li a:hover, #navigation ul li a.active {
  margin-left: -1px;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#navigation ul li#nav_home a:hover, #navigation ul li#nav_home a.active {
  width: 54px;
  background: url(../../images/bjoc/navigation/home.gif) no-repeat;
  margin-left: 0px;
  border-left: 0px;
}

#navigation ul li#nav_home a:hover {
  background: url(../../images/bjoc/navigation/home.gif) repeat 0px 50px;
}

#navigation ul li#nav_home a.active, #navigation ul li#nav_home a.active:hover {
  background: url(../../images/bjoc/navigation/home.gif) repeat 0px 25px;
}

#navigation ul li#nav_browse a:hover, #navigation ul li#nav_browse a.active {
  width: 117px;
}

#navigation ul li#nav_browse a:hover {
  background: url(../../images/bjoc/navigation/browse.gif) repeat 0px 50px;
}

#navigation ul li#nav_browse a.active, #navigation ul li#nav_browse a.active:hover {
  background: url(../../images/bjoc/navigation/browse.gif) repeat 0px 25px;
}

#navigation ul li#nav_manuscript a:hover, #navigation ul li#nav_manuscript a.active {
  width: 162px;
}

#navigation ul li#nav_manuscript a:hover {
  background: url(../../images/bjoc/navigation/manuscript.gif) repeat 0px 50px;
}

#navigation ul li#nav_manuscript a.active, #navigation ul li#nav_manuscript a.active:hover {
  background: url(../../images/bjoc/navigation/manuscript.gif) repeat 0px 25px;
}

#navigation ul li#nav_my_journal a:hover, #navigation ul li#nav_my_journal a.active {
  width: 87px;
}

#navigation ul li#nav_my_journal a:hover {
  background: url(../../images/bjoc/navigation/my_journal.gif) repeat 0px 50px;
}

#navigation ul li#nav_my_journal a.active, #navigation ul li#nav_my_journal a.active:hover {
  background: url(../../images/bjoc/navigation/my_journal.gif) repeat 0px 25px;
}

#navigation ul li#nav_support a:hover, #navigation ul li#nav_support a.active {
  width: 131px;
}

#navigation ul li#nav_support a:hover {
  background: url(../../images/bjoc/navigation/support.gif) repeat 0px 50px;
}

#navigation ul li#nav_support a.active, #navigation ul li#nav_support a.active:hover {
  background: url(../../images/bjoc/navigation/support.gif) repeat 0px 25px;
}

#navigation ul li#nav_about a:hover, #navigation ul li#nav_about a.active {
  width: 86px;
}

#navigation ul li#nav_about a:hover {
  background: url(../../images/bjoc/navigation/about1.gif) repeat 0px 50px;
}

#navigation ul li#nav_about a.active, #navigation ul li#nav_about a.active:hover {
  background: url(../../images/bjoc/navigation/about1.gif) repeat 0px 25px;
}

#navigation ul li#nav_help a:hover, #navigation ul li#nav_help a.active {
  width: 48px;
}

#navigation ul li#nav_help a:hover {
  background: url(../../images/bjoc/navigation/help.gif) repeat 0px 50px;
}

#navigation ul li#nav_help a.active, #navigation ul li#nav_help a.active:hover {
  background: url(../../images/bjoc/navigation/help.gif) repeat 0px 25px;
}

#navigation ul li#nav_administration a:hover, #navigation ul li#nav_administration a.active {
  width: 111px;
}

#navigation ul li#nav_administration a:hover {
  background: url(../../images/bjoc/navigation/administration.gif) repeat 0px 25px;
}

#navigation ul li#nav_administration a.active, #navigation ul li#nav_administration a.active:hover {
  background: url(../../images/bjoc/navigation/administration.gif) repeat 0px 50px;
}

/*** Breadcrumb ***/
#breadcrumb {
  margin-bottom: 20px;
  font-size: 10px;        
    font-weight: normal;
}

#breadcrumb {
  position: relative;
}

* html #browse {
  position: relative;
}

#breadcrumb ul li {
  margin-right: 2px;
  display: inline;
  list-style-type: none;
}

#breadcrumb ul li a {
  color: #464646;
  font-size: 10px;
  font-weight: normal;
}

/*** Content ***/
#content {
  width: 993px;
}

/*** Left ***/
#left {
  width: 193px;
  float: left;
}

#left a {
  color: #464646;
  font-weight: normal;
}

#left #headline_search {
  background: #FFFFFF url(../../images/bjoc/headline/search.gif) no-repeat;
  text-align: right;
}

#left #advanced_search {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px 12px 7px 12px;
}

#left #advanced_search div {
  margin-top: 7px; 
}

#left #left_content {
  padding: 18px 12px 20px 12px;
  background: #FFFFFF;
}

#left ul li {
  list-style-type: none;
  margin-bottom: 5px;
}

#left ul li a:hover {
  text-decoration: underline;
}

#left ul li a.active {
  color: #E20040;
  text-decoration: none;
}

#left #left_content div.line {
  margin: 15px 0px;
}

/* Search Form */
#form_search {
  padding: 4px 5px 4px 0px;
}

* html #form_search {
  padding-top: 1px;
}

#form_search input {
  width: 100px;
  height: 15px;
  font-size: 11px;
  padding-left: 2px;
  padding-top: 2px;
  border: none;
}

#form_search input.form_image {
  width: 10px;
  height: 10px;
  padding-bottom: 5px;
  vertical-align: middle;
}

/*** Center ***/
#center, #center_wide {
  margin-left: 2px;
  float: left;
  display: inline;
}

#center {
  width: 599px;
  margin-right: 2px;
}

#center_wide {
  width: 794px;
}

#center_content {
  min-height: 500px;
  padding: 8px 10px 10px 10px;
  background: #FFFFFF;
}

* html #center_content {
  height: 349px;
}

#center_content_left {
  width: 584px;
  float: left;
}

#center_content_right {
  display: none;
}

/*** Content with three cols ***/
#center_content .center_article {
  margin-top: 10px;
  background: #EEEEEE;
}

#center_content .center_article .center_article_author {
  width: 96px;
  padding: 8px 0px 0px 10px;
  float: left;
}

#center_content .center_article .center_article_right .line_white {
  margin-left: 10px;
}

#center_content .center_article .center_article_right {
  width: 456px;
  margin-left: 110px;
}

#center_content .center_article .center_article_top {
  padding: 7px 10px 0px 10px;
  position: relative;
}

#center_content .center_article .center_buttons {
  padding-left: 10px;
  padding-bottom: 2px;
}

#center_content .center_article .center_buttons img {
  vertical-align: top;
}

#center_content .center_article .center_image,
#center_content .center_article .center_image_authors, 
#center_content .center_article .center_imagetext {
  padding: 3px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
}

#center_content .center_article .center_image {
  overflow: hidden; 
  width: 562px;
}

#center_content .center_article .center_image_authors {
  overflow: hidden; 
  width: 450px;
}


#center_content .center_article .center_imagetext {
  width: 549px;
  padding: 10px;
  text-align: left;
  float: left;
}

#center_content .center_article .center_imagetext ul {
  float: left;
}

#center_content .center_article .center_imagetext li {
  list-style-type: none;
}

#center_content .center_article .center_imagetext img {
  margin-right: 10px;
  padding-top: 2px;
  float: left;
}

#center_content .center_article .center_imagetext .text {
  /* width: 470px;
  margin-left: 82px; */
  float: left;
  display: inline;
}

#center_content .center_article .center_imagetext h5 {
  margin-bottom: 3px;
}

#center_content .center_article .center_imagetext div div div {
  float: left;
}

#center_content .center_article .center_imagetext div div div.left {
  width: 40px;
}

#center_content .center_article .center_imagetext div div div.number {
  width: 18px;
}

#center_content .center_article .center_footer {
  padding: 8px 10px;
}

#center_content .center_article .center_footer ul li {
  margin-right: 7px;
  color: #E20040;
  display: inline;
  list-style-type: none;
}

#center_content .center_article .center_footer ul li a {
  color: #E20040;
  font-weight: normal;
}

#center_content #thematic_series_info {
  padding-top: 8px;
  padding-bottom: 25px; 
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

#center_content #thematic_series_info .textimage {
  margin-top: 15px;
  height: 1%;
}

#center_content #thematic_series_info .textimage .text {
  width: 380px;
  float: left;
}

#center_content #thematic_series_info .textimage .image {
  float: right;
}

#center_content .backbutton {
  margin-top: 12px;
}

#center_content #editorialboard_detail div {
  margin-top: 12px;
}

#center_content .editorial_board_members {
  margin: 15px 0px 25px 0px;
}

#center_content .editorial_board_members div {
  min-width: 200px;
  float: left;
}

#center_content .editorial_board_members img {
  margin-left: 3px;
}

/*** Content with two cols ***/
#center_content_frame {
  position: relative;
}

#center_content_frame .nofloat {
  float: none;
}

/* Table for Article Navigation and Links */
#table_article_navigation_links {
  margin-bottom: 10px;
}

#table_article_navigation_links tr td.top {
  vertical-align: top;
  border-top: 1px solid #CCCCCC;
}

#table_article_navigation_links tr td.bottom {
  padding-bottom: 3px;
  vertical-align: bottom;
  border-bottom: 1px solid #CCCCCC;
}

#table_article_navigation_links tr td.topbottom {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  vertical-align: top;
}

#table_article_navigation_links td.first {
  width: 574px; 
}

#table_article_navigation_links tr td.spacer {
  width: 10px;
  border: none;
}

#table_editorial_board {
  margin-top: 25px;
}

#table_editorial_board td {
  height: 18px;
}

#table_editorial_board td.first {
  padding-right: 15px;
}

#table_editorial_board td h2 {
  padding-bottom: 5px;
}

#table_editorial_board td.spacer {
  height: 30px;
}

/* Article Navigation */
#article_navigation {
  margin-bottom: 10px;
  padding: 10px 0px 7px 0px;
}

#article_navigation img {
  margin-right: 3px;
}

/* Kann geloescht werden */
#article_navigation form {
  float: right;
}

#article_navigation form select {
  width: 110px;
}
/* Kann geloescht werden (Ende)) */

#article_navigation .viewtypeselect {
  float: right;
}

#article_navigation .viewtypeselect select {
  width: 110px;
}

/* Article Links */
#article_links {
  width: 184px;
  padding-top: 8px;
}

#article_links li {
  margin-bottom: 8px;
  padding-left: 25px;
  list-style-type: none;
}

#article_links a {
  color: #464646;
  font-weight: normal;
}

#article_links a:hover {
  text-decoration: underline;
}

#article_links a.active {
  color: #E20040;
  text-decoration: none;
}

/* Article Button */
#article_button {
  margin: 10px 0px 8px 0px;
}


/* Article Header */
#article_top_frame  {
  margin-bottom: 10px; 
}

#article_header {
  width: 574px;
  margin-right: 10px;
  background-color: #E4ECF7;
  font-size: 11px;
}

#article_header img {
  vertical-align: middle;
}

#article_header .title  {
  padding: 10px 10px 0px 10px; 
}

#article_header .center {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

#article_header .center .authors {
  padding: 5px 10px 5px 10px;
  
  font-weight: bold;
}

#article_header .center .address, #article_header .center .bibliographic_data {
  padding: 0px 10px 5px 10px;
}

#article_header .center .padding {
  padding: 10px;
}

#article_header .footer {
  padding: 5px 10px 6px 10px; 
}

#article_header .bibliographic_data a {
  color: #E20040;
  font-weight: normal;  
}


/* Article Publish */
#article_publish {
  width: 169px;
  padding: 10px 0px 10px 15px;
  background-color: #E4ECF7;
  font-size: 11px;
}

#article_publish .left {
  width: 80px;
  font-weight: bold;
  float: left;
}

#article_publish .right {
  float: left;
}

/* Album View */
#album_view {
  width: 574px;
}

#album_view_thumbs {
  margin: 20px 0px 10px 0px;
}

#album_view_thumbs img {
  margin-right: 10px;
  border: 1px solid #CCCCCC;
}

#album_view_image {
  margin: 10px 0px 30px 0px;
}

/* Download */
#download {
  width: 574px;
  margin: 10px 0px 5px 0px;
  background-color: #EFEFEF;
}

#download div.block {
  padding: 10px;
}

#download p {
  margin-bottom: 0px;
}

#download h2 {
  padding-bottom: 0px;
}

#download ul li {
  padding-right: 5px;
  list-style-type: none;
  display: inline;
}

#table_download_references {
  width: 574px;
  border-collapse: collapse;
}

#table_download_references th {
  text-align: left;
  color: #FFFFFF;
  background-color: #ABABAB;
}

#table_download_references td {
  background-color: #EEEEEE;
}


#table_download_references td a {
  color: #E20040;
}
#table_download_references td, th {
  padding: 3px 15px;
  border: 1px solid #FFFFFF;
}

#center_content_left .article_paragraph {
  width: 574px;
  margin-bottom: 20px;
}

#center_content_left .article_paragraph p, 
#center_content_left .article_paragraph h2,
#center_content_left .article_paragraph h3, 
#center_content_left .article_paragraph h5, 
#center_content_left .article_paragraph a.top,
#center_content_left .article_copyright {
  padding: 0px 10px;
}

#center_content_left .dsi {
  width: 574px;
  margin-bottom: 10px;
}

#center_content_left ol {
  margin-left: 28px;
}

* html #center_content_left ol {
  margin-left: 33px;
}

#center_content_left ol li {
  padding-bottom: 8px;
}

#center_content_left .article_bottom {
  width: 574px;
  margin-bottom: 10px;
  background-color: #E4ECF7;
}

#center_content_left .article_bottom .end_sections {
  background-color: #FFFFFF;
  padding: 12px 3px 12px 0px;
  margin-right: -5px !important;
}

#center_content_left .article_bottom b {
  padding-left: 0px;
}

#center_content_left .article_bottom p {
  padding-bottom: 0px;
}

#center_content_left .article_bottom .article_paragraph {
  margin-bottom: 0px;
  padding: 10px 0px;
  border-bottom: 1px solid #FFFFFF;
}

#center_content_left .article_bottom .acknowlegements {
  background-color: #FFFFFF;
  padding: 22px 3px 22px 10px;
  margin-right: -5px !important;
}



#center_content_left .article_scheme, #center_content_left .article_scheme_caption {
  padding: 10px;
  
}

#center_content_left .article_scheme_caption {
  background-color: #EEEEEE;
}

#center_content_left .article_scheme_caption {
  margin-bottom: 10px;
  padding: 5px 10px;
  border-top: 1px solid #FFFFFF;
}

#center_content_left .article_copyright {
  margin-bottom: 10px;
}





/*** Center Popup ***/ 
#center_popup .popup_navigation_buttons {
  margin-bottom: 10px;
}

#center_popup .popup_navigation_buttons div {
  margin-bottom: 5px;
}

#center_popup .popup_navigation_buttons img {
  padding-right: 10px;
}

#center_popup .article_paragraph {
  margin-top: 30px;
}

#center_popup .article_frame {
  margin-bottom: 10px;
  border: 1px solid #ABABAB;
}

#center_popup .article_frame table {
  margin-bottom: 0px;
}

#center_popup .article_frame table caption {
  margin-top: 0px;
}

#center_popup .article_scheme, #center_popup .article_scheme_caption {
  padding: 10px;
}

#center_popup .article_scheme {
  background-color: #FFFFFF;
  text-align: center;
}

#center_popup .article_scheme_caption {
  background-color: #EEEEEE;
} 

#center_popup a.top {
  padding-left: 10px;
  display: block;
}
 
#center_popup p {
  padding-left: 10px;
}
 
/*** Right ***/
#right {
  width: 193px;
  float: left;
  display: inline;
}

#right #headline_exclusive {
  height: 25px;
  background: url(../../images/bjoc/headline/exclusive.gif) no-repeat;
}

#right #right_content {
  padding: 2px 12px 0px 12px;
  background: #FFFFFF;
}

#right .imagetext {
  padding: 10px 0px;
}

#right .imagetext .image {
  margin-right: 5px;
  float: left;
  z-index: 10;
}

#right .imagetext .headline {
  width: 95px;
  height: 56px;
  margin-left: 60px;
  position: relative;
  display: block;
}

#right .imagetext .headline div {
  width: 100px;
  position: absolute; 
  bottom: 0px;
  left: 5px;
}

/* Footer */
#footer {
  padding: 13px 0px;
  text-align: center;
}

#footer li {
  margin-right: 5px;
  display: inline;
  list-style-type: none;
}

#footer li a {
  color: #464646;
  font-size: 10px;
  font-weight: normal;
}

/*** Tables ***/
table.inline_table {
  width: 100%;
  margin: 0px 0px 10px 0px;
  border-collapse: collapse;
  font-size: 11px;
}

table.inline_table caption {
  text-align: left;
  margin-top: 5px;
  padding: 4px 0px 4px 5px;
  background-color: #EEEEEE;
}

table.inline_table tr th, table.inline_table tr td {
  padding: 3px 5px;
}

table.inline_table tr th {
  color: #FFFFFF;
  background-color: #464646;
  border-bottom: 1px solid #FFFFFF;
}

table.inline_table tr td.th2 {
  color: #FFFFFF;
  background-color: #ABABAB;
  font-size: 10px;
  border: 1px solid #FFFFFF;
}

table.inline_table tr td {
  padding-left: 7px;
  font-size: 11px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #EEEEEE;
}

table.inline_table tr td.border_gray_bottom {
  border-bottom: 1px solid #ABABAB;
}

table.inline_table tr td.no_border {
  border: none;
}

table.inline_table tr td.footer {
  padding: 7px 7px 7px 5px;
}

/*** Browse Articles ***/
#browse #article_navigation_browse {
  padding: 10px 0px 7px 0px;
}

.imagetext_thematic_series {
  margin-bottom: 8px;
}

.thematic_series_overview {
  margin-bottom: 0px;
  padding: 10px 0px 8px 10px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.image_thematic_series {
  margin-right: 12px;
  float: left;
}

.text_thematic_series {
  margin-left: 74px;
}

.text_thematic_series div.table_of_contents  {
  float: left;
  width: 188px;
}

.text_thematic_series div.table_of_contents div  {
  width: 190px;
}

.text_thematic_series div.series_right_box  {
  float: left;
  width: 250px;
}

.text_thematic_series div.series_right_box div  {
  width: 280px;
}

.text_thematic_series h5 {
  margin-bottom: 3px;
}

.text_thematic_series div div div {
  width: auto;
  float: left;
}

.text_thematic_series div div div.left {
  width: 40px;
}

.text_thematic_series div div div.number {
  width: 18px;
}

.text_thematic_series div div div.text {
  width: 170px;
}

#browse_header h1 {
  width: 350px;
  float: left;
}

#browse_header div {
  margin-top: 5px;
  float: right;
}

ul#browse_buttons {
  margin-top: 20px;
  padding-bottom: 20px;
}

ul#browse_buttons li {
  display: inline;
}

ul#browse_buttons li a {
  height: 25px;
  margin-right: 1px;
  text-decoration: none;
  display: block;
  float: left;
}

ul#browse_buttons li#button_last_30_days a {
  width: 89px;
  background: url(../../images/bjoc/buttons/last_30_days.gif) no-repeat;
}

ul#browse_buttons li#button_per_year a {
  width: 64px;
  background: url(../../images/bjoc/buttons/per_year.gif) no-repeat;
}

ul#browse_buttons li#button_whole_period a {
  width: 94px;
  background: url(../../images/bjoc/buttons/whole_period.gif) no-repeat;
}

ul#browse_buttons li#button_article a {
  width: 55px;
  background: url(../../images/bjoc/buttons/article.gif) no-repeat;
}

ul#browse_buttons li#button_review a {
  width: 57px;
  background: url(../../images/bjoc/buttons/review1.gif) no-repeat;
}

ul#browse_buttons li#button_commentary a {
  width: 91px;
  background: url(../../images/bjoc/buttons/commentary.gif) no-repeat;
}

ul#browse_buttons li#button_book_report a {
  width: 89px;
  background: url(../../images/bjoc/buttons/book_report.gif) no-repeat;
}

ul#browse_buttons li#button_editorial a {
  width: 64px;
  background: url(../../images/bjoc/buttons/editorial.gif) no-repeat;
}

ul#browse_buttons li#button_last_30_days a:hover, ul#browse_buttons li#button_last_30_days a.active {
  background: url(../../images/bjoc/buttons/last_30_days_active.gif) no-repeat;
}

ul#browse_buttons li#button_per_year a:hover, ul#browse_buttons li#button_per_year a.active {
  background: url(../../images/bjoc/buttons/per_year_active.gif) no-repeat;
}

ul#browse_buttons li#button_whole_period a:hover, ul#browse_buttons li#button_whole_period a.active {
  background: url(../../images/bjoc/buttons/whole_period_active.gif) no-repeat;
}

ul#browse_buttons li#button_article a:hover, ul#browse_buttons li#button_article a.active {
  background: url(../../images/bjoc/buttons/article_active.gif) no-repeat;
}

ul#browse_buttons li#button_review a:hover, ul#browse_buttons li#button_review a.active {
  background: url(../../images/bjoc/buttons/review1_active.gif) no-repeat;
}

ul#browse_buttons li#button_commentary a:hover, ul#browse_buttons li#button_commentary a.active {
  background: url(../../images/bjoc/buttons/commentary_active.gif) no-repeat;
}

ul#browse_buttons li#button_book_report a:hover, ul#browse_buttons li#button_book_report a.active {
  background: url(../../images/bjoc/buttons/book_report_active.gif) no-repeat;
}

ul#browse_buttons li#button_editorial a:hover, ul#browse_buttons li#button_editorial a.active {
  background: url(../../images/bjoc/buttons/editorial_active.gif) no-repeat;
}

/*** Alpha-Buttons ***/

ul#browse_buttons li#button_a a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/a_normal.gif) no-repeat;
}

ul#browse_buttons li#button_b a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/b_normal.gif) no-repeat;
}

ul#browse_buttons li#button_c a {
  width: 22px;
  background: url(../../images/bjoc/buttons/abc/c_normal.gif) no-repeat;
}

ul#browse_buttons li#button_d a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/d_normal.gif) no-repeat;
}

ul#browse_buttons li#button_e a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/e_normal.gif) no-repeat;
}

ul#browse_buttons li#button_f a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/f_normal.gif) no-repeat;
}

ul#browse_buttons li#button_g a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/g_normal.gif) no-repeat;
}

ul#browse_buttons li#button_h a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/h_normal.gif) no-repeat;
}

ul#browse_buttons li#button_i a {
  width: 19px;
  background: url(../../images/bjoc/buttons/abc/i_normal.gif) no-repeat;
}

ul#browse_buttons li#button_j a {
  width: 19px;
  background: url(../../images/bjoc/buttons/abc/j_normal.gif) no-repeat;
}

ul#browse_buttons li#button_k a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/k_normal.gif) no-repeat;
}

ul#browse_buttons li#button_l a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/l_normal.gif) no-repeat;
}

ul#browse_buttons li#button_m a {
  width: 23px;
  background: url(../../images/bjoc/buttons/abc/m_normal.gif) no-repeat;
}

ul#browse_buttons li#button_n a {
  width: 22px;
  background: url(../../images/bjoc/buttons/abc/n_normal.gif) no-repeat;
}

ul#browse_buttons li#button_o a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/o_normal.gif) no-repeat;
}

ul#browse_buttons li#button_p a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/p_normal.gif) no-repeat;
}

ul#browse_buttons li#button_q a {
  width: 22px;
  background: url(../../images/bjoc/buttons/abc/q_normal.gif) no-repeat;
}

ul#browse_buttons li#button_r a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/r_normal.gif) no-repeat;
}

ul#browse_buttons li#button_s a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/s_normal.gif) no-repeat;
}

ul#browse_buttons li#button_t a {
  width: 19px;
  background: url(../../images/bjoc/buttons/abc/t_normal.gif) no-repeat;
}

ul#browse_buttons li#button_u a {
  width: 22px;
  background: url(../../images/bjoc/buttons/abc/u_normal.gif) no-repeat;
}

ul#browse_buttons li#button_v a {
  width: 23px;
  background: url(../../images/bjoc/buttons/abc/v_normal.gif) no-repeat;
}

ul#browse_buttons li#button_w a {
  width: 26px;
  background: url(../../images/bjoc/buttons/abc/w_normal.gif) no-repeat;
}

ul#browse_buttons li#button_x a {
  width: 21px;
  background: url(../../images/bjoc/buttons/abc/x_normal.gif) no-repeat;
}

ul#browse_buttons li#button_y a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/y_normal.gif) no-repeat;
}

ul#browse_buttons li#button_z a {
  width: 20px;
  background: url(../../images/bjoc/buttons/abc/z_normal.gif) no-repeat;
}

ul#browse_buttons li#button_a a:hover, ul#browse_buttons li#button_a a.active {
  background: url(../../images/bjoc/buttons/abc/a_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_b a:hover, ul#browse_buttons li#button_b a.active {
  background: url(../../images/bjoc/buttons/abc/b_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_c a:hover, ul#browse_buttons li#button_c a.active {
  background: url(../../images/bjoc/buttons/abc/c_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_d a:hover, ul#browse_buttons li#button_d a.active {
  background: url(../../images/bjoc/buttons/abc/d_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_e a:hover, ul#browse_buttons li#button_e a.active {
  background: url(../../images/bjoc/buttons/abc/e_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_f a:hover, ul#browse_buttons li#button_f a.active {
  background: url(../../images/bjoc/buttons/abc/f_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_e a:hover, ul#browse_buttons li#button_e a.active {
  background: url(../../images/bjoc/buttons/abc/e_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_f a:hover, ul#browse_buttons li#button_f a.active {
  background: url(../../images/bjoc/buttons/abc/f_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_g a:hover, ul#browse_buttons li#button_g a.active {
  background: url(../../images/bjoc/buttons/abc/g_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_h a:hover, ul#browse_buttons li#button_h a.active {
  background: url(../../images/bjoc/buttons/abc/h_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_i a:hover, ul#browse_buttons li#button_i a.active {
  background: url(../../images/bjoc/buttons/abc/i_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_j a:hover, ul#browse_buttons li#button_j a.active {
  background: url(../../images/bjoc/buttons/abc/j_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_k a:hover, ul#browse_buttons li#button_k a.active {
  background: url(../../images/bjoc/buttons/abc/k_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_l a:hover, ul#browse_buttons li#button_l a.active {
  background: url(../../images/bjoc/buttons/abc/l_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_m a:hover, ul#browse_buttons li#button_m a.active {
  background: url(../../images/bjoc/buttons/abc/m_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_n a:hover, ul#browse_buttons li#button_n a.active {
  background: url(../../images/bjoc/buttons/abc/n_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_o a:hover, ul#browse_buttons li#button_o a.active {
  background: url(../../images/bjoc/buttons/abc/o_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_p a:hover, ul#browse_buttons li#button_p a.active {
  background: url(../../images/bjoc/buttons/abc/p_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_q a:hover, ul#browse_buttons li#button_q a.active {
  background: url(../../images/bjoc/buttons/abc/q_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_r a:hover, ul#browse_buttons li#button_r a.active {
  background: url(../../images/bjoc/buttons/abc/r_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_s a:hover, ul#browse_buttons li#button_s a.active {
  background: url(../../images/bjoc/buttons/abc/s_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_t a:hover, ul#browse_buttons li#button_t a.active {
  background: url(../../images/bjoc/buttons/abc/t_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_u a:hover, ul#browse_buttons li#button_u a.active {
  background: url(../../images/bjoc/buttons/abc/u_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_v a:hover, ul#browse_buttons li#button_v a.active {
  background: url(../../images/bjoc/buttons/abc/v_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_w a:hover, ul#browse_buttons li#button_w a.active {
  background: url(../../images/bjoc/buttons/abc/w_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_x a:hover, ul#browse_buttons li#button_x a.active {
  background: url(../../images/bjoc/buttons/abc/x_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_y a:hover, ul#browse_buttons li#button_y a.active {
  background: url(../../images/bjoc/buttons/abc/y_normal.gif) repeat 0px 25px;
}

ul#browse_buttons li#button_z a:hover, ul#browse_buttons li#button_z a.active {
  background: url(../../images/bjoc/buttons/abc/z_normal.gif) repeat 0px 25px;
}

/*** Forms ***/
/* Buttons */
#center_content form input.send,
#center_content form input.cancel,
#center_content form input.save,
#center_content form input.edit,
#center_content form input.back,
#center_content form input.update,
#center_content form input.login,
#center_content form input.search,
#center_content form input.clear_serch_values {
  height: 16px;
  margin: 0px;
  vertical-align: bottom;
  border: none;
}

#center_content form input.send,
#center_content form input.save,
#center_content form input.edit {
  margin-right: 5px;
}

#center_content form input.send {
  width: 37px;
  /*background: url(../../images/bjoc/buttons/send.gif) no-repeat;*/
}

#center_content form input.cancel {
  width: 47px;
  /*background: url(../../images/bjoc/buttons/cancel.gif) no-repeat;*/
}

#center_content form input.save {
  width: 37px;
  /*background: url(../../images/bjoc/buttons/save.gif) no-repeat;*/
}

#center_content form input.edit {
  width: 31px;
  height: 16px;
  background: url(../../images/bjoc/buttons/edit.gif) no-repeat;
}

#center_content form input.back {
  width: 43px;
  background: url(../../images/bjoc/buttons/back.gif) no-repeat;
}

#center_content form input.update {
  width: 47px;
  background: url(../../images/bjoc/buttons/update.gif) no-repeat;
}

#center_content form input.login {
  width: 38px;
  /*background: url(../../images/bjoc/buttons/login.gif) no-repeat;*/
}

#center_content form input.search {
  width: 38px;
  background: url(../../images/bjoc/buttons/search.gif) no-repeat;
}

#form_advanced_search {
  margin-top: 10px;
}

#login_fields, 
#my_details_fields, 
#register_user_fields, 
#my_details_readonly_fields, 
#change_password_fields,
#password_forgotton_fields {
  height: 1%;
  margin-bottom: 10px;
  padding: 15px 10px 12px 10px;
  background-color: #EEEEEE;
}

#advanced_search_fields {
  height: 1%;
  margin-bottom: 10px;
  padding: 15px 0px 0px 0px;
  background-color: #EEEEEE;
}

#form_advanced_search div.buttons {
  height: 25px;
}

#form_advanced_search div.fields, #form_advanced_search div.fields_last, #form_advanced_search h2 {
  padding: 0px 10px;
}

#form_advanced_search div.fields {
  padding-bottom: 18px;
}

#form_advanced_search div.fields_last {
  padding-bottom: 12px;
}

#form_advanced_search label {
  width: 80px;
  margin-bottom: 6px;
  float: left;
}

#form_advanced_search input {
  width: 280px;
  border: 1px solid #ABABAB;
}

#form_advanced_search input.input_small {
  width: 175px;
}

#form_advanced_search button.button_submit {
  width: 47px;
  height: 16px;
  background: url(../../images/bjoc/buttons/search1.gif) no-repeat;
  border: none;
}

#form_advanced_search button.button_reset {
  width: 114px;
  height: 16px;
  background: url(../../images/bjoc/buttons/clear_search_values.gif) no-repeat;
  border: none;
}

#form_advanced_search select {
  border: 1px solid #ABABAB;
}

#form_advanced_search img {
  padding-left: 4px;
  padding-bottom: 6px;
  vertical-align: middle;
}

#form_browse {
  height: 1%;
  margin: 10px 0px;
}

#form_browse .display {
  width: 250px;
  float: left;
}

#form_browse .filter {
  width: 320px;
  float: right;
}

#form_browse .display label {
  padding-left: 10px;
  line-height: 20px;
}

#form_browse .filter label {
  width: 70px;
  display: block;
  float: left;
  line-height: 18px;
}

#form_browse .filter select {
  width: 200px;
  height: 18px;
  font-size: 11px;
}

#form_browse .filter div {
  margin: 10px 0px;
}

#form_download .include,
#form_download .format,
#form_download .submit_image {
  padding: 10px;
}

#form_download h3 {
  height: 50px;
  margin-right: 85px; 
  float: left;
}

#form_download label {
  padding: 0px 0px 0px 5px;
}

#form_download input.form_radio {
  vertical-align: top;
}

* html #form_download input.form_radio {
  vertical-align: middle;
}

#form_login {
  margin-top: 10px;
}

.login_text {
  margin-top: 10px;
}

#form_login label {
  width: 85px;
  padding-top: 3px;
  display: block;
  float: left;
}

#form_login input {
  height: 16px;
  margin: 0px 0px 3px 0px;
  padding-left: 2px;
  padding-top: 3px;
  border: 1px solid #ABABAB;
  font-size: 11px;
}

#form_login input.form_image {
  margin: 0px;
  border: none;
}

#form_my_details, #form_my_details_readonly, #form_register {
  margin-top: 10px;
}

#form_my_details label, #form_register label {
  width: 150px;
  padding-top: 3px;
  display: block;
  float: left;
}

#form_my_details input, #form_my_details select,
#form_register input, #form_register select {
  height: 16px;
  margin-bottom: 3px;
  padding-left: 2px;
  padding-top: 3px;
  border: 1px solid #ABABAB;
  font-size: 11px;
}

#form_my_details input, #form_register input {
  width: 350px;
}

#form_register input.password {
  width: 125px;
}

#form_register div div {
  width: 265px;
  font-size: 10px;
  float: right;
}

#form_my_details select, 
#form_register select {
  padding: 0px;
}

#form_my_details select {
  width: 100px;
}

#form_my_details input.form_image, 
#form_register input.form_image {
  width: auto;
  margin: 0px 5px 0px 0px;
  border: none;
}

#form_my_details_readonly div div {
  padding: 4px 0px;
  float: left;
  font-weight: bold;
}

#form_my_details_readonly div div.first {
  width: 175px;
  font-weight: normal;
}
/* Password Forgotten */
#form_password_forgotten {
  margin-top: 10px;
}

#form_password_forgotten label {
  width: 100px;
  padding-top: 2px;
  display: block;
  float: left;
}

#form_password_forgotten input {
  height: 16px;
  margin: 0px 0px 3px 0px;
  padding-top: 3px;
  padding-left: 2px;
  border: 1px solid #ABABAB;
  font-size: 11px;
}

#form_password_forgotten #login_fields div {
  margin-bottom: 10px;
}

/* Change Password */
#form_change_password {
  margin-top: 10px;
}

#form_change_password label {
  width: 140px;
  display: block;
  float: left;
  font-size: 11px;
}

#form_change_password input {
  height: 16px;
  margin: 0px 10px 3px 20px;
  padding-left: 2px;
  border: 1px solid #ABABAB;
  float: left;
}

#form_change_password #login_fields {
  margin-bottom: 10px;
  height: 1%;
  padding: 15px 10px 12px 10px;
  background-color: #EEEEEE;
}

#form_change_password #login_fields div.middle label,
#form_change_password #login_fields div.middle input {
  margin-top: 3px;

}

#form_change_password input.form_image {
  margin: 0px;
  border: none;
  float: none;
}

#form_change_password input.cancel {
  width: 47px;
  height: 18px;
  margin: 0px 0px 1px 5px;
  border: none;
  background: url(../../images/bjoc/buttons/cancel.gif) no-repeat;
  float: none;
}

* html #form_change_password input.cancel {
  margin-bottom: 2px;
} 

#form_article_alerts {
  margin-top: 10px;
  padding-bottom: 10px;
}


#form_article_alerts h2 {
  margin-bottom: 5px;
}

#form_article_alerts label {
  padding-left: 8px;
}

/* sifr */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.line_break {
  display: none;
}


#closeWindow {
  border-bottom: solid lightgrey 1px;
  text-align: right;
  width: 768px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: bold;
  
}


#logo {
  height: 85px;
  background: none;
  text-align: left;
  margin-bottom: 20px;
}

#logo img {
  margin-top: 0px;
  margin-left: 10px;
}