#container {
    margin-left: 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: lightgray;
    background-color: #FFFFFF;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    max-height: 300px;
    overflow: auto;
    width: 590px;
    white-space:nowrap;
    
}

#container2 {
    width: 610px;
    margin-left: 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: lightgray;
    background-color: #FFFFFF;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 220px;
    overflow: auto;

}

#container #header #header_left {
    float: left;
    background-image: url(images/header_left.gif);
    background-repeat: no-repeat;
    height: 42px;
    width: 45px;
}
#container #header #header_right {
    background-image: url(images/header_right.gif);
    background-repeat: no-repeat;
    height: 42px;
    width: 6px;
    float: right;
}

#container #content {
    padding: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}
#container #footer {
    clear:both;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    text-align: right;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    border-right-color: #000033;
    border-bottom-color: #000033;
    border-left-color: #000033;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#container #footer a {
    color: #999999;
    text-decoration: none;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#container #header #header_main {
    float: left;
    padding: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


#container #header {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(images/header_bg.gif);
    background-repeat: repeat-x;
    height: 42px;
}

.month{
    width:180px!important;
    display: inline-table;
    border:1px solid #ccc;
    margin:8px!important;
    font-size: 12px!important;
    border-collapse:collapse;
}

.month td {
    border:1px solid #ddd;
    color:#555;
    padding:3px;
    text-align:right;
   
}

.month th {
    padding:5px;
    background-image: url(images/hbg.gif);
    background-repeat: repeat-x;
    color:#fff;
    width:180px;
}

.month .actday{
    background-image: url(images/hbg.gif);
    background-repeat: repeat-x;
    color:#fff;
    font-weight:bold;
}

.month .days{
    background-color:#f1f1f1;
}