#cal-back{
 font-size: 14px;
 padding: 3px;
 top: 240px;
 right: 20px;
 display: none;
 position: absolute;
 border-top: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 2px solid #999999;
 border-bottom: 2px solid #999999;
 z-index: 20;
 background-color: white;
 width: 380px;
 height: auto;
}

#cal-back span{
  font-size: 11px;
  color: #999999;
}

#cal-back img.ic-help{
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 2px;
}

table.cal-area{
}

table.cal-area th{
  padding: 0px;
  font-weight: normal;
}

table.cal-area td{
  padding: 0px;
  line-height: 20px;
  font-size: 12px;
}

select.c-list{
 border: 1px solid #EEEEEE;
 font-size: 11px;
}

#calendar{
 text-align: center;
 margin-top: 3px;
 font-size: 10px;
 background:#999999;
}

#calendar th{
  padding: 1px 6px 1px 6px;
  background:#EEEEEE;
  font-weight: normal;
}

#calendar td{
  font-size: 10px;
  padding: 0px;
  background:#FFFFFF;
  height: 22px;
  width: 22px;
}

#calendar td div.no-act{
   padding: 0px;
   color: #AAAAAA;
   text-align:center;
   line-height: 22px;
}

#calendar td a{
   padding: 0px;
   height: 22px;
   width: 22px;
   color:#333;
   display:block;
   text-align:center;
   line-height: 22px;
   text-decoration:none;
}

#calendar td a:hover{
   background:#77b0d3;
   color:#fff;
}

#calendar td a:focus{
   background:#77b0d3;
   color:#fff;
}

#calendar td a:active{
   background:#77b0d3;
   color:#fff;
}

#calendar td a.selected{
   background:#0072b9;
   color:#fff;
}

#calendar th.weekstart{
  background:#FFDDDD;
}

#calendar th.weekend{
  background:#E8E8FF;
}

div.page{
 margin-top: 5px;
 font-size: 11px;
}

div.page a{
  color: #003399;
  padding:5px 7px;
}

table.cal-head{
 padding: 5px;
}

table.cal-head th{
  padding: 3px;
  margin: 0px;
  font-size: 12px;
  text-align: left;
}

table.cal-head td{
  padding: 0px;
  margin: 0px;
}

table.cal-body{
 padding-left: 5px;
 padding-right: 5px;
}

table.cal-body td{
  padding: 5px;
  margin: 0px;
  font-size: 12px;
  vertical-align: top;
}

table.cal-body td div.b-ti{
   padding: 5px;
   margin-bottom: 4px;
   font-size: 10px;
   background-color: #E8E8FF;
}

table.cal-body td div.term-li{
   margin-left: 10px;
   margin-top: 5px;
   line-height: 22px;
}

table.cal-body td div.btn-sub{
   width: 79px;
   height: 24px;
}

table.cal-body td div.btn-sub a{
    color: #003399;
    text-decoration: none;
}

table.cal-body td div.btn-sub a:hover{
    color: #CC0000;
    text-decoration: none;
}

table.cal-body td div.btn-sub p{
    background-image: url('/img/btn/btn1.jpg');
    cursor: pointer;
    width: 79px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}