/*to get round corners*/
b.rtop{display:block;background: transparent;}
b.rtop b{display:block;height: 1px; overflow: hidden; background: #651366;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4{margin: 0 1px;height: 2px}


/*Styles for date picker*/

.scal{
	background-color: #F7F4F7;
	margin:0px;
	border:1px solid #6A6A6A;
    font-family: Arial;
	font-size:12px;
	width:219px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding:0px;
	min-height:175px;
}
.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:#651366;;
	font-size:13px;
	font-weight: bold;
    background-color: #E2E9B0;
    padding-bottom: 2px;
}
.scal .caltitle{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.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(../images/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:25px;
	padding:2px;
	color:black;
	text-align:center;
}
.scal .dayboxvalue{
    display: none;
}
.scal .dayboxname{
	border: 1px solid #E2E9B0;
    background-color: #E2E9B0;
	color:#75AD01;
}
.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:#75AD01;
}
.scal .dayoutmonth{
	color:#E7D8E9;
}
.scal .dayselected{
	background-color: #651366;;
	color: White;
}
.scal .daycurrent{
	border:1px solid #E2E9B0;
}
.scal .weekbox{
	width:100%;
	min-height:21px;
	display:block;
    margin-top:3px;
    background-color: #E2E9B0;
}
.scal .endweek{
	float:left;
}
.scal .weekboxname{
    background-color: #E2E9B0;
}