@CHARSET "UTF-8";
table.toptable tr td {
    vertical-align: top;
}

#texttitle {
    position: relative;
}

.idtitle1 {
    position: absolute;
    font: 30px/1.5 Impact, Charcoal, sans-serif;
    margin-bottom: -1em;
}

.idtitle2 {
    font: 60px/1.5 Impact, Charcoal, sans-serif;
}
.noidtitle {
    position: absolute;
    right: 0;
    height: 107px;
    width: 526px;
    right: -30px;
    top: 0;
    background: url('../img/paperbg.png') no-repeat;
}

.homesearchbox {
    padding: 5px;
    border: 1px solid #ccc;
}

.homejapsbox {
    position: relative;
}

.homejapsbox a, .homejapsbox a:link{
    color: black;
    text-decoration: none;
}

.overflow_bg {
    position: absolute;
    bottom: 10%;
    background: url('../img/bgblackopac70.png') no-repeat;
    background: url('../img/bgwhiteopac70.png') repeat;
    padding: 1em;
}

.overflow_bg:hover {
    color: white;
    background: url('../img/bgblackopac70.png') repeat;
}

.overflow_title {
    display: block;
}

.like_h2 {
    font: 18px/1.5 Impact,fantasy;
}

.newsupdatetitle {
    font: 16px/1.5 Impact,fantasy;
}

.update tr td {
    border-right: 1px dotted #ccc;
    vertical-align: top;
}

.newsdocs, .newsoldprints, .newsimages {
    padding-left: 10px;
}

.bg_gray:hover {
    background-color: #eee;
}

/*
<div class="news_ditto" id="news_ditto_item_[+id+]">
    <div class="news_ditto_date">[+date+]</div>
    <a href="[~[+id+]~]">
        <div class="news_ditto_documentInfo">
            <span class="news_ditto_pageTitle">[+pagetitle+]</span>
            <span class="news_ditto_author">by [+author+]</span>
        </div>
    </a>
</div>
*/

.news_ditto a {
    text-decoration: none;
}

.news_ditto_date {
    font-weight: bold;
    float: left;
    padding-right: 1em;
}

.news_ditto_documentInfo {
    margin-right: 20px;
    color: #000;
    border-bottom: 1px dotted #ccc;
}

/* a: roles
Order:a, a:link {}
      a:visited {}
      a:hover, a:focus {}
      a:active {}
Note: Pseudo-class names are not case-sensitive.
*/

.news_ditto_documentInfo a, .news_ditto_documentInfo a:link {
}

.news_ditto_documentInfo:hover {
    color: #909;
}

span.news_ditto_pageTitle {
    font-weight: bold;
}

span.news_ditto_author {
    font-style: italic;
}


/*
<div class="publication_ditto_home" id="publication_ditto_item_[+id+]">
    <div class="publication_ditto_date">[+date+]</div>
    <a href="[~[+id+]~]">
            <span class="news_ditto_pageTitle">[+pagetitle+]</span>
            <span class="publication_ditto_frontcover">
                <img src="[+frontcover+]" alt="" />
            </span>
    </a>
</div>
*/

.publication_ditto_home a {
    color: #000;
    text-decoration: none;
}

.publication_ditto_home a:hover {
    color: #909;
}

.publication_ditto_date {
    font-weight: bold;
    float: left;
    padding-right: 1em;
}

/* a: roles
Order:a, a:link {}
      a:visited {}
      a:hover, a:focus {}
      a:active {}
Note: Pseudo-class names are not case-sensitive.
*/

.publication_ditto_documentInfo a, .publication_ditto_documentInfo a:link {
}

.publication_ditto_documentInfo:hover {
    color: #909;
}

.publication_ditto_frontcover {
    position: relative;
    text-align: right;
}

.publication_ditto_frontcover img {
    position: relative;
    max-width: 205px;
    max-height: 140px;
    border: 1px solid #ccc;
    margin-left: 93px;
}