/*   */
body {
    font-family: Georgia, serif;
    font-size: 100%;
    background: white;
}

p {
    font-size: 16px;
    line-height: 21px;
}

h1, h2, h3 {
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-weight: normal;
}

h1 { font-size: 189%; }
h2 { font-size: 138.5%; }
h3 { font-size: 116%; }

th {
    font-size: 100%;
}

td {
    border: 0;
}

blockquote, ul, ol, dl {
    margin: 0.5em 1em 1em 2em;
}

.compactlist {
    margin: 0 0 0 1em;
    padding: 0;
}

.smalltext {
    font-size: 90%;
}


.tinylink {
    font-weight: normal;
    font-size: 70%;
}

label {
    font-weight: bold;
}

.abridged_body {
    margin: 0em 1em 0em 1em;
}

.abridged_entry {
    margin: 0.5em;
    padding: 1.5em;
    background: #fafaf8;
    border: 1px solid #888;
}

.abridged_private {
    background: #f3f3ee;
}

.invis_layout_table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0;
}

#topbar {
    clear: left;
    float: left;
    width: 100%;
    overflow:hidden;
    background: #eee;
    border-bottom:1px solid #888;
}

#topbarleft {
    clear: left;
    float: left;
    overflow:hidden;
    padding: 2px 2px 0px 3px;
}
#topbarleft img {
    border: none;
    display: block;
}

#topbarright {
    clear: right;
    float: right;
    overflow:hidden;
    text-align: right;
    padding: 4px 5px 5px 5px;
    
}

#header {
    clear: left;
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #888;
}
#header h1,
#header h2 {
    font-size: 138.5%;
    padding: 0.0em 1em 0.0em 1em;
    margin: 0.5em 0 0.5em 0;
}
#notebook_title {
    color: #444;
    text-decoration: none;
}

.header_left img {
    border: none;
    padding: 1em 0.5em 0.5em 1.3em;
}

.header_right img {
    border: none;
    padding: 0em 0em 0em 1em;
}

.header_right {
    padding: 1em;
}


#main_block {
    margin: 3em 4.5em 3em 4.5em;
    /*padding: 3.5em 4.5em 3em 4.5em;*/
    clear: both;
}

#div_nav_button {
    margin: -0em -0em 0em 0em;
    float: right;
}

#notebooks_div {
    width: 30em;
}

#nav_content {
    float: right;
    width: 20%;
}

.big_button {
    padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    margin: 0 1em 0 1em;
}

.edit_form_table {
    width: 100%;
}

.edit_form_save_table {
    background: #eee;
    text-align: center;
    width: 100%;
    border: 1px solid #888;
}

#id_title, #id_cal-title {
    width: 25em;
}

#id_cal-text {
    
}

#id_ver_summary {
    width: 30em;
}
.padleft {
    padding-left: 3em;
}

.wide {
    width: 100%;
}

table.cal_categories {
    table-layout: fixed;
}

td.cal_days {
    border: 1px solid #ccc;
    padding: 0em 0em 1.3em 0.0em;
    vertical-align: top;
    
    font-size: 80%;
    cursor: text;
}

div.cal_event {
    cursor: auto;
}

.cal_categories {
    text-align: left;
}

th.cal_categories {
    background: #fafaf8;
}

#id_cal-text {
    height: 4em;
}

.no_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal_col_left {
    width: 23%;
}

.cal_col {
    background: #fafaf8;
    width: 11%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal_event {
    background: #ffd;
    padding: 0.2em;
    margin: -1px;
    border: 2px ridge #444;
}

#content_body {
    
}

#id_description {
    min-height: 6em;
    height: 6em;
}

#id_data {
    min-height: 12em;
    height: 12em;
}


#footer {
    padding:1em 2%;
    border-top:1px solid #888;
}

textarea {
    font-family: Georgia, serif;
    font-size: 16px;
    width: 97%;
    padding: 0.4em;
    border: 1px solid #888;
    background: #fbfbfb;
}

textarea.expanding {
    font-size: 16px;
    line-height: 21px;
}

#pageend {
    margin: 1.5em 0 0 0;
}

#footer {
    clear:both;
}
/* Menus*/

button.menu {
    cursor: pointer;
}

div.popup {
    margin: 0em 0em 0.5em 0.5em;
    padding: 1em;
    background: #f3f3f3;
    border: medium outset;
}

div.menu {
    display: none;
    z-index: 99;
    position: absolute;
}

div.menu.active {
    z-index: 100;
}