@charset "UTF-8";

.cal_tag{
	width:100px;
	height:65px;
	background:black;
}

/* ---------------------- */

.cal_tag{
	margin-right:5px;
	background:black url(../img/calendar/ct_bg.png) no-repeat;
	width:100px;
	height:65px;
	position:relative;
}

.cal_tag div{
	position:absolute;
}

.cal_tag .month{
	width:50px;
	height:33px;
	top:0px;
	left:0px;
}

.cal_tag .weekday{
	width:50px;
	height:32px;
	bottom:0px;
	left:0px;	
}

.cal_tag .day_single, .day_left, .day_right{
	width:20px;
	height:43px;
	top:12px;
}

.cal_tag .day_single{
	left:62px;
}

.cal_tag .day_left{
	left:51px;
}

.cal_tag .day_right{
	left:73px;
}


/* --- TBD --- */

.cal_tag .tbd{
	width:100px;
	height:65px;
	background:url(../img/calendar/ct_d_tbd.png) no-repeat;
}

.cal_tag .today{
	width:100px;
	height:65px;
	background:url(../img/calendar/ct_today.png) no-repeat;
}


/* --- MONTHS --- */

.cal_tag .m_01{
	background:url(../img/calendar/ct_m_01.png) no-repeat;
}

.cal_tag .m_02{
	background:url(../img/calendar/ct_m_02.png) no-repeat;
}

.cal_tag .m_03{
	background:url(../img/calendar/ct_m_03.png) no-repeat;
}

.cal_tag .m_04{
	background:url(../img/calendar/ct_m_04.png) no-repeat;
}

.cal_tag .m_05{
	background:url(../img/calendar/ct_m_05.png) no-repeat;
}

.cal_tag .m_06{
	background:url(../img/calendar/ct_m_06.png) no-repeat;
}

.cal_tag .m_07{
	background:url(../img/calendar/ct_m_07.png) no-repeat;
}

.cal_tag .m_08{
	background:url(../img/calendar/ct_m_08.png) no-repeat;
}

.cal_tag .m_09{
	background:url(../img/calendar/ct_m_09.png) no-repeat;
}

.cal_tag .m_10{
	background:url(../img/calendar/ct_m_10.png) no-repeat;
}

.cal_tag .m_11{
	background:url(../img/calendar/ct_m_11.png) no-repeat;
}

.cal_tag .m_12{
	background:url(../img/calendar/ct_m_12.png) no-repeat;
}


/* --- WEEKDAYS --- */

.cal_tag .w_0{
	background:url(../img/calendar/ct_w_0.png) no-repeat;
}

.cal_tag .w_1{
	background:url(../img/calendar/ct_w_1.png) no-repeat;
}

.cal_tag .w_2{
	background:url(../img/calendar/ct_w_2.png) no-repeat;
}

.cal_tag .w_3{
	background:url(../img/calendar/ct_w_3.png) no-repeat;
}

.cal_tag .w_4{
	background:url(../img/calendar/ct_w_4.png) no-repeat;
}

.cal_tag .w_5{
	background:url(../img/calendar/ct_w_5.png) no-repeat;
}

.cal_tag .w_6{
	background:url(../img/calendar/ct_w_6.png) no-repeat;
}


/* --- DAYS --- */

.cal_tag .d_0{
	background:url(../img/calendar/ct_d_0.png) no-repeat;
}

.cal_tag .d_1{
	background:url(../img/calendar/ct_d_1.png) no-repeat;
}

.cal_tag .d_2{
	background:url(../img/calendar/ct_d_2.png) no-repeat;
}

.cal_tag .d_3{
	background:url(../img/calendar/ct_d_3.png) no-repeat;
}

.cal_tag .d_4{
	background:url(../img/calendar/ct_d_4.png) no-repeat;
}

.cal_tag .d_5{
	background:url(../img/calendar/ct_d_5.png) no-repeat;
}

.cal_tag .d_6{
	background:url(../img/calendar/ct_d_6.png) no-repeat;
}

.cal_tag .d_7{
	background:url(../img/calendar/ct_d_7.png) no-repeat;
}

.cal_tag .d_8{
	background:url(../img/calendar/ct_d_8.png) no-repeat;
}

.cal_tag .d_9{
	background:url(../img/calendar/ct_d_9.png) no-repeat;
}



/* --------------------- */

.calendar {
	width:266px;
	padding:0px;
	margin:0px 20px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	
	border-left:1px solid #112;
	background-color:#fff;
}

.calendar caption {
	background:#112;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:4px;
	width:252 !important;
	width:260px;
}

.calendar th {
	font-weight:bold;
	color:#fff;
	background:#0d2842;
	border:1px solid #112;
	border-left:none;
}

.calendar td {
	width:36px;
	height:26px;
	padding:0;
	line-height:20px;
	
	border:1px solid #112;
	border-left:none;
	border-top:none;
}

.calendar td.last_month{
	background:#ccc;
}

.calendar td.today {
	background:#a7e4f1;
	color:#000;
}

.calendar td.event, .calendar td.event a {
	font-weight:bold;
	background:#e5f6ff;
	color:#000;
}

.calendar td.event.today, .calendar td.event.today a {
	font-weight:bold;
	background:#000;
	color:#e5f6ff;
}

.calendar td a {
	display:block;
	width:41px;
	height:20px;
	
	text-decoration:none;
	font-weight:bold;
}

.calendar td a:hover{
	text-decoration:underline;
}