html{
    overflow:hidden;
}

body{
    overflow:hidden;    
}

.frame{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:scroll;
}

.frame-bd {
    padding: 5px 5px;
}

#adbanner{
    overflow:hidden;
    position:absolute;
    width:100%;
    height:110px;
    top:0;
    left:0;
}


#adbanner .frame{
    overflow:auto;
    border-bottom: 2px solid #cccccc;
}

#adbanner .frame .frame-bd {
    text-align: center;
    vertical-align: middle;
}

#tale_index {
    overflow:hidden;
    position:absolute;
    width:300px;
    top:110px;
    bottom:0px;
    left:0;
    z-index:4;
}

#tale_index .frame{
    overflow:auto;
}

/*
#tale_index div.year_title {
text-align: left;
font-weight: bold;
cursor: pointer;
}

#tale_index div.year_links_on {
text-align: left;
font-weight: normal;
margin: 0 0 10px 15px;
display: block;
}

#tale_index div.year_links_off {
text-align: left;
font-weight: normal;
margin: 0 0 10px 15px;
display: none;
}

#tale_index div.year_links a {
text-decoration: none;
color: black;
}

#tale_index div.year_links a:hover {
text-decoration: underline;
}
*/

#tale_index ul.date_tree {
    list-style-type: none;
}

#tale_index ul.date_tree li.year_title {
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

#tale_index ul.date_tree li ul {
    text-align: left;
    font-weight: normal;
    margin: 0 0 10px 5px;
}

#tale_index ul.date_tree li ul {
    list-style-type: none;
    padding-left: 1em;
}

#tale_index ul.date_tree li ul.year_links_on {
    display: block;
}

#tale_index ul.date_tree li ul.year_links_off {
    display: none;
}

#tale_index ul.date_tree li ul li.current {
    list-style-type: disc;
    color: blue
}

#tale_index ul.date_tree li ul li a {
    text-decoration: none;
}

#tale_index ul.date_tree li ul li a:hover {
    text-decoration: underline;
}

#tale_index ol.tale_index {
    margin-bottom: 20px;
}

#tale_index ol.tale_index li {
    /*  
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    */
}

#tale_index ol.tale_index li h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

#tale_index ol.tale_index a {
    text-decoration: none;
}

#tale_index ol.tale_index a:hover {
    text-decoration: underline;
}

#tale_content {
    overflow:hidden;
    position:absolute;
    top:110px;
    bottom:0px;
    left:305px;    
    right:0px;
    z-index:2;
}


#tale_content .frame {
    overflow:auto;
}

#tale_content div.tale {
    padding: 5px 5px;
    margin: 5px 0 10px 0;
    border-bottom: 1px solid #cccccc;
}

#tale_content div.tale div.tale_header {
    background-color: #FFFD65;
    padding: 5px 3px 5px 5px;
    margin: 0;
}

#tale_content div.tale div.tale_title {
    font-size: 14pt;
    font-weight: bold;
    color: #3366CC;
    margin-bottom: 4px;
}

#tale_content div.tale div.tale_date {
    font-size: 9pt;
    font-weight: normal;
    font-style: italic;
    color: #3366CC;
    margin: 0 5px;
}

#tale_content div.tale div.tale_content {
    font-family: sans-serif;
    margin: 5px;
    padding: 0;
}

#tale_content div.tale div.tale_author {
    font-size: 10pt;
    font-style: oblique;
    color: #CC0066;
    margin-bottom: 5px;
}

#tale_content div.tale div.tale_action {
    font-size: 8pt;
    margin: 2px 10px;
    text-align: right;
}

#tale_content div.marked_tale {
    padding: 5px 5px;
    margin: 5px 0 10px 0;
    border-bottom: 1px solid #cccccc;
    background-color: #CECECE;
}

#tale_content div.marked_tale div.tale_header {
    background-color: #aeaeae;
    padding: 5px 3px 5px 5px;
    margin: 0;
}

#tale_content div.marked_tale div.tale_title {
    font-size: 14pt;
    font-weight: bold;
    color: #777777;
    margin-bottom: 4px;
}

#tale_content div.marked_tale div.tale_date {
    font-size: 9pt;
    font-weight: normal;
    font-style: italic;
    color: #777777;
    margin: 0 0 5px 5px;
}

#tale_content div.marked_tale div.tale_content {
    color: #777777;
    margin: 5px;
    padding: 0;
}

#tale_content div.marked_tale div.tale_author {
    font-size: 10pt;
    font-style: oblique;
    color: #777777;
    margin-bottom: 5px;
}

#tale_content div.marked_tale div.tale_action {
    font-size: 8pt;
    margin: 2px 10px;
    text-align: right;
    color: #AA0000;
}