#calendar{
	font-family: serif, Arial, Verdana;
	font-size: 10px;
}

/* LINKS */

#calendar_header  				{ width:99%; }
#calendar_header .caption_left 	{ width:33%; text-align:left; }
#calendar_header .caption 		{ width:34%; font-size: 12px; font-weight:bold; text-align:center; }
#calendar_header .types_changer { width:33%; font-size: 12px; font-weight:normal; text-align:right; }


/* MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/

#calendar .month  			{ align:left; border:1px solid #B7DBFF; margin:8px; margin-left: 1px; margin-top:0px; border-collapse:collapse; width:200px; }
#calendar .tr				{ }
#calendar .th 				{ text-align:left; font-family: arial, tahoma, verdana; font-size:11px; align:left; font-weight:normal; padding-top:0px; padding-bottom:0px; padding-left:2px; padding-right:2px; }

.cal_tbhead {
	height:18px;
	font-family: arial, tahoma, verdana;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	background-image:url(../images/head_bg.png);
}
.td_actday {
	background-color:#D7EBFF;
	font-weight:bold;
	font-size:11px;
	color:#C00;
	vertical-align: top;
	padding-right:2px;
	font-family: arial, tahoma, verdana;
	cursor:pointer;
	width:13px;
}
.td_selday {
	background-color:#B7DBFF;
	border:1px; color:#555;
	font-weight:bold;
	font-size:11px;
	text-align: right;
	vertical-align: top;
	padding-right:2px;
	font-family: arial, tahoma, verdana;
	cursor:pointer;
	width:13px;
}
.cal_empty {
	border:1px solid #B7DBFF; color:#555; background-color:#EAF4FF;
}
.cal_td {
	border:1px solid #B7DBFF;
	color:#333333;
	font-size:11px;
	vertical-align: top;
	padding-right:2px;
	font-family: arial, tahoma, verdana;
	font-weight:normal;
	cursor:pointer;
	width:13px;
}
.cal_disbl {
    border:1px solid #B7DBFF;
    background-color:#DFDFDF;
    color:#808080;
    font-size:11px;
    vertical-align: top;
    padding-right:2px;
    font-family: arial, tahoma, verdana;
    font-weight:normal;
    cursor:pointer;
    width:13px;
}
.cal_text { font-size: 10px; color:#666; text-align:right; background-color:#FFFF9C; }
/* SMALL MONTLY CALENDAR */
/** ------------------------------------------------------------------------ **/
#calendar .td_small,
#calendar .td_small_empty,
#calendar .td_small_actday,
#calendar .td_small_selday{
	text-align: right;
	vertical-align: top;
	padding:1px;
	padding-right:2px;
}

#calendar .year_container   { width:100%; align:center; margin-top:8px; border:1px solid #B7DBFF; border-collapse:collapse; }
#calendar .month_small	    { width:96%; align:center; border:1px solid #B7DBFF; margin-top:5px; border-collapse:collapse; }
#calendar .tr_small_days    { background-image: url(../images/head_bg.png); background-repeat: repeat-x; }
#calendar .tr_small         { }
#calendar .td_small         { border:1px solid #B7DBFF; color:#555; background-color:#ffffff; }
#calendar .td_small_empty 	{ border:1px solid #ddd; color:#555; background-color:#f1f2f3; }
#calendar .td_small_actday  { background-color:#0466ba; color:#fff; font-weight:bold; }
#calendar .td_small_selday  { background-color:#ffffcc; border:1px; color:#555; font-weight:bold; }
#calendar .th_small         { text-align:center; align:center; font-weight:bold; padding-top:1px; padding-bottom:1px; padding:2px; color:#fff; }


/* NAVIGATION BAR */
#calendar .table_navbar   	{ border:0px; width:100%; height: 40px; }
#calendar .tr_navbar   		{ width:34%; background-color:#ffffff; height:30px; }
#calendar .tr_navbar_left 	{ width:33%; background-color:#ffffff; height:30px; padding-left:7px; text-align:left; }
#calendar .tr_navbar_right 	{ width:33%; background-color:#ffffff; height:30px; padding-right:7px; text-align:right; }

#calendar .class_form       { padding:0px; margin:0px; }
#calendar .form_select      { font-size:12px; }
#calendar .form_button      { font-size:12px; }
