#frame {
    width:100%;
    text-align:center;
}
#pastlist {
    width:100%;
}
.button a {
    border:1px dotted #000;
    background-color:#CCC;
    padding:5px;
    color:#000;
    text-decoration:none;
}
.button a:hover {
    border:1px dotted #000;
    background-color:#AAA;
    padding:5px;
    color:#000;
    text-decoration:none;
}
#cigarbutton {
    text-align:center;
}
#cigarbutton a {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    font-weight:bold;
    display:block;
    background-color:#FF0000;
    color:#FFF;
    border:1px dotted #CCCCCC;
    text-decoration:none;
}
#cigarbutton a:hover {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    font-weight:bold;
    display:block;
    background-color:#DD0000;
    color:#FFF;
    border:1px dotted #CCCCCC;
    text-decoration:none;
}

#cancelbutton {
    text-align:center;
    margin-top:30px;
}
#cancelbutton a {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    font-weight:bold;
    display:block;
    background-color:#CCAACC;
    color:#FFF;
    border:1px dotted #CCCCCC;
    text-decoration:none;
}
#cancelbutton a:hover {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    font-weight:bold;
    display:block;
    background-color:#BB99BB;
    color:#FFF;
    border:1px dotted #CCCCCC;
    text-decoration:none;
}

#info .date {
    font-style:italic;
    font-weight:bold;
}
#info .num {
    font-weight:bold;
}
#info .yestd {
}

/* for list */
#pastlist h3 {
    background-color:#E5E5E5;
    width:80%;
}
#pastlist li {
    list-style:none;
}
#pastlist table,th,td {
    border-collapse:collapse;
    border:1px solid #000;
}
#pastweek th {
    background-color:#E5E5E5;
}
#pastweek td {
    text-align:right;
    font-weight:bold;
}
#loginform {
    margin-top:100px;
    text-align:center;
}

.btn_tool {
    font-weight:bold;
    font-size:large;
    padding:7px;
}