.scal{
	background-color: white;
	/*margin:1px;*/
	/*border:1px solid #A2B2C5;*/
	/*font-size:10pt;*/
	font-size:8pt;
	width:140px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:0px;
	min-height:100px;
}
.scal: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. ;) */
}
.scal .calwrapper{
	display:block;
}
.scal .calweekswrapper{
	display:block;
	border: 1px solid gray;
}
.scal .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:black;
	/*font-size:11pt;*/
	font-size:7pt;
	font-weight: bold;
	margin-bottom:1px;
}
.scal .caltitle{
    background-color: #A2B2C5;
    width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    color:white;
    font-size:8pt;
}
.scal .calcontrol{
	font-weight: bold;
	width:17px;
    color:white;
}
.scal .calcontrol:hover{
}
.scal .calclose{
	/*float:right;*/
	display:none;
}
.scal .calprevmonth{
	float:left;
    color:white;
    /*display:none;*/
}
.scal .calnextmonth{
	/*float:right;*/
    /*color:white;*/
    display:none;
}
.scal .calnextyear{
	display:none;
}
.scal .calprevyear{
	display:none;
}
.scal .daybox{
	float:left;
	background-color: white;
	border:1px solid white;
	width:17px;
	padding:0px;
	color:black;
	text-align:center;
}
.scal .dayboxvalue{
    display: none;
}
.scal .dayboxname{
	/*border: 1px solid #A2B2C5;*/
	background-color: white;
	color:black;
}
.scal .dayboxsunday{
	/*background-color: #E1F286;*/
	/*border: 1px solid #E1F286;*/
}
.scal .dayboxsaturday{
	/*background-color: #E1F286;*/
	/*border: 1px solid #E1F286;*/
}
.scal .daybox:hover{
}
.scal .dayboxname:hover{
}
.scal .dayinmonth{
	color: black;
}
.scal .dayoutmonth{
	color:gray;
}
.scal .dayselected{
	background-color: #aaccee;
	color: black;
}
.scal .daycurrent{
	border:1px solid #e8eef7;
}
.scal .weekbox{
	width:100%;
	min-height:17px;
	display:block;
}
.scal .endweek{
	float:left;
}
.scal .weekboxname{
}
.scal .past{
    cursor:default;
    color:lightgray;
}


.scal2{
	background-color: white;
	/*margin:1px;*/
	/*border:1px solid #A2B2C5;*/
	/*font-size:10pt;*/
	font-size:8pt;
	width:140px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:0px;
	min-height:100px;
}
.scal2:hover{
	cursor:pointer;
}
.scal2 .calwrapper{
	display:block;
}
.scal2 .calweekswrapper{
	display:block;
	border: 1px solid gray;
}
.scal2 .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:black;
	font-size:7pt;
	font-weight: bold;
	margin-bottom:1px;
}
.scal2 .caltitle{
    background-color: #A2B2C5;
    width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    color:white;
    font-size:8pt;
}
.scal2 .calcontrol{
	font-weight: bold;
	width:17px;
    color:white;
}
.scal2 .calcontrol:hover{
}
.scal2 .calclose{
	/*float:right;*/
	display:none;
}
.scal2 .calprevmonth{
	/*float:left;*/
    /*color:white;*/
    display:none;
}
.scal2 .calnextmonth{
	float:right;
    color:white;
    /*display:none;*/
}
.scal2 .calnextyear{
	display:none;
}
.scal2 .calprevyear{
	display:none;
}
.scal2 .daybox{
	float:left;
	background-color: white;
	border:1px solid white;
	width:17px;
	padding:0px;
	color:black;
	text-align:center;
}
.scal2 .dayboxvalue{
    display: none;
}
.scal2 .dayboxname{
	/*border: 1px solid #A2B2C5;*/
	background-color: white;
	color:black;
}
.scal2 .dayboxsunday{
	/*background-color: #E1F286;*/
	/*border: 1px solid #E1F286;*/
}
.scal2 .dayboxsaturday{
	/*background-color: #E1F286;*/
	/*border: 1px solid #E1F286;*/
}
.scal2 .daybox:hover{
}
.scal2 .dayboxname:hover{
}
.scal2 .dayinmonth{
	color: black;
}
.scal2 .dayoutmonth{
	color:gray;
}
.scal2 .dayselected{
	/*background-color: #aaccee;*/
	/*color: black;*/
}
.scal2 .daycurrent{
	border:1px solid #e8eef7;
}
.scal2 .weekbox{
	width:100%;
	min-height:17px;
	display:block;
}
.scal2 .endweek{
	float:left;
}
.scal2 .weekboxname{
}

.scal2 .past{
    cursor:default;
    color:lightgray;
}