/* 최 외곽 테이블 */
.ccbox {
  border-left:2px solid #d0c1d9;
  border-top:2px solid #d0c1d9;
  border-right:2px solid #594268;
  border-bottom:2px solid #594268;
  background-color:#B0A1B9;
}

/* 요일 (일월화수목금토) */
.ccweek {
  text-align:center; 
  font-size:9pt;
  line-height:12pt;
  background-color:#7e557e;
  color:#EEE6EE;
  font-weight:bold;
  
}

/* 년월 바탕(xxxx 년 xx 일 에서 년, 일 부분) */
.ccyearmonth { 
  font-size:9pt;
  line-height:9pt;
}

/* 년월 콤보박스*/
.ccsel {
  font-size:8pt;
  line-height:8pt;
  font-family:verdana;
}

/* 
  달력 테이블
  background-color => 격자 border 색 지정
  border => 테이블 전체 border 지정
*/
.cccaltable {
  background-color:#cccdcd;
  border-left:1px solid #623962;
  border-top:1px solid #623962;
  border-right:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
}

/*
  요일란 <tr> 의 class. height 지정등에 사용가능
*/
.cccalth {
}

/*
  각 주 별 <tr> 의 class. height 지정등에 사용가능
*/
.cccaltr {
}

/*
  닫기 버튼 ( x ) 
*/
.ccclose {
  border-left:1px solid #bdbdbd;
  border-top:1px solid #bdbdbd;
  border-right:1px solid #7e7e7e;
  border-bottom:1px solid #7e7e7e;
 background-color:#343434;
 width:15;font-size:9pt;
 line-height:9pt;
 color:white;
}

/*
  닫기 버튼 ( x ) 에 마우스 오버시
*/
.ccclosehover {
  border-left:1px solid #bdbdbd;
  border-top:1px solid #bdbdbd;
  border-right:1px solid #7e7e7e;
  border-bottom:1px solid #7e7e7e;
 background-color:white;
 width:15;font-size:9pt;
 line-height:9pt;
 color:black;
}

/*
  당월 날짜
*/
.ccday { 
  font-size:8pt;
  line-height:14pt;
  font-family:verdana; 
  text-align:right;
  color:black;
  cursor:hand;
  background-color:white;
}

/*
  다른달 날짜 ( ex. 5월이라면 4월말이나 6월 초 )
*/
.ccdayothermonth {
  font-size:8pt;
  line-height:14pt;
  font-family:verdana; 
  text-align:right;
  color:#abaaaa;
  cursor:hand;
  background-color:#e8e8e8;
}

/*
  당월 날짜 일요일
  ccday 와 결합되어 사용되므로 배경색등만 지정하면 됨
*/
.ccsunday { 
  background-color:#CBB0BD;
}

.cctoday { 
  background-color:#B5264A;
  color:White;
}

/*
  다른달 날짜 일요일
  ccdayothermonth 와 결합되어 사용되므로 배경색등만 지정하면 됨
*/
.ccsundayothermonth {
  background-color:#DED1D7;
}

/*
  날짜에 마우스 오버시 ( 다른달, 당월 모두 )
*/
.ccdayhover {
  font-size:8pt;
  line-height:12pt;
  font-family:verdana; 
  text-align:right;
  color:white;
  background-color:#400040;
  
}