@charset "utf-8";
/* CSS RESET - MEYERWEB.COM */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
body {
  line-height: 1;
  color: #000;
  background: #FFF;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Ele-Math.com START - generated by DETCHO Engine (R) (tm) */
body { font-family: Arial, Helvetica, sans-serif; }
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
html>body, html>body #wrapper { height: auto; }
#wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-height: 100%;
  background: url("../img/bg-main-back.jpg") no-repeat left top;
  z-index: 256;
  overflow: visible;
}
#header {
  position: relative;
  width: 100%;
  height: 70px;
  padding: 35px 0 45px 0;
}
#header a {
  display: block;
  height: 70px;
  width: 200px;
  margin: 0 0 0 10px;
  background: url("../img/head-logo.png") no-repeat left top;
}
#header a:hover {
  text-decoration: none;
  border: none;
  background: url("../img/head-logo.png") no-repeat left bottom;
}
#container {
  height: 150%;
  min-width: 960px;
  overflow: visible;
}
#footer {
  clear: both;
  width: 100%;
  min-width: 960px;
  height: 100px;
  bottom: 0;
  left: 0;
  color: #AAA;
  background-color: #000;
  border-top: 2px solid #E3E3E3;
  font-size: 0.8em;
  overflow: hidden;
  text-align: left;
  margin-top: 50px;
  background: -moz-linear-gradient(top, #444 0%, #000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, #444 0%, #000 100%);
  background: -o-linear-gradient(top, #444 0%, #000 100%);
  background: -ms-linear-gradient(top, #444 0%, #000 100%);
  background: linear-gradient(top, #444 0%, #000 100%);
  text-shadow: 1px 1px 0 #000;
}
#footer-content { padding: 0 10px 10px 10px; }
#footer-content h5 {
  font-size: 1em;
  padding-left: 0;
  text-transform: uppercase;
  margin: 10px 0 5px 0;
  text-shadow: 1px 1px 0 #000;
}
#content {
  margin: 0 0 20px 200px;
  padding-left: 20px;
  padding-right: 20px;
  height: 98%;
  min-width: 720px;
}
#sidebar {
  float: left;
  margin: 0px 0 0 0;
  width: 180px;
  padding-left: 22px;
}
#sidebar ul {
  min-width: 105px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.8em;
}
#sidebar ul li {
  margin: 0 0 5px;
}
#sidebar ul li a {
  padding: 2px 8px;
  margin: 0 0 5px;
  background: #EDEDED;
  border-radius: 2px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF;
  width: 164px;
  display: block;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
  background: -moz-linear-gradient(top, #FFF 0%, #EDEDED 35%, #DFDFDF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(35%,#EDEDED), color-stop(100%,#DFDFDF));
  background: -webkit-linear-gradient(top, #FFF 0%,#EDEDED 35%,#DFDFDF 100%);
  background: -o-linear-gradient(top, #FFF 0%,#EDEDED 35%,#DFDFDF 100%);
  background: -ms-linear-gradient(top, #FFF 0%,#EDEDED 35%,#DFDFDF 100%);
  background: linear-gradient(top, #FFF 0%,#EDEDED 35%,#DFDFDF 100%);
}
#sidebar li.user a {
  overflow: hidden;
  border-top: none;
  background: none;
  color: #5A5A5A;
  font-weight: normal;
  font-size: 0.8em;
  box-shadow: none;
}
#sidebar li.admin a {
  overflow: hidden;
  border-top: 1px solid #999;
  background: #6A7886;
  font-size: 1.0em;
}
#sidebar li.admin a { color: #FFF; font-weight: bold; }
#sidebar li.user2 a, #adm-toolbar li.user2 a {
  overflow: hidden;
  /* background: #5BB75B; #6A866A;*/
  font-size: 1.0em;
  font-weight: bold;
  background: #62C462;
  background: -moz-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62C462), color-stop(25%, #62C462), color-stop(100%, #51A351));
  background: -webkit-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -o-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -ms-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#sidebar li.user { color: #333; }
#sidebar li.user2 a { color: #FFF; font-weight: bold; }
#sidebar li.user2 a:hover { color: #242; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) }
#sidebar li.admitor { overflow: hidden; }
#sidebar li.admitor span a { color: #FFF; }
#sidebar li.admitor li a { color: #FFF; }
#sidebar li.admitor a {
  font-weight: bold;
  font-size: 0.95em;
  font-weight: bold;
  background: #5BC0DE;
  background: -moz-linear-gradient(top, #5BC0DE 0%, #5BC0DE 25%, #2F96B4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5BC0DE), color-stop(25%, #5BC0DE), color-stop(100%, #2F96B4));
  background: -webkit-linear-gradient(top, #5BC0DE 0%, #5BC0DE 25%, #2F96B4 100%);
  background: -o-linear-gradient(top, #5BC0DE 0%, #5BC0DE 25%, #2F96B4 100%);
  background: -ms-linear-gradient(top, #5BC0DE 0%, #5BC0DE 25%, #2F96B4 100%);
  background: linear-gradient(top, #5BC0DE 0%, #5BC0DE 25%, #2F96B4 100%);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
}
#sidebar li.admitor a:hover { color: #123A44; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) }
#sidebar li.editor {
  overflow: hidden;
  font-weight: bold;
  background: #F5F5F5;
  color: #666;
  font-size: 0.95em;
  border: 1px solid #DDD;
  border-radius: 2px;
  padding: 0.1em 0.5em;
  text-shadow: 1px 1px 0 #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
#sidebar ul li.user ul.editor li ul li a {
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: #EEE #EEE #EEE #AAA;
  border-radius: 2px;
  background: #FFF;
  width: 144px;
  margin-bottom: 0;
}
#sidebar ul li.user ul.editor li ul li a:hover { border-left: 3px solid #333; color: #CF5858; }
#sidebar ul li.user ul.editor li ul { padding-bottom: 28px; }
#sidebar li.editor a { color: #5D5D5D; font-weight: bold; }
#sidebar ul li:last-child { /* border-bottom: 1px solid #E3E3E3; */ }
#sidebar a:link, #sidebar a:visited { /* width: 100%; */ }
#sidebar a:hover { color: #CF5858; }
#sidebar ul li span.user { color: #5A5A5A; }
#sidebar ul ul { /* background: #FFF; */ }
#sidebar ul ul li { /* background: #FFF; */ font-weight: normal; }
#sidebar ul ul ul li:last-child { margin-bottom: -21px; }
#sidebar ul li.menuitem { /* */ }
#sidebar ul li.active { font-weight: bold; }
#sidebar ul ul ul li { /* padding-left: 16px; */ }
#sidebar ul.admitor, #sidebar ul.editor { padding-bottom: 0; }

#sidebar ul.journal li.volume { margin-left: 12px; }
#sidebar ul.journal li.volume a { width: 152px; }
#sidebar ul.journal li.volume li.issue { margin-left: 12px; }
#sidebar ul.journal li.volume li.issue a { width: 140px; }

#sidebar ul.journal li.expander a { border-left: 2px solid #444; position: relative; left: -2px; }
#sidebar ul.journal li.expander a:before { content: '\25AA'; color: #888; padding-right: 8px; }

#sidebar ul.journal li.active span a { color: #222; }
#sidebar ul.journal li.active > span a:before { content: '\2023'; color: #888; padding-right: 8px; }
#sidebar ul.journal li.active li.issue span a { color: #5D5D5D; }

#sidebar a.quick-link {
  display: inline;
  width: auto;
  padding: 0 0.25em;
  margin: 0;
}
.small-info { font-size: 0.8em; vertical-align: top; }
/* \*/
* html #footer { position: absolute; }
* html #container { margin-bottom: 105px; }
/* \*/
head:first-child+body div#footer { position: absolute; z-index: 0; bottom: -100px; }
head:first-child+body div#container { margin-bottom: 105px; }
a:link, a:visited { color: #5D5D5D; text-decoration: none; }
a:hover { color: #CF5858; }
/* GLOBAL TAG REDEFINITIONS */
em { font-style: italic; }
strong { font-weight: bold; }
h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.17em; }
h4{ font-size: 1em; }
h5{ font-size: 0.83em; }
h6{ font-size: 0.75em; }
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  display: block;
  margin: 1.5em 0 0.75em;
  padding: 3px 3px;
  text-shadow: 1px 1px 0 #FFF;
}
table {
  font-size: 0.95em;
  width: 100%;
  border-collapse: collapse;
}
table tbody td {
  padding: 7px 3px;
  line-height: 1.2em;
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
table th { vertical-align: middle; line-height: 1.2em; }
table tbody td:last-child { padding-right: 5px; }
tbody tr { margin-bottom: 5px; }
tbody tr:last-child td { border-bottom: 1px solid #E3E3E3; }
tbody tr:last-child:hover td { border-bottom: 1px solid #796; }
tbody tr.deleted td { opacity: 0.5; }

.odd {
  border-bottom: 1px solid #EAEAEA;
  background: #EAEAEA;
  background: -moz-linear-gradient(top,  #FAFAFA 0%, #EAEAEA 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EAEAEA));
  background: -webkit-linear-gradient(top,  #FAFAFA 0%, #EAEAEA 100%);
  background: -o-linear-gradient(top,  #FAFAFA 0%, #EAEAEA 100%);
  background: -ms-linear-gradient(top,  #FAFAFA 0%, #EAEAEA 100%);
  background: linear-gradient(top,  #FAFAFA 0%, #EAEAEA 100%);
}
.even { background: #FFF; border-bottom: 1px solid #FFF; }
.odd:hover { background: #DBF0D0; border-bottom: 1px solid #574 !important; }
.even:hover { background: #F1FAEC; border-bottom: 1px solid #796 !important; }


sup { font-size: 0.7em; vertical-align: super; }
sub { font-size: 0.7em; vertical-align: sub; }
p { line-height: 1.4em; }
var { display: none; }
/* HOMEPAGE VIEW */
div.clear { clear: both; }
#content h3 { border-bottom: 1px solid #D7D7D7; }
#journal-links {
  float: left;
  width: 100%;
  margin: 50px 50px 0 20px;
}
.journal-link {
  float: left;
  width: 32%;
  /*width: 220px;*/
  /*margin: 0 20px 50px 0;*/
  margin-bottom: 2em;
}
/*.journal-link img { width: 265px; height: 110px; }*/
.journal-link img { width: 206px; height: 86px; }
.journal-link p { font-size: 1.5em; margin-top: 0.25em; }
/* ACTIONS */
/*.actions { padding: 10px 10px 10px 0px; }*/
.actions span {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
}
.actions.subscribe span { background-image: url("../img/icon/cart_put.png"); }
.actions.add span { background-image: url("../img/icon/add.png"); }
.actions.login span { background-image: url("../img/icon/key.png"); }
.actions.warning span { background-image: url("../img/icon/warning.png"); }
.actions.error span { background-image: url("../img/icon/error.png"); }
.actions.info span { background-image: url("../img/icon/information.png"); }
.actions.flag span { background-image: url("../img/icon/flag.png"); }
ul.actions { margin-bottom: 60px; padding: 10px 10px 10px 0; }
li.actions a {
  background: #FAFAFA;
  background-image: -moz-linear-gradient(center top , #FFF, #FFF 25%, #E6E6E6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(25%, #FFF), color-stop(100%, #E6E6E6));
  background-image: -webkit-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -ms-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #BBB;
  border-radius: 2px;
  color: #333;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);

  padding: 0.5em 0.9em;
  white-space: nowrap;
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 10px;
  float: left;
/*
  font-weight: bold;
  float: left;
  margin-right: 10px;
  border: 1px solid #C0C0C0;
  background-color: #F0F0F0;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
*/
}
li.actions:hover a {
  background-image: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5 25%, #D4D4D4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(25%, #F5F5F5), color-stop(100%, #D4D4D4));
  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -o-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-color: #D4D4D4;
  border-color: #BBB #BBB #AAA;
  color: #333333;
/*
  border: 1px solid #B0B0B0;
  background-color: #E0E0E0;
  box-shadow: 1px 1px 2px #FFF inset, 2px 2px 2px #CCC;
*/
}
li.actions a:active { position: relative; top: 1px; }
li.actions:last-child { margin-right: 0; }
a.stand-out:link, a.stand-out:visited {
  background: #FAFAFA;
  border-bottom: 1px dashed #A5A5A5;
  font-weight: bold;
  padding: 1px 3px;
}
a.stand-out:hover { border-bottom: 1px solid #A5A5A5; }
.actions .stand-out { /* background: none !important; border-bottom: none !important; */ }
p.actions { background-position: 10px 14px; }
/* COMMON STUFF */
div.head-bar h2 {
  background: #E3E3E3;
  border-bottom: 1px solid #D7D7D7;
  padding-left: 3px;
  margin-top: 20px;
  border-radius: 2px;
}
.underline { border-bottom: 1px solid #CCC; }
/* JOURNAL VIEW */
#content.in-journal { margin-top: 28px; }
#jrn-cover {
  position: absolute;
  z-index: -64;
  top: 140px;
  right: 40px;
  width: 200px;
  height: 200px;
  border: none;
}
#news {
  display: block;
  width: 98%;
}
#news, p.readable { line-height: 1.6em; }
#news p { padding: 0 3px 10px; }
#news div { padding-left: 3px; }
.ask-list {
  color: #AAA;
  list-style-type: square;
  padding-left: 23px;
  line-height: 1.6em;
}
/* ISSUE VIEW */
.issue-header {
  padding-bottom: 15px;
  padding-left: 3px;
}
div.issue-header a:link,
div.issue-header a:visited { font-weight: bold; }
div.volume-table {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 20px;
  margin-top: 10px;
}
table.volume-articles, table.files-list {
  margin-bottom: 20px;
  padding-left: 3px;
  border: 1px solid #E3E3E3;
}
table.volume-articles thead, table.files-list thead {
  background: #E3E3E3;
  border-top: 1px solid #D3D3D3;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
}
table.volume-articles thead td, table.volume-articles thead th, table.files-list thead td, table.files-list, thead th {
  border-bottom: 1px solid #888;
  table-layout: fixed;
  font-weight: bold;
  padding: 0.75em;
  vertical-align: middle;
  text-align: center;
  text-shadow: 1px 1px 0 #FFF;

  background: -moz-linear-gradient(top,  #F5F5F5 0%, #E3E3E3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #E3E3E3));
  background: -webkit-linear-gradient(top,  #F5F5F5 0%, #E3E3E3 100%);
  background: -o-linear-gradient(top,  #F5F5F5 0%, #E3E3E3 100%);
  background: -ms-linear-gradient(top,  #F5F5F5 0%, #E3E3E3 100%);
  background: linear-gradient(top,  #F5F5F5 0%, #E3E3E3 100%);
}
table.volume-articles thead td:hover, table.volume-articles thead th:hover, table.files-list thead td:hover, table.files-list thead th:hover {
  border-bottom: 1px solid #888;
  background: #D7D7D7;
}
table.volume-articles td.art-num,
table.volume-articles td.page,
table.volume-articles td.abstract,
table.volume-articles td.article,
table.volume-articles td.doi {
  text-align: center;
  vertical-align: middle;
  q-white-space: nowrap;
  font-size: 0.9em;
}
table.volume-articles td.authors, table.volume-articles td.title { vertical-align: middle; }
table.volume-articles td.authors span, table.volume-articles td span.authors span, table.volume-articles td span.title span { white-space: nowrap; }
table.volume-articles td span.authors, table.volume-articles td span.title { display: block; line-height: 1.5em; text-shadow: 1px 1px 0 #FFF; }
table.volume-articles td span.title { font-weight: bold; }
table.volume-articles td span.authors { border-bottom: 1px solid #E3E3E3; }
table.volume-articles td span.authors a:link { font-size: 0.9em;  }
a.see {
  background: url("../img/icon/see.png") no-repeat center right;
  padding: 2px 20px 2px 0;
}
a.cart-put {
  background: url("../img/icon/cart_put.png") no-repeat center right;
  padding: 2px 20px 2px 0;
}
a.del {
  background: url("../img/icon/del.png") no-repeat center left;
  padding: 2px 2px 2px 20px;
}
.jq-show { display: none; }
/* ARTICLE VIEW */
div#article-title { background: #E3E3E3; border-radius: 2px; }
div#abs-thumb {
  margin: 20px 20px 50px 0;
  position: absolute;
  right: 0;
  top: 425px;
  z-index: 64;
}
div#abs-thumb img { border: 1px solid #AAA; border-radius: 2px; }
div#authors, div#keywords, div#downloads, div#subject-classes {
  float: left;
  padding-left: 3px;
  width: 65%;
  z-index: 0;
}
div#authors h4, div#keywords h4, div#downloads h4, div#subject-classes h4 { border-bottom: 1px solid #D7D7D7; }
li.nobullet { list-style-type: none; }
ul.file-links {
  float: left;
  margin-top: 10px;
  width: 100%;
}
ul.file-links li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
ul.file-links li div {
  background:#FFF;
  border: 1px solid #E3E3E3;
  padding-top: 7px;
  text-align: center;
  width: 80px;
  border-radius: 2px;
}
ul.file-links li div span {
  font-size: 0.8em;
  margin: 3px 0;
  white-space: nowrap;
  line-height: 2em;
}
/* SUBMISSION/SUBSCRIPTION VIEW */
.subsup p, .subsup ul {
  line-height: 1.2em;
  margin: 10px 0 25px 0;
  padding-left: 3px;
}
.subsup p.title {
  color: #5D5D5D;
  font-weight: bold;
  border-bottom: 1px solid #5D5D5D;
  background: #E3E3E3;
  padding: 2px 3px;
  margin-bottom: 2px;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
}
.subsup ul.numbered {
  list-style: decimal;
  padding-left: 1.2em;
}
.subsup ul.numbered li { padding-bottom: 0.4em; }
.subsup p a:link,
.subsup p a:visited,
.subsup span a:link,
.subsup span.a:visited,
.subsup ul li a:link,
.subsup ul li a:visited {
  color: #5D5D5D;
  text-decoration: none;
}
.subsup p a:hover,
.subsup span a:hover,
.subsup ul li a:hover { color: #CF5858; }
.subsup ul.actions { margin: 0 0 50px 0; }
.subsup div#jrn-cover { z-index: 128; }
.subsup span.block { margin-left: inherit !important; }
.underlined {
  border-bottom: 1px solid #CCC;
  padding-bottom: 3px;
}
.indented { padding-left: 10px !important; }
.bulleted { list-style: square inside; }
.bulleted.loose { list-style: square outside; margin-left: 1.5em; }
.bulleted.loose li { padding: 0 0 0.5em; }
.form-indented { margin-left: 8.25em; }
/* EDITORIAL BOARD VIEW */
.editorial h4 {
  float: left;
  width: 100%;
  font-size: 1.2em;
}
.editorial h3 {
  float: left;
  width: 100%;
  font-size: 1.3em;
}
.editorial .box {
  float: left;
  width: 30%;
  margin: 1% 1% 20px 1%;
  font-size: 0.8em;
  overflow: visible;
}
.editorial .box, .editorial .office { height: auto; }
.editorial .board { height: 165px; }
.editorial .box span,
.editorial .office span,
.editorial .board span {
  display: block;
  line-height: 1.6em;
  padding-left: 3px;
}
.editorial .name {
  color: #5D5D5D;
  font-weight: bold;
  background-color: #E3E3E3;
  padding-left: 3px;
  border-bottom: 1px solid #7D7D7D;
}
.editorial .phone { color: #5D5D5D; }

/* AUTHORS VIEW */
h4 span.stand-out { border-bottom: 1px dashed #DCDCDC; }
td.article-num {
  padding-left: 25px;
  width: 5em;
}
td.article-view {
  color:#AAA;
  padding: 5px;
}
/* FORTHCOMING VIEW */
/* MESSAGING */
#messages {
  margin-top: 20px;
  max-width: 750px;
  display: block;
  z-index: 750;
}
#messages div, .likemessage {
  padding: 15px 0;
  position: relative;
  border: 1px solid transparent;
  margin-bottom: 10px;
  border-radius: 2px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
#messages div:hover { color: #000; border: 1px solid rgba(0, 0, 0, 0.15); }
#messages div p {
  margin: 0 40px 0 10px;
  color: #333;
  font-size: 0.9em;
}
#messages a.close-message {
  width: 16px;
  height: 16px;
  display: block;
  background: #fff url("../img/icon/close-message.png") no-repeat center left;
  text-indent: -8000px;
  border-bottom: none;
  line-height: 1.2em;
  margin-left: 10px;
  position: absolute;
  top: 15px;
  right: 15px;
}
#messages a.close-message:hover { background: #fff url("../img/icon/close-message.png") no-repeat center right; }
#messages .error { /* crveni */
  border: 1px solid #EED3D7;
  background: #F2DEDE;
  color: #B94A48;
}
#messages .warning { /* žuti */
  border: 1px solid #FBEED5;
  background: #FCF8E3;
  color: #C09853;
}
#messages .valid { /* zeleni */
  border: 1px solid #D6E9C6;
  background: #DFF0D8;
  color: #468847;
}
#messages .info { /* blue */
  border: 1px solid #BCE8F1;
  background: #D9EDF7;
  color: #3A87AD;
}
#messages a.stand-out {
  border: none;
  background: transparent;
}
#messages.block-message {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}
/* inline messages - one uz text fieldove */
span.example, span.info, span.warning, span.question, span.error, span.valid {
  font-size: 0.75em;
  line-height: 1.2em;
  padding: 4px 6px 4px 26px;
}
span.notice {
  font-size: 0.75em;
  line-height: 1.2em;
  padding: 4px 6px 4px 6px;
}
span.example, span.info { /* plavi */
  color: #354F84;
  background: url("../img/icon/information.png") no-repeat 4px 50%;
}
span.warning { /* žuti */
  color: #C16803;
  background: url("../img/icon/warning.png") no-repeat 4px 50%;
}
span.question { /* plavi */
  color: #354F84;
  background: url("../img/icon/help.png") no-repeat 4px 50%;
}
span.question a:link, span.question a:visited {
  color: #354F84;
  text-decoration: none;
}
span.question a:hover {
  color: #FFF;
  background: #354F84;
}
span.warning strong { color: black; }
span.error { /* crveni */
  color: #BF4329;
  background: url("../img/icon/error.png") no-repeat 4px 50% !important;
}
span.valid { /* zeleni */
  color: #277224;
  background: url("../img/icon/accept.png") no-repeat 4px 50%;
}
span.notice { /* sivi */
  color: #696969;
  background: 4px 50%;
}
.additional span.notice {
  display: block;
  clear: both;
  margin-left: 30px !important;
}
span.block {
  display: block;
  margin: 5px auto 5px 145px !important;
}
fieldset span.block { margin: 5px auto 5px 130px !important; }
/* FORM VIEWS */
form ul li { clear: both; padding: 10px 3px; }
form ul li label, #payment-data label {
  text-align: right;
  width: 9em;
  line-height: 1.4em;
  float: left;
  display: block;
  padding-right: 5px;
  padding-top: 2px;
}
form ul li label.break-block { float: none; display: inline; }
form ul li .required { padding: 0 5px 0 0; color: #FF0000; }
form, input, select, option, optgroup, textarea { font-family: Arial, Helvetica, Helv, sans-serif; }
input, select, textarea {
  border: 1px solid #CCC;
  border-radius: 2px;
  color: #555555;
  padding: 4px;
  font-size: 0.95em;
  background: #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
/*
  font-size: 0.8em;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
  background-color: #F5F5F5;
  border-radius: 2px;
*/
}
input { width: 200px; padding: 3px; }
input[type=file] { width: 220px; }
input[type=image] { background: none; border: none; }
select { width: 208px; background: #FFF; }
option { line-height: 1.5em; }
input.checkbox, input[type=checkbox] { width: auto; display: inline; }
label.checkbox {
  display: inline;
  white-space: nowrap;
  width: auto;
}
input.radio, input[type=radio] {
  width: auto;
  border: none;
  background: none;
}
input.comment { width: 4em; }
input.comment:focus { width: 200px; }
optgroup { color: #888; }
optgroup option { color: #000; }
form ul li.additional {
  font-size: 0.8em;
  color: #696969;
  width: 295px;
  border-top: 1px solid #DCDCDC;
  margin: 5px 155px 10px 75px;
  padding: 5px 1px 15px 1px;
  overflow: visible;
}
form ul li.additional label {
  display: inline;
  margin-left: 10px;
  float: left;
}
form ul li.additional input[type=checkbox] {
  display: inline;
  float: left;
  background: none;
}
textarea {
  font-size: 13px;
  width: auto;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
/*
  background: #F9FBF9;
  border-bottom: 1px solid #ABBDAB;
  border-right: 1px solid #ABBDAB;
  border-top: 1px solid #6A866A;
  border-left: 3px solid #6A866A;
*/
}
fieldset {
  border: 1px solid #D7D7D7;
  padding: 5px 10px;
  margin: 5px 0 25px;
  font-size: 0.9em;
  border-radius: 2px;
}
legend {
  padding: 4px 8px;
  margin: 0 -11px;
  font-size: 1.2em;
  border: none;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #D7D7D7;
  background: #E3E3E3;
  font-weight: bold;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
}
.button, input[type="submit"], input[type="reset"], button {
  background: #FAFAFA;
  background-image: -moz-linear-gradient(center top , #FFF, #FFF 25%, #E6E6E6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(25%, #FFF), color-stop(100%, #E6E6E6));
  background-image: -webkit-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -ms-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #BBB;
  border-radius: 2px;
  color: #333;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  font-family: Arial, Helvetica, sans-serif;

  width: auto;
  padding: 0.4em 0.5em;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;

/*
  font-family: Arial, Helvetica, sans-serif;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  border-bottom: 1px solid #B1B1B1;
  border-right: 1px solid #B1B1B1;
  color: #444;
  background: #EDEDED;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
  box-shadow: 0 2px 0 #CCC;
*/
}
.button:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover {
  background-image: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5 25%, #D4D4D4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(25%, #F5F5F5), color-stop(100%, #D4D4D4));
  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -o-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-color: #D4D4D4;
  border-color: #BBB #BBB #AAA;
  color: #333333;
  text-decoration: none;
/*
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-bottom: 1px solid #4D4D4D;
  border-right: 1px solid #4D4D4D;
  color: #FFF;
  background: #888;
  text-shadow: 1px 1px 0 #666;
  box-shadow: 0 2px 0 #AAA;
*/
}
.button:active, input[type=submit]:active, input[type=reset]:active, button:active {
  box-shadow: none;
  position: relative;
  top: 1px;
}
.button.primary, input[type="submit"].primary, input[type="reset"], button.primary {
  background: #62C462;
  background: -moz-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62C462), color-stop(25%, #62C462), color-stop(100%, #51A351));
  background: -webkit-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -o-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: -ms-linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  background: linear-gradient(top, #62C462 0%, #62C462 25%, #51A351 100%);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  color: #FFF;
  border-color: #58B058 #438542 #438542 #58B058;
  padding: 0.5em 1em;
  border-width: 2px;
  border-radius: 3px;
}
.button.primary:hover, input[type="submit"].primary:hover, input[type="reset"]:hover, button.primary:hover {
  background: #67CE67;
  background: -moz-linear-gradient(top, #67CE67 0%, #67CE67 25%, #57AD56 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71E271), color-stop(25%, #67CE67), color-stop(100%, #57AD56));
  background: -webkit-linear-gradient(top, #67CE67 0%, #67CE67 25%, #57AD56 100%);
  background: -o-linear-gradient(top, #67CE67 0%, #67CE67 25%, #57AD56 100%);
  background: -ms-linear-gradient(top, #67CE67 0%, #67CE67 25%, #57AD56 100%);
  background: linear-gradient(top, #67CE67 0%, #67CE67 25%, #57AD56 100%);
  border-color: #53A653 #498F47 #498F47 #53A653;
}
.button[disabled], input[type=submit][disabled], input[type=reset][disabled], button[disabled], .button.disabled, input[type=submit].disabled, input[type=reset].disabled, button.disabled {
  color: #CCC;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: none;
}
a.button { color: #444; }
input.inv_input {
  border: none;
  color: #496779;
}
input.long { width: 400px; }
.match-input { margin-left: 155px; }
form input.error, form select.error {
  border: 1px solid #FAAAAA;
  background-color: #F1F1F1;
}
form input.warning {
  border: 1px solid #FED4A6;
  background-color: #F1F1F1;
  background-image: none;
}
form label.error {
  color: #3D2323;
  font-weight: bold;
  margin-top: 2px;
}
form span.error {
  border: none;
  background: #FFF;
  color: #B22222;
  font-weight: bold;
  padding: 2px 6px 2px 26px;
}
form span.error em {
  color: #000;
  font-size: 1.25em;
}
#form form, .form form, form.no-clear {
  float: left;
  clear: right;
  width: 100%;
}
#form ol, .form ol {
  margin-left: 3em;
  list-style-position: outside;
  list-style-type: decimal;
  line-height: 1.4em;
}
#form ol li, .form ol li { margin-bottom: 0.6em; }
#form ol li span, .form ol li span {
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  color: #5D5D5D;
}
#profile { margin: 0 0 10px 0px; }
#profile ul li {
  margin: 3px 0 10px;
  padding: 2px;
}
#profile .type {
  font-weight: bold;
  width: 120px;
  text-align: right;
  float: left;
  margin-right: 5px;
  clear: left;
}
#profile .newline, .newline {
  display: block;
  margin-left: 125px;
  line-height: 1.2em;
}
em.missing { color: #888; }
.buttons {
  margin-bottom: 15px;
  margin-top: 15px;
  display: inline-block;
}
.buttons li {
  /*float: left;*/
  display: inline;
  margin-right: 10px;
  margin-bottom: 15px;
}
.buttons a:link, .buttons a:visited {
  background: #FAFAFA;
  background-image: -moz-linear-gradient(center top , #FFF, #FFF 25%, #E6E6E6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(25%, #FFF), color-stop(100%, #E6E6E6));
  background-image: -webkit-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: -ms-linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  background-image: linear-gradient(top, #FFF 0%, #FFF 25%, #E6E6E6 100%);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #BBB;
  border-radius: 2px;
  color: #333;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);

  width: auto;
  padding: 0.5em 1.5em;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;

/*
  height: auto;
  width: auto;
  white-space: nowrap;
  display: table;
  background: #EDEDED;
  border-top: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  border-bottom: 1px solid #B1B1B1;
  border-right: 1px solid #B1B1B1;
  font-weight: bold;
  font-size: 0.9em;
  color: #444;
  padding: 0.5em 1.5em;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
  box-shadow: 0 2px 0 #CCC;
*/
}
.buttons a:hover {
  background-image: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5 25%, #D4D4D4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(25%, #F5F5F5), color-stop(100%, #D4D4D4));
  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -o-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-image: linear-gradient(top, #F5F5F5 0%, #F5F5F5 25%, #D4D4D4 100%);
  background-color: #D4D4D4;
  border-color: #BBB #BBB #AAA;
  color: #333333;
  text-decoration: none;
/*
  background: #898989;
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-bottom: 1px solid #4D4D4D;
  border-right: 1px solid #4D4D4D;
  color: #FFF;
  text-shadow: 1px 1px 0 #666;
  box-shadow: 0 2px 0 #AAA;
*/
}
.buttons a:active {
  box-shadow: none;
  position: relative;
  top: 1px;
}
#form p, .form p { margin-bottom: 1.5em; }
#reminders {
  margin-top: 20px;
  border-top: 1px solid #DCDCDC;
  clear: both;
}
#reminders li {
  float: left;
  padding: 2px 15px 2px 0;
  margin: 10px 0 20px 0;
}
#abs-thumba a img {
  border: 1px solid #DDD;
  background: #FFF;
  padding: 2px;
  border-radius: 2px;
  margin-bottom: 1em;
}
#abs-thumba a img:hover {
  background: #DDD;
  border: 1px solid #C0C0C0;
}
#abs-thumba ul {
  float: left;
  margin: 0 0 10px 10px;
  width: 480px;
}
#abs-thumba a.img { float: left; }
#abs-thumba li { margin-bottom: 5px; }
#abs-thumbb {
  float: right;
  margin-left: 10px;
}
#abs-thumbb img { border: 1px solid #DDD; }
#abs-thumbb img:hover { border: 1px solid #C0C0C0; }
p.article-list { padding-top: 15px; }
p.article-list span {
  border-bottom: 1px solid #DCDCDC;
  background: #EFEFEF;
  padding: 2px;
}
ul.article-list { margin-left: 10px; }
ul.article-list li { margin-bottom: 10px; }
ul.article-list li span {
  display: block;
  border-left: 1px solid #DDD;
  padding: 5px 10px;;
}
/* OVERLAY */
#dialog {
  background: white;
  display: block;
  z-index: 3000;
  border: 1px solid #2D2D2D;
  color: #000;
  left: 50%;
  margin-left: -300px;
  padding: 20px;
  position: fixed;
  top: 17%;
  width: 600px;
}
#overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 2999;
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #000;
}
#dialog h3 { margin-top: 0; }
/* BOOKS */
#books li.book {
  float: left;
  width: 460px;
  min-height: 340px;
  padding: 10px;
  margin: 0 20px 20px 0;
  border: 1px solid #DDD;
  overflow: visible;
}
#books h4 {
  margin-top: 0;
  background: #DDD;
  padding: 5px;
  border-bottom: 1px solid #C0C0C0;
}
#books img {
  border: 1px solid #DDD;
  background: #FFF;
  padding: 2px;
  margin-bottom: 10px;
}
#books img:hover {
  background: #DDD;
  border: 1px solid #C0C0C0;
}
#books li ul {
  float: right;
  width: 60%;
}
#books li ul li {
  margin-bottom: 10px;
  line-height: 1.3em;
}
#books li label {
  width: 35%;
  float: left;
  font-weight: bold;
}
#books li span { white-space: nowrap; }
#books p {
  clear: both;
  border-top: 1px solid #DDD;
  padding: 10px 0;
  line-height: 1.4em;
  text-align: justify;
}
p.descr {
  height: 7em;
  overflow: auto;
}
#books .authors {
  border-top: 1px solid #DDD;
  padding-top: 10px;
}
/* SUBSCRIPTIONS */
.buylist {
  width: 100%;
  margin: 0;
  padding: 0;
}
.buylist ul {
  margin: 7px 0px 10px 0;
  padding: 3px 0;
}
.buylist .list { margin-right: 3px; }
.buylist ul li {
  border: 1px solid #DDD;
  padding: 15px;
  margin-bottom: 10px;
  vertical-align: middle;
  clear: none;
  border-radius: 2px;
  text-shadow: 1px 1px 0 #FFF;
}
.buylist ul li:hover {
  border: 1px solid #D7D7D7;
  background: #EEE;
}
.buylist ul li label {
  width: auto;
  display: inline;
  float: none;
}
.buylist ul li img {
  vertical-align: -3px;
  margin: 0 5px 0 5px;
}
li.journal {
  border: 1px solid #DDD;
  margin: 0 !important;
  padding: 0 !important;
  display: table;
  width: 100%;
}
li.journal:hover { background: #EEE; }
ul li div.def {
  border-right: 1px solid #DCDCDC;
  width: 78%;
  padding: 10px;
}
#invoices li div.def { padding: 0; }
ul li div.open { border-right: none !important; }
ul li div.amount {
  float: right;
  padding: 1em 10px 10px 0;
  width: 17%;
  text-align: center;
}
.order-content {
  margin: 10px 0 10px 20px;
  line-height: 1.4em;
}
.order-content ul li {
  float: left;
  margin: -5px 7px 10px 0;
  padding: 2px 5px;
}
.order-content ul li:hover {
  border: 1px solid #AAA;
  background: #CCC;
}
.order-content span { color: #000; }
.amount .price strong {
  font-size: 2em;
  display: block;
}
div.def span img, div.def div img {
  margin-right: 10px;
  margin-left: 6px;
}
div.def div {
  display: block;
  margin-bottom: 10px;
}
div.def div label {
  display: inline;
  float: none;
  width: auto;
}
ul.type li label {
  width: auto;
  display: inline;
  float: none;
  margin-left: 10px;
}
ul.type { margin: 0 0 0 1em !important; }
ul.type li {
  margin-left: 2.7em;
  border: none;
  margin-bottom: 0;
  padding: inherit;
}
ul.type li:hover { border: none; }
ul.info { margin: 5px 0 0 10px; }
ul.info li {
  border: none;
  margin: inherit;
  padding: inherit;
}
ul.info li:hover { border: none; }
.info.p-marg { margin-left: 20px !important; }
.decho {
  background: yellow;
  font-family: Consolas, "Courier New", Courier, monospace;
  white-space: pre;
  font-size: 0.7em;
  border: 1px solid black;
  display: table;
  padding: 5px;
  color: #000;
}
#footer p.narrow { width: 55%; }
#credit-cards {
  float: right;
  position: relative;
  margin-top: 0.5em;
}
#credit-cards li { float: left; }
#credit-cards li a, form .cc-info li a {
  border-bottom: none;
  display: block;
  height: 45px;
  text-indent: -8000px;
}
li .mc { width:84px; background:url("../img/cc-logos.png") no-repeat left top;}
li .visa { width:84px; background:url("../img/cc-logos.png") no-repeat left bottom; margin: 0 15px; }
li .me { width:110px; background:url("../img/cc-logos.png") no-repeat right top; margin: 0 15px 0 0; }
li .dc { width:110px; background:url("../img/cc-logos.png") no-repeat right bottom; }
#legal-info { /* not really elegant solution, but it works */
  position: relative;
  right: -120px; /* -433px; */
  top: 53px;
  float: right;
  border: 1px solid #444;
  background: #444;
  padding: 5px;
  border-radius: 2px;
}
#legal-info li {
  float: left;
  margin: 0 0 0 10px;
  padding-right: 10px;
  border-right: 1px solid #000;
}
#legal-info li:last-child { border-right: none; }
#legal-info a:link, #legal-info a:visited { color: #CCC; }
#legal-info a:hover { text-decoration: underline; }
.fixed {
  display: block;
  margin-left: 20px;
  font-family: Consolas, "Courier New", Courier, Monospace;
  font-weight: bold;
}
.item {
  display: block;
  margin-left: 20px;
  line-height: 1.4em;
}
.legal p { margin-bottom: 10px; }
.money {
  float: right;
  text-align: right;
  width: 100%;
}
.money span {
  float: left;
  font-weight: bold;
  text-align: left;
}
#legal-block {
  margin: 20px 0;
  padding: 5px 0;
  border-top: 1px solid #CCC;
  font-size: 0.7em;
}
.country-switcher {
  float: right;
  padding: 3px;
  margin: 3px;
  font-size: 0.5em;
  font-weight: normal;
  background: #FFF;
  border: 1px solid #CCC;
}
a.hr { padding: 0 0 0 20px; background: transparent url("../img/icon/flag_hr.png") no-repeat center left; }
a.en { padding: 0 0 0 20px; background: transparent url("../img/icon/flag_en.png") no-repeat center left; }
#map {
  float: right;
  border: none;
  width: 450px;
  height: 350px;
}
form .cc-info {
  margin: 0;
  padding: 0 5px;
  float: right;
  border: 1px solid #CCC;
}
form .cc-info li { clear: none; float: left; }
#cvc-info {
  z-index: -10;
  position: absolute;
  float: right;
  height: 140px;
  width: 180px;
  right: 32px;
  margin-top: 5px;
}
#loader { display: none; }
ul.list { margin: 0 0 10px 0; }
ul.list li.journal { margin-bottom: 15px !important; }
.number, .monospaced { font-family: Consolas, "Courier New", Courier, monospaced; line-height: 1.7em; }
#payment-data li div span {
  display: block;
  line-height: 1.6em;
  padding-top: 0;
  margin: 0 0 0 9.5em;
}
#payment-data li { padding: 10px 3px; }
.last { border-bottom: 1px solid #CCC; }
.def p.info { margin-left: 40px; }
.submit-more { float: left; margin-left: 10px }
.nowrap { white-space: nowrap; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left !important; }
td .buttons { margin-bottom: 0; }
.hidden { display: none; }
.editorial form input, .editorial form select, .editorial form textarea { font-size: 1em; }
.editorial div.box { overflow: visible; }
span.edit { float: right; }
div.editbox { border: 2px solid #AAA; padding: 2px; }
div.editbox fieldset {
  border: none;
  margin: 0;
  padding: 5px;
}
div.editbox input[type=text], div.editbox textarea { width: 270px; }
.subsup p.actions { padding: 11px 10px 9px 32px; }
.formal-number { width: 4em; }
.data { line-height: 1.7em; }
.grayed { color: #888; }
#user-actions .time {    font-size: 0.8em; color: #999; margin-left: 1em; }
#user-actions li { line-height: 1.2em; }
#user-actions .level-1 { font-size: .8em; color: #999; }
#user-actions .level-2 { font-size: .85em; color: #888; }
#user-actions .level-3 { font-size: .9em; color: #888; }
#user-actions .level-4 { font-size: .95em; color: #666; }
#user-actions .level-5 { font-size: 1em; color: #444; }
#user-actions .level-6 { font-size: 1.1em; color: #222; }
#user-actions .level-7 { font-size: 1.2em; color: #000; }
#user-actions .level-8 { font-size: 1.3em; color: #F00; }
button img, a.button img { vertical-align: text-bottom; }
.description-list { margin: 20px 0; }
.description-list li { margin: 0 0 10px 0; padding: 0.5em 0; }
.description-list li.status {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  border-radius: 2px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.description-list li label {
  width: 7em;
  text-align: left;
  float: left;
  margin: 0 10px;
}
.description-list li span { font-weight: bold; }
.description-list li span.date { font-weight: normal; font-size: 0.85em; }
.description-list li .match-indent { margin-left: 7em; }
.icon { width: 16px; height: 16px; }
.boxentry label {
  width: 9em;
  float: left;
  text-align: right;
  margin: 5px 10px 0 0;
}
.boxentry label+span { width: 15em; float: left; }

/*
.adm-new { background: #FFF5AE !important; }
.ebr-inreview { background: #FFE096 !important; }
.ebr-redirected, .adm-redirected { background: #C7BAA1 !important; }
.ebr-rejected, .adm-disposed { background: #FF7979 !important; }
.ebr-revision { background: #E0B468 !important; }
.adm-printed { background: #81C2FF !important; }
.usr-pending { background: #EFEFEF !important; }
.ebr-accepted { background: #C7FFBA !important; }
.usr-withdrawn { background: #EEBBEE !important; }

.adm-new.odd { background: #FFF5AE !important; }
.ebr-inreview.odd { background: #FFE096 !important; }
.ebr-redirected.odd, .adm-redirected { background: #C7BAA1 !important; }
.ebr-rejected.odd, .adm-disposed { background: #FF7979 !important; }
.ebr-revision.odd { background: #E0B468 !important; }
.adm-printed.odd { background: #81C2FF !important; }
.usr-pending.odd { background: #EFEFEF !important; }
.ebr-accepted.odd { background: #C7FFBA !important; }
.usr-withdrawn.odd { background: #EEBBEE !important; }

.adm-new:hover { background: #FFEF87 !important; }
.ebr-inreview:hover { background: #FFD16F !important; }
.ebr-redirected:hover, .adm-redirected:hover { background: #B9A787 !important; }
.ebr-rejected:hover, .adm-disposed:hover { background: #FF5151 !important; }
.ebr-revision:hover { background: #DAA146 !important; }
.adm-printed:hover { background: #59AFFF !important; }
.usr-pending:hover { background: #DBDBDB !important; }
.ebr-accepted:hover { background: #AAFF93 !important; }
.usr-withdrawn:hover { background: #E69BE7 !important; }
*/

.pwd_counter { color: #7F7F7F; font-size: .8em; }
.head-bar + form { margin-top: 1em; }
fieldset + p { margin-bottom: 2em !important; }
hr { border-color: #FFF transparent transparent transparent; margin: 20px 0; }
.buttons .selected {
  color: #FFF !important;
  background: #6A866A !important;
  border: 1px solid #444 !important;
  text-shadow: 1px 1px #222 !important;
}
.selected-sort { color: #CF5858; font-size: 1.1em; }
a.user-author{ color: #080 !important; }
.buttons .selected:hover { background: #7E6A86 !important; }
#worker {
  position: fixed;
  top: 55px;
  border: 1px solid #000;
  background: #555;
  color: #FFF;
  padding: 10px 20px;
  font-variant: small-caps;
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
  border-radius: 5px;
  display: none;
}
#adm-conf-pass {
  margin-left: 30px;
  border: 1px solid #E3E3E3;
  padding: 10px;
}
td form + form { width: auto; margin-top: 5px; }
.btn-small { padding: 0.25em 0.5em; }
.btn-graphic { width: 32px; padding: 0.25em 0.5em; }
.btn-graphic span { display: none; }
.tabs {
  position: relative;
  width: 95%;
  margin: 10px 0;
  font-size: 0.9em;
  height: 300px;
  min-width: 900px;
}
.tabs li { float: left; margin: 5px 0 0 0; }
.tabs a.is-tab {
  border-top: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-bottom: none;
  border-left: 1px solid #EEE;
  padding: 7px 15px;
  margin-right: 2px;
  border-radius: 2px 2px 0 0;
  color: #888;
  text-shadow: 0 1px 0 #FFF;

  background: #FFF;
  background: -moz-linear-gradient(top,  #FFF 0%, #FAFAFA 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FAFAFA));
  background: -webkit-linear-gradient(top,  #FFF 0%, #FAFAFA 100%);
  background: -o-linear-gradient(top,  #FFF 0%, #FAFAFA 100%);
  background: -ms-linear-gradient(top,  #FFF 0%, #FAFAFA 100%);
  background: linear-gradient(top,  #FFF 0%, #FAFAFA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FAFAFA',GradientType=0 );
}
.tabs a.is-tab:hover, .tabs a.is-tab:active { border-top: 1px solid #AAA; color: #666; }

.tabs li.open a.is-tab:link, .tabs li.open a.is-tab:visited {
  position: relative;
  z-index: 102;
  font-weight: bold;
  color: #333;
  border-top: 1px;
  background: #F5F5F5;
  border-top: 1px solid #666;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: none;
}

.tabs li div { display: none; line-height: 1.6em; }
.tabs li.open div {
  position: absolute;
  left: 0;
  top: 26px;
  float: left;
  background: #F5F5F5;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px;
  padding: 10px 15px;
  min-width: 715px !important;
  width: 100%;
  display: inherit;
  text-shadow: 0 1px 0 #FFF;

  background: -moz-linear-gradient(top,  #F5F5F5 0%, #E5E5E5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #E5E5E5));
  background: -webkit-linear-gradient(top,  #F5F5F5 0%, #E5E5E5 100%);
  background: -o-linear-gradient(top,  #F5F5F5 0%, #E5E5E5 100%);
  background: -ms-linear-gradient(top,  #F5F5F5 0%, #E5E5E5 100%);
  background: linear-gradient(top,  #F5F5F5 0%, #E5E5E5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E5E5E5',GradientType=0 );
}
.tabs fieldset { border: none; margin: 0; padding: 0; }
.tabs .notice { font-size: 0.9em; }
.tabs .block { margin-left: 5em !important; }
.tabs legend { display: none; }
.tabs input[type=file] { width: 250px !important; }
.statuses { width: auto !important; }
#search_span {
  float: right;
  margin-right: 3em;
  vertical-align: middle;
}
.hilite-title {
  font-size: 1em;
  background: #C04040;
  color: #FFF;
  padding: 1px 2px;
}
.hilite-authors {
  font-size: 1em;
  background: #4043C0;
  color: #FF0;
  padding: 1px 2px;
}
.hilite-title:hover { background: #7F0000; }
.hilite-authors:hover { background: #00007F; }
#rows td.status { font-weight: bold; }
td a.file-link { border-bottom: 1px dashed #888; }
#rows td a.file-link:hover { border-bottom: 1px dashed #CF5858; }
.linezebra td { border-bottom: 1px solid #FFF; }
.linezebra tr:hover td { border-bottom: 1px solid #796; }
td.date { vertical-align: top; text-align: center; }
td.date img { margin-top: 10px; }
.date-info {
  display: block;
  margin: 10px 0 3px 0;
  border-top: 1px solid #9D9D9D;
  x-color: #5D5D5D;
  color: #000;
  padding: 4px 0 2px;
  font-size: 0.7em;
  width: 50em;
  line-height: 1em;
  x-background: #FFF;
  x-text-align: center;
  opacity: 0.9;
  font-weight: bold;
}
.date-info strong { font-weight: normal; opacity: 0.7; }
#tooltip {
  position: absolute;
  display: none;
  border: 1px solid #5D5D5D;
  background: #E3E3E3;
  color: #000;
  padding: 2px 3px;
  font-size: 0.6em;
  width: 140px;
  height: 25px;
  line-height: 12px;
  opacity: 0.5;
  z-index: 8192;
}
#maximizer {
  border: 1px solid #E3E3E3;
  padding: 2px 2px 0 2px;
  position: absolute;
  top: 5px;
  right: 5px;
}
#maximizer:hover { border: 1px solid #A5A5A5; background: #E3E3E3; }
td.unread, .changed {
  background-image: url("../img/icon/flag_green.png");
  background-repeat: no-repeat;
  background-position: 4px 2px;
  border-left: 3px solid #4BA530;
}
.authors .icon { float: right; margin-left: 5px; }
std.authors { max-width: 30%; }
li.whiback { background: #FFF !important; }
.narrow { white-space: normal !important; }
.roller {
  float: right;
  margin-bottom: -10px;
  opacity: 0.4;
}
.roller:hover { opacity: 1; }
li .small { font-size: 0.8em; }
tbody.manuscripts .authors span { white-space: normal !important; }
tr.event-deleted { color: #999; background-color: #333; display:none; }
ul.boxed-entity { float: left; }
ul.boxed-entity li {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #D5D5D5;
  background: #F3F3F3;
  padding: 5px;
  clear: none;
}
ul.boxed-entity li:hover { border: 1px solid #000; background: #E3E3E3; }
.logdate { font-size: 10px; color: #C0C0C0; }
#files {
  margin: 0 0 0 135px;
  position: relative;
  top: -25px;
}
#files li { padding: 5px 3px; }
#files input.button, #files button {
  font-size: 0.75em;
  border: 1px solid #D7D7D7;
  background: none;
  padding: 0;
}
#files input.button:hover, #files button:hover { color: #A22; }
#adm-toolbar {
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-radius: 0 0 2px 2px;
  position: absolute;
  padding: 5px;
  top: 0px;
  right: 35px;
  font-size: 0.8em;
  background: #EEE;
}
#adm-toolbar a:link, #adm-toolbar a:visited {
  background: none !important;
  width: auto;
  height: auto;
  border: none;
  color: #666;
  margin: 0;
}
#adm-toolbar a:hover { border: none; color: #A22; }
#adm-toolbar ul { display: block; }
#adm-toolbar ul li {
  float: left;
  background: none;
  margin: 0 0px 0px 0;
  padding: 5px 10px;
}
#adm-toolbar ul ul { background: none; }
#adm-toolbar li.admin { background: none; }
#adm-toolbar li.admitor { background: none; }
#adm-toolbar li.editor { background: none; }
#adm-toolbar ul+ul:hover li { background: #EEE; }
#adm-toolbar ul.admin { display: block; clear: right; }
#adm-toolbar ul.admitor { display: block; clear: left; }
#adm-toolbar ul.editor li .small-info { display: none; }
a.initials{ text-align: center; padding: 5px 5px !important;}
a.initials span{ font-size: .6em;}
ul.files { line-height: 1.5em; }
ul.files li {
  float: left;
  display: inline;
  padding: 2px 5px;
  margin: 0 5px 5px 0;
  border: 1px solid #DDD;
  background: #F5F5F5;
  border-radius: 2px;
}
ul.files li img { vertical-align: -2px; }
ul.files li:hover { border: 1px solid #C0C0C0; background: #E3E3E3; }
td.event .type { display: block; color: #888; }
td.event .desc { display: block; font-style: italic; }
td.event .file { display: inline; }
.pretty-size { font-size: .85em; }

fieldset#source { width: 48%; float: left; }
fieldset#destination { width: 48%; float: right; }
.inputspan { line-height: 1.6em; }
.light {
  color: #C0C0C0;
  font-size: 0.8em;
  font-style: italic;
}
.transfer { display: none; }
fieldset div.controlbox {
  border: 1px solid #C0C0C0;
  padding: 5px;
  float: right;
  width: 36px;
}
option[disabled=disabled] { color: #E3E3E3; font-style: italic; }
span.auth-link { display: block; }
#ms-events .invisible {
  color: #777;
  font-style: italic;
  font-size: 0.8em;
  opacity: 0.5;
}
#linked-authors li { float: left; }
#link-authors { margin-top: 35px; }
.auth-link {
  width: auto;
  border: 1px solid #E3E3E3;
  background: #F3F3F3;
  padding: 0.33em !important;
  margin: 0 5px 5px 0 !important;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 #FFF;
}
.auth-link:hover { border: 1px solid #C0C0C0; background: #E3E3E3; }
.boxedspans span {
  border: 1px dotted #E3E3E3;
  background: #F3F3F3;
  padding: 2px 4px;
  margin: 0 5px 5px 0;
  float: left;
}
.boxedspans span:hover { border: 1px solid #D7D7D7; background: #E3E3E3; }
.boxedspans label { height: 7em; }
.small-links {
  font-size: 0.9em;
  border: 1px dotted #C0C0C0;
  background: #F3F3F3;
  color: #C0C0C0;
  padding: 4px 6px;
}
.small-links:hover { border: 1px solid #7D7D7D; }
a img { vertical-align: bottom; }
.editable:hover { background: #F6FADE; }
.editable.editing, span#authors-edit {
  border: 1px solid #B2E3E7;
  border-radius: 2px;
  background: #ECF9FA;
  padding: 7px 5px;
  margin: 0 10px 10px 0;
  clear: right;
}
.editable.editing.long input[type=text], span#authors-edit.long input[type=text] { width: 40em; }
.editable.editing:hover {
  border: 1px solid #ABE2A0;
  border-radius: 2px;
  background: #E8F8E4;
  box-shadow: 0px 0px 5px #BCB;
  -moz-box-shadow: 0px 0px 5px #BCB;
  -webkit-box-shadow: 0px 0px 5px #BCB;
}
.editable.editing a.close { font-size: 0.7em; font-weight: normal; }
.volume-articles td.showdel {cursor: pointer;}
.bottom-line-reminder {
  font-size: 0.9em;
  margin: 0 0 25px 0;
  color: #555;
}
.file-merge { cursor: crosshair; }
.make-primary { cursor: pointer; }
#notify-file-merge { font-size: 0.8em !important; border: 1px dotted #000; background: #FFF; font-style: normal; padding: 2px 3px; }
div.mktitle span {
  font-size: 1.15em;
  font-style: italic;
  font-weight: bold;
  line-height: 1.2em;
}
div.mktitle { margin-left: 7.5em; }
div.mktitle input { font-size: 0.7em; }
div.mktitle .editable.editing a.close { font-style: normal; x-font-size: 0.6em; }
span#authors-edit { display: none; }
a.close, a.close-ajax-box, #reg-form-close { font-size: 0.7em; }
#corr-list { margin: 10px 10px; }
#reg-corr { float: left; margin: 10px 0 10px 7em; width: 93%; }
#reg-form {
  width: 85%;
  height: 11em;
  overflow: hidden;
  margin: 15px 0 10px 7em;
}

/* watch this - možda je nepotrebno. vjerojatno je. */
.blocker {
  display: block;
  height: auto;
  position: static;
}

a.ur-author:link, a.ur-author:visited { color: #C30; }

div.editorial div.gone {
  border: 2px solid black;
  padding: 5px;
  margin-top:7px;
  height: 152px;
  min-height: 165px;
}
span.gone { color: silver; font-style: italic; }
div#dearjohn { font-size:1.5em; }
div#dearjohn p { font-weight: bold; }

div#dearjohn li {
  list-style-type:circle;
  margin-left:1em;
  padding:.25em 0 .25em 1em;
}
.account-notice { font-weight:bold; color: maroon; }
.account-notice em { font-weight:bolder; color: red; }

#editblock {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 192;
  background: #888;
  background: rgba(64, 64, 64, 0.7);
}
#editblock fieldset {
  background: #FFF;
  width: 36em;
  position: fixed;
  top: 1em;
  left: 1em;
  border: 3px solid #CCC;
  box-shadow: 5px 5px 5px rgba(32, 32, 32, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(32, 32, 32, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(32, 32, 32, 0.5);
}
#editblock li span { float: left; }
#editblock li input { margin-left: 8em; display: block; width: 30em; }
#editblock li textarea { display: block; margin-left: 7em; width: 30em; }

span.inbutton, a.inbutton {
  border: 1px solid #DDD;
  background: #FFF;
  padding: 5px 5px 5px 5px;
  margin-left: 10px;
  font-size: 0.75em;
  color: #666;
  cursor: pointer;
  border-radius: 2px;
}
span.inbutton:hover, a.inbutton:hover {
  border: 1px solid #888;
  box-shadow: 1px 1px 3px #CCC;
  -moz-box-shadow: 1px 1px 3px #CCC;
  -webkit-box-shadow: 1px 1px 3px #CCC;
}
span.inbutton:active, a.inbutton:active {
  position: relative;
  top: 1px;
  border: 1px solid #DFDFDF;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
div.buylist span.new-special { background: #FFF url('../img/icon/add.png') no-repeat 5px center; padding: 5px 5px 5px 24px; }
div.buylist a.active { background: #FFF url('../img/icon/lightbulb.png') no-repeat 5px center; padding: 5px 5px 5px 24px; }
div.buylist a.disabled { background: #FFF url('../img/icon/lightbulb_off.png') no-repeat 5px center; padding: 5px 5px 5px 24px; }
div.buylist span.sp-edit { background: #FFF url('../img/icon/pencil.png') no-repeat 5px center; padding: 5px 5px 5px 24px; float: none; }
div.buylist a.sp-delete { background: #FFF url('../img/icon/cross.png') no-repeat 5px center; padding: 5px 5px 5px 24px; }
div.buylist ul li.specials-list {
  margin-top: -10px;
  padding: 10px;
  border-top: none;
}
div.buylist ul li.specials-list:hover { background: #FFF; }
div.buylist ul li.specials-list ul { margin: 0; padding: 0; }
div.buylist ul li.specials-list ul li.special-issue {
  margin-bottom: 10px;
  padding-left: 60px;
  border: none;
  background-image: url('../img/icon/bullet_white.png');
  background-repeat: no-repeat;
  background-position: 35px center;
}
div.buylist ul li.specials-list ul li.special-issue:hover { background-image: url('../img/icon/bullet_black.png'); }
div.buylist ul li.specials-list ul li.special-issue:last-child { margin-bottom: 0; }
#specials-list li.special-issue {
  border: 1px solid #DDD;
  padding-left: 47px;
  margin-bottom: 10px;
  vertical-align: middle;
  clear: none;
  background: url('../img/icon/bullet_white.png') no-repeat 20px center;
}
#specials-list li.special-issue:hover {
  border: 1px solid #D7D7D7;
  background-color: #EEE;
  background-image: url('../img/icon/bullet_black.png');
}

#create-special {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666;
  background: rgba(32, 32, 32, 0.75);
}
#create-special form {
  float: none;
  position: fixed;
  top: 20px;
  padding: 20px 10px;
  width: 50%;
  margin: 0 25%;
  border: 5px solid #DDD;
  background: #FFF;
  box-shadow: 0 0 20px #000;
  border-radius: 3px;
}
#create-special form select {
  width: auto;
  height: auto;
  /* Was:
     height: 22px;
     I have no idea why in hell I would limit select-box height. :|
  */
}
#create-special form button[type="submit"] { margin-left: 10.7em; }
#create-special span.cancel { margin-left: 1em; padding: 4px 10px; font-weight: normal; cursor: default; }
#create-special span.cancel img { position: relative; top: 3px; display: none; }

tr.selected { background: #86A086 !important; }
tr.selected:hover { background: #A4B8A4 !important; }

#clippy-pool span { background: url('../img/cpp.png') no-repeat left 1px; width: 110px; }
#cpp {
  border: 1px solid #CCC;
  line-height: 1.5em;
  padding: 2px;
  font-size: 0.8em;
  margin: 0 0 5px;
  min-height: 19px;
  background: #EDEDED;
  color: #444;
  border-color: #B1B1B1 #E3E3E3 #E3E3E3 #B1B1B1;
  border-style: solid;
  border-width: 1px;
}
span.small { font-size: 0.85em; font-weight: normal; }
.date-info span.special-issue { color: #1E90FF; font-weight: bold; }
/* special issue differentiators
div.volume-table td.marker-special-issue { border-left: 2px solid #1E90FF; }
span.special-issue { background: url('../img/icon/flag_blue.png') no-repeat right; padding-right: 24px; }
*/
ul.leaflet-preview li { display: inline; vertical-align: top; }
ul.leaflet-preview li a img { margin: 1em 1em; padding: 0.25em; border: 2px solid #DDD; border-radius: 2px; }
ul.leaflet-preview li a:hover img { border: 2px solid #AAA; box-shadow: 2px 2px 4px #CCC; }

.block-right { float: right; }
#submit-block { position: relative; top: -50px; }

.open-access.inbutton {
  background-image: url('../img/openaccess-logo-16px.png');
  background-repeat: no-repeat;
  background-position: 4px center;
  padding-left: 22px;
}

.xtab-content.active { display: block; }

ul.nice-tabs {
  margin: 2em 0;
  padding: 0.6em 0;
  border-bottom: 1px solid #CCC;
}
ul.nice-tabs li {
  display: inline;
  margin: 1px 1px;
  position: relative;
  bottom: -1px;
}
ul.nice-tabs li a {
  color: #444;
  padding: 0.5em 1.5em;
  border-radius: 2px 2px 0 0;
  text-shadow: 1px 1px 0 #FFF;
}
ul.nice-tabs li.active a {
  background: #FFF;
  background: rgba(255, 255, 255, 0.75);
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
}
ul.nice-tabs li a:hover {
  background: #DDD;
  color: #222;
  border-bottom: 1px solid #CCC;
}

.markdown { width: 75%; margin: 0 auto; }
.markdown h1 { border-bottom: 2px solid #CCC; }
.markdown h1:first-child { margin-top: 0.5em; }
.markdown h2 { border-bottom: 1px solid #DDD; }
.markdown p { margin: 0.75em 0; text-align: justify; }
.markdown ul {
  margin: 0 0 0.75em 1em;
  list-style: outside square;
  line-height: 1.5em;
}
.markdown ol {
  margin: 0 0 0.75em 1.5em;
  list-style: outside decimal;
  line-height: 1.5em;
}
.markdown table {
  margin: 0.5em auto;
  border: 1px solid #DDD;
}
.markdown table tr th {
  padding: 0.5em 1em;
  border-bottom: 2px solid #CCC;
  font-weight: bold;
  background: #F5F5F5;
}
.markdown table tr td {
  padding: 0.5em 1em;
  border-bottom: 1px solid #DDD;
  line-height: 1.5em;
}
.markdown table tr:last-child td { border-bottom: none; }
#faq.markdown ul, #faq.markdown p + p, #faq.markdown ul + p { margin-bottom: 1.5em; }

.jrn-notice { margin: 16px 0 0 22px; }
.subjrn-notice { margin: 10px 0 0; }

#oa-logo {
  background: url('../img/oa-logo.png') no-repeat left top;
  padding: 5px 0 6px 60px;
  position: relative;
  top: -30px;
  margin-left: 60px;
  display: inline-block;
  line-height: 1.25em;
  width: 90px;
}

/*
#paypal-logo {
  background: url('../img/logo-paypal.png') no-repeat left center;
  padding: 10px 0 10px 115px;
  font-size: 11px;
}
#paypal-checkout-button {
  display: block;
  background: url('../img/icon/paypal_checkout.gif') no-repeat left center;
  width: 145px;
  height: 42px;
  border: none;
  margin: 10px 0;
  padding: 0;
}
#paypal-checkout-button:active { position: relative; top: 1px; }
*/

#open_access { float: left; width: 100%; }

#adm_set_payment_comment-holder { margin-left: 1em; }

h1 small, h2 small, h3 small, h4 small {
  font-weight: normal;
  font-size: 0.75em;
  color: #999;
}

blockquote {
  margin: 0.5em 0;
  padding: 0.75em;
  border-left: 3px solid #CCC;
  border-radius: 0 2px 2px 0;
  background: #FFF;
  color: #666;
}

input[type="checkbox"] + label[for] { position: relative; top: -2px; }
input.freesize { width: auto; }
textarea.long { width: 400px; }

a.button-loading, a.button-loading:hover,
button.button-loading, button.button-loading:hover {
  background: url("../img/spinner.gif") no-repeat 3px center;
  padding-left: 30px;
  color: #AAA;
  cursor: wait;
}
select.button-loading {
  background: url("../img/spinner.gif") no-repeat 3px center;
  padding-left: 25px;
  color: #AAA;
  cursor: wait;
}

.space-left { margin-left: 0.5em; }
.space-right { margin-right: 0.5em; }

.clear { clear: both; }

.jq-placeholder { color: #AAA; }

.pull-left { float: left; }
.pull-right { float: right; }

.liberated {
  color: #4D994C;
  position: relative;
  top: -1em;
  text-shadow: 0 1px 0 #FFF, 0 2px 1px rgba(0, 0, 0, 0.25);
}

span.btn-icon {
  padding: 4px 0 4px 20px;
  background-position: 1px 1px;
}
select.unlimit { width: auto; }

.w05 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }

.manuscript-reviewers {
  border-top: 1px solid #9D9D9D;
  font-size: 0.8em;
}

.manuscript-reviewers h4 {
  padding: 0;
  margin: 0;
}
.manuscript-reviewers .buttons a {
  padding: 0.1em 0.5em;
}
.manuscript-reviewers td {
  padding: 0;
}


/* books */

.book-container {
  margin: 0 20px 40px 0;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.book-pic {
  width: 200px;
  margin-right: 20px;
  float: left;
}

.image-border {
  border: 5px solid #fff;
  box-shadow: 0 0 5px #bbb;
}

.book-desc {
  width: 65%;
  float: left;
  color: #A9B8C0;
}

.book-title {
  font-size: 21px;
  line-height: 25px;
  color: #be1e24;
  font-weight: bold;
}

.book-subtitle {
  font-size: 17px;
  line-height: 23px;
  color: #be1e24;
  padding-bottom: 5px;
}

.book-authors {
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 14px;
  color: #666;
}

.desc-txt {
  font-size: 13px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #666;
}

.book-info {
  padding: 10px 15px;
  background-color: #ededed;
  border: 1px solid #deddde;
  border-radius: 3px;
  margin-bottom: 15px;
  display: inline-block;
}

.book-info p {
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

a.buy-btn {
  display: inline-block;
  background-color: #7d888e;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  text-transform: uppercase;
}

a.buy-btn:hover {
  background-color: #57636a;
}

a.contact-btn {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  color: #7d888e;
  font-size: 13px;
  text-transform: uppercase;
  background: url('../img/icon/mail-icon.png') no-repeat right center;
}

a.contact-btn:hover {
  color: #CF5858;
}

a.pdf-btn {
  display: inline-block;
  padding: 5px 20px 5px 10px;
  margin-right: 10px;
  color: #7d888e;
  font-size: 13px;
  text-transform: uppercase;
  background: url('../img/icon/pdf-icon.png') no-repeat right center;
}

a.pdf-btn:hover {
  color: #CF5858;
}

/* MIA Journal 2014 notification CSS START */
#mia-journal_notification {
  margin-bottom: 40px;
  margin-top: 5px;
}
#mia-journal_notification .global-holder {
  display: inline-block;
  position: relative;
  top: 10px;
  background: #F6F6F6;
  padding: 10px 15px;
  border: 2px solid #CCC;
  border-radius: 4px;
}
#mia-journal_notification .global-holder .text-content {
  float: left;
  position: relative;
  top: 30px;
  float: left;
  height: 0px;
  margin-left: 215px;
  font-size: 1.35em;
}
#mia-journal_notification .global-holder .text-content a { color: #C4161C; }
#mia-journal_notification .global-holder .text-content a:hover { text-decoration: underline; }
#mia-journal_notification .global-holder img {
  display: block;
  width: 200px;
}
/* MIA Journal 2014 notification CSS END */

/* Ele-Math.com END - generated by DETCHO Engine (R) */