/* 최 외곽 테이블 */
.ccbox {
background-color: #f9f9f9;
border-color: #3cb200;
border-style: solid;
border-width: 2px;
}
/* 요일 (일월화수목금토) */
.ccweek {
background-color: #3cb200;
color: #fff;
cursor: pointer;
font-family: arial;
font-size: 9pt;
font-weight: bold;
height: 23px;
padding: 2px 3px 0px 1px;
text-align: center;
width: 22px;
}
/* 년월 바탕(xxxx 년 xx 일 에서 년, 일 부분) */
.ccyearmonth {
font-size: 9pt;
line-height: 1.8em;
text-align: left;
}
/* 년월 콤보박스*/
.ccsel {
font-size: 9pt;
line-height: 1.1em;
font-family: arial;
}
/* 달력 테이블 (background-color => 격자 border 색 지정, border => 테이블 전체 border 지정) */
.cccaltable {
background-color: #f5f5f5;
border: none 0px;
width: 183px;
}
/* 요일란 의 class. height 지정등에 사용가능 */
.cccalth {
}
/* 각 주 별
의 class. height 지정등에 사용가능 */
.cccaltr {
}
/* 닫기 버튼 ( x ) */
.ccclose {
color: #a9a9a9;
font-weight: bold;
font-size:17px;
line-height: 1.0em;
margin: 3px 2px 1px 2px;
}
/* 닫기 버튼 ( x ) 에 마우스 오버시 */
.ccclosehover {
color: #3cb200;
font-weight: bold;
font-size:17px;
line-height: 1.0em;
margin: 3px 2px 1px 2px;
}
/* 당월 날짜 */
.ccday {
background-color: #fff;
color: #333;
cursor: pointer;
font-family: arial;
font-size: 11px;
height: 25px;
padding: 1px 3px 0px 0px;
text-align: right;
width: 22px;
}
/* 다른달 날짜 (ex. 5월이라면 4월말이나 6월 초 ) */
.ccdayothermonth {
background-color: #f9f9f9;
color: #888;
cursor: pointer;
font-family: arial;
font-size: 11px;
height: 25px;
padding: 1px 3px 0px 0px;
text-align: right;
width: 22px;
}
/* 당월 날짜 일요일 (ccday와 결합되어 사용되므로 배경색등만 지정하면 됨) */
.ccsunday {
background-color: #faa;
color: #933;
}
/* 다른달 날짜 일요일 (ccdayothermonth 와 결합되어 사용되므로 배경색등만 지정하면 됨) */
.ccsundayothermonth {
background-color: #fee;
color: #933;
}
/* 오늘 날짜 */
.cctoday {
background-color: #3cb200;
color: #fff;
}
/* 날짜에 마우스 롤 오버 시 (다른달, 당월 모두) */
.ccdayhover {
background-color: #7cd240;
color: #fff;
cursor: pointer;
font-family: arial;
font-size: 11px;
height: 25px;
padding: 1px 3px 0px 0px;
text-align: right;
width: 22px;
}