/*Styles for date picker*/

.scal{
	background-color: White;
	margin:0px;
	border:1px solid #bfcdd4;
    font-family: Arial;
	font-size:11px;
	width:191px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:0px;
	min-height:150px;
	cursor:pointer;
}
.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: solid 1px White;
}
.scal .calheader{
	display: block;
	width:100%;
	text-align:center;
	color:#CF6228;
	font-size:13px;
	font-weight: bold;
    background-color: #EEF3F6;
    padding-bottom: 2px;
}
.scal .caltitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:default;
}
.scal .calcontrol{
	font-weight: bold;
	width:20px;
    background: transparent no-repeat center center;
}

.scal .calcontrol:hover{
}
.scal .calclose{
	float:right;
	display:block;
    background-image: url(img/close.jpg);
}
.scal .calprevmonth{
	float:left;
        /*background-image: url(images/calendar/month-previous.jpg);*/
}
.scal .calnextmonth{
	float:right;
        /*background-image: url(images/calendar/month-next.jpg);*/
}
.scal .calnextyear{
        float:right;
        /*background-image: url(images/calendar/year-next.jpg);*/
}
.scal .calprevyear{
        float:left;
        /*background-image: url(images/calendar/year-previous.jpg);*/
}
.scal .daybox{
	float:left;
	background-color: white;
	border:1px solid white;
	width:23px;
	padding:1px;
	color:black;
	text-align:center;
}
.scal .dayboxvalue{
    display: none;
}
.scal .dayboxname{
	border: 1px solid #EEF3F6;
        background-color: #EEF3F6;
	color:#6190AA;
}
.scal .dayboxsunday{
	background-color: White;
	border: 1px solid White;
}
.scal .dayboxsaturday{
	background-color: White;
	border: 1px solid White;
}
.scal .daybox:hover{
}
.scal .dayboxname:hover{
}
.scal .dayinmonth{
	color:#6190AA;
}
.scal .dayoutmonth{
	color:gray;
}
.scal .dayforbidden{
	background-color:lightgray;
	cursor:default;
}
.scal .dayselected{
	background-color: #CF6228;
	color: White;
}
.scal .daycurrent{
	border:1px solid #e8eef7;
}
.scal .weekbox{
	width:100%;
	min-height:18px;
	display:block;
        margin-top:3px;
        background-color: #EEF3F6;
}
.scal .endweek{
	float:left;
}
.scal .weekboxname{
        background-color: #EEF3F6;
	cursor:default;
}