/*
iscal - based on apple's ical default design
*/

 p.event{
    background: green;
    color: #fff;
	font-size:10px;
 }
 
.iscal{
	background-color: #ec008c;
	margin:1px;
	border:3px solid #cccccc;
	font-size:10px;
	width:512px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:2px;
	min-height:490px;
	margin-left:0;
	margin-top:0;
}
.iscal:hover{
	cursor:pointer;
	/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.iscal .calwrapper{
	display:block;
	background-color:#ffffff;
}
.iscal .calweekswrapper{
	display:block;
	border-right:1px solid #cccccc;
}
.iscal .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
.iscal .caltitle{
	width:70%;
	height:25px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.iscal .calcontrol{
	font-weight: bold;
	width:25px;
}
.iscal .calcontrol:hover{
}
.iscal .calclose{
	float:right;
	display:none;
}
.iscal .calprevmonth{
	float:left;
}
.iscal .calnextmonth{
	float:right;
}
.iscal .calnextyear{
	display:none;
}
.iscal .calprevyear{
	display:none;
}
.iscal .daybox{
	float:left;
	background-color: white;
	border-left:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width:70px;
	height:70px;
	padding:1px;
	color:black;
	text-align:right;
    overflow: auto;
}
.iscal .dayboxname{
	background-color: #ffffff;
	border-left: 1px solid #ffffff;
	height:auto;
	width:70px;
	text-align: center;
	color:#000000;
}
.iscal .dayboxvalue{
	text-align:left;
	overflow: hidden;
}
.iscal .daybox:hover{
}
.iscal .dayboxname:hover{
}
.iscal .dayinmonth{
	color: black;
}
.iscal .dayoutmonth{
	color:gray;
}
.iscal .dayselected{
	background-color: #eeeeff;
}
.iscal .daycurrent{
	border:1px solid #e8eef7;
}
.iscal .weekbox{
	width:100%;
	display:block;
}
.iscal .endweek{
	float:left;
}
.iscal .weekboxname{
}
.iscal .dayboxdate{
    width: 15px;
    text-align: center;
    float: right;
}
.iscal .dayboxvalue p {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
}
.iscal .dayselected{
}

abbr { cursor:help; }