@charset "utf-8";
/* CSS Document */

#cal-all
{
	width: 190px;
	height: 135px;
	float: left;
	color: #333333;
	padding-top: 15px;
	padding-left: 10px;
}

#cal
{
	float: left;
}

table#cal-table {
    width:115px;
    border:0px solid #888;    
    border-collapse:collapse;
	font-size: 8pt;
}

td.normal-td {
    width:30px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
	background-color: #333333;
}

.days{
    /*background-color: #F1F3F5;*/
	background-color: #999999;
	color: #eeeeee;
}

.days td{
    /*background-color: #F1F3F5;*/
	background-color: #999999;
	color: #eeeeee;
}

#cal-table th {
    border-collpase:collpase;
    border:1px solid #888;
    /* background-color: #E9ECEF; */
	background-color: #000000;
	color: #dddddd;
}

.actday{
    /*background-color: #c22;*/
	width:30px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
	background-color: #333333;
	
	background-color: #CCCCCC;
}

.eventday{
	width:30px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
	background-color: #333333;
	
	background-color: #00ccff;
    font-weight:bold;
}

.eventday:hover{
	cursor: pointer;
}

.today-cal
{
	width:30px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
	background-color: #333333;
	
	background-color: #cc0000;
    font-weight:bold;
	color: #cccccc;
}

.arrow{
	}
	
.arrow:hover
{
	cursor: pointer;
}

#left-arrow
{
	width: 14px;
	height: 15px;
	background-image: url(../images/cal_arrow.png);
	background-position: 0px 0px;
	margin-right: 6px;
	float: left;
	margin-top: 60px;
}

#left-arrow:hover
{
	cursor: pointer;
	background-position: -28px 1px;
}

#right-arrow
{
	width: 14px;
	height: 15px;
	background-image: url(../images/cal_arrow.png);
	background-position: -14px 0px;
	margin-left: 6px;
	float: left; 
	margin-top: 60px;
}

#right-arrow:hover
{
	cursor: pointer;
	background-position: -44px 1px;
}

#cal-content
{
	padding-top: 5px;
	float: left;
	width: 280px;
}

#cal-content-top
{
	height: 120px;
	margin-bottom: 5px;
}

#event-prev-next
{
	width: 280px;
	text-align: right;
	margin-bottom: 3px;
	font-size: 7pt;
}

#event-prev-next span
{
	margin-right: 5px;
	margin-left: 5px;
}

#event-prev-next span:hover
{
	text-decoration: underline;
	cursor: pointer;
}

#event-prev-next .little
{
	font-size: 7pt;
	margin-right: 2px;
	margin-left: 2px;
}

#event-prev-next .little:hover
{
	text-decoration: none;
}

.event-title
{
	float: left;
	width: 40px;
	text-align: right;
	margin-right: 10px;
	color: #CCCCCC;
	font-weight: bold;
}

#cal-title
{
	color: #CCCCCC;
	/*font-weight: bold;*/
}

.event-content
{
	float: left;
	width: 230px;
}

.event-readmore
{
}

.event-readmore a
{
	color: orange;
	text-decoration: none;
}

.event-readmore a:hover
{
	color: yellow;
}

.clear
{
	clear: both;
}

#event-blue
{
	width: 11px;
	height: 11px;
	background-color: #00ccff;
	float: left;
	margin-right: 8px;
}

#event-red
{
	width: 11px;
	height: 11px;
	background-color: #cc0000;
	float: left;
	margin-right: 8px;
}

.event-ref
{
	color: #cccccc;
	margin-right: 15px;
	float: left;
	font-size: 7pt;
}

#event-share
{
	float: right;
	margin-top: -2px;
}