.head {
    top: 0;
    left: 0;
    width:100%;
    background-color:#030;
    color:#FFF;
    padding-top:25px;
    padding-bottom:25px;
    font-size:200%;
    font-family:arial;
    text-align:center;
    cursor:pointer;
}
.accordion-toggle, .accordion-toggle_cal  {
    cursor: pointer; 
    margin: 0;
    padding: 2px 5px;
    border-top: 1px solid maroon;
    border-left: 1px solid maroon;
    border-right: 1px solid maroon;
    background: #F5FFFA;
}
.accordion-content, .accordion-content_cal  {
    display: none;
    border-left: 1px solid maroon;
    border-right: 1px solid maroon;
    border-bottom: 1px solid maroon;
    padding: 2px;
    background: #FFFFFF;    
    word-break: break-word;
    
}
.accordion-box {
    border-bottom: 1px solid maroon;
    width: 100%;
}
.accordion-head {
    width:100%;
    text-align: center;
}
h2.cal-title {
    margin:0;
}
.acc-head-prev-next {
    color: maroon;
    font-size: 120%;
    font-weight: bold;
    cursor:pointer;
    padding:px;
    margin: 0px;
}
.acc-head-today {
    font-size: 120%;
    font-weight: bold;
    cursor:pointer;
    padding: 0px;
    margin: 0px;
}
.acc-header-table {
    table-layout: auto;
    width:100%;
    margin:1px;
}
@media screen and (max-width: 600px) {
  .acc-head-prev-next, .acc-head-today { 
     font-size: 120%;
  }
  .name, .past-name { 
     font-size: 100%;
  }
}
    
.name {    
    color: maroon;
    font-size: 115%;
    font-weight: bold;    `
    word-break: break-word;
}
.past-name {    
    //color: #BBBBBB;
    color:maroon;
    font-size: 115%;
    font-weight: bold;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    word-break: break-word;
}
.date { 
    float:right; 
    font-weight: bold;
}
.past-date { 
    float:right;
    color:grey;
    /*font-weight: bold;*/
}

.ajax-wait {
    display: block;
    margin-top: 50px;
    margin-left: 200px;  
}
.odd {
    background-color:#F8F8F8;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.even {
    background-color:#FFFFFF;
}
.member {
    color:darkgreen;
    font-weight: bold;
    float:left;
}
.member_me {
    color:maroon;
    font-weight: bold;
    float:left;
}
.timestamp {
    color:grey;
    float:right;
}
textarea {
    background-color:#FFFFFF;
    border-color: darkgrey;
    resize: none;
    /*max-width: 410px;*/
    width:98%;
}
input {
    background-color: linen;
    padding: 2px 4px;
    font-face: Tehema;
    border: 1px solid darkgrey;
}
input:hover {
    background-color: white;
}

label {
    background-color: linen;
    padding: 0.5px 1.5px;
    font-face: Tehema;
    border: 1px solid darkgrey;
    display: inline-block;
    /*line-height: 2.2em;*/
    font-size: 0.9em;
    cursor:hand;
    letter-spacing: 0.05em;
    border-radius: 5px;
}

label:hover {
    background-color: white;
    border-radius: 5px;
}

button {
    background-color: linen;
    padding: 2px 4px;
    font-face: Tehema;
    border: 1px solid darkgrey;
    cursor: pointer;
    border-radius: 5px;
}
button:hover {
    background-color: white;
    border-radius: 5px;
}
.record_cnt {
    font-weight:bold;
}
.record_cnt0 {
    color: grey;
}