/* calender css */
.popupContent{
	position:relative;
	height:auto;
	width:100%;
	z-index:10;
}
#calender{
	position:relative;
	height:254px;
	width:214px; 
	padding-top:4px;
	padding-left:7px;
	padding-bottom:6px;
	background:url(calendar_images/calenderbgd.png) center no-repeat;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.calenderheader{
	position:relative;
	height:34px;
	width:207px;
}
.calendercontent{
	position:relative;
	height:181px;
	width:207px;
	padding-left:4px;
	margin-top:25px;
}
.calenderfooter{
	position:relative;
	height:23px;
	width:197px;
	padding-top:10px;
	padding-left:10px;
	text-align:center; 
}
.calenderfooter select{

}
.calendercontent div{
	height:18px;
	width:29px;
	float:left;
	text-align:center;
	padding-top:8px;
}
.calendercontent div:hover{
	background-color:#F0F0F0;
	color:#CCC;
	cursor:pointer;
}
.calenderfooter div:first-child{
	border-left:0px;
}
.calenderfooter div{
	height:10px;
	width:auto;
	border-left:2px solid #000000;
	float:left;
	padding-left:4px;
	margin-right:3px;
	padding-bottom:2px;
}
.calenderfooter div:hover{
	cursor:pointer;
}
.previous-month{
	height:16px;
	width:20px;
	background:url(calendar_images/previous-month.gif) no-repeat;
	position:absolute;
	top:10px;
	left:10px;
}
.year_content .previous-month{
	top:32px;
}
.previous-month:hover{
	cursor:pointer;
}
.next-month{
	right:10px;
	left:auto;
	background:url(calendar_images/next-month.gif) no-repeat;
}
.next-month:hover{
	cursor:pointer;
}
.year
{
    height:10px;
	width:auto;
	position:relative;
	text-align:center;
}
.year_content
{
    margin-top:24px;
}
.month{
	height:10px;
	width:auto;
	position:relative;
	top:12px;
	text-align:center;
}
.today{
	background-color:#FC0  !important;
	color:#000  !important;
}
.week-end{
	color:#F30 !important;
}
.last-month{
	color:#CCC;
}
.selected_month{
	background-color:#F0F0F0;
	color:#CCC;
}
.popupLargeContent{
	position:relative;
	height:218px;
	width:405px;
	background:url(calendar_images/calendar_images.png) 1px 0px no-repeat;
}
.popupLargeContent #calender{
	height:214px;
	background:url(calendar_images/calendar_images.png) -4px -228px no-repeat;
	padding-left:0px;
	padding-top:0px;
}
/*.popupContent .repeat_weekly,.popupContent  .calendar_date{
	display:none;
}*/
.repeat_weekly{
	position:absolute;
	height:92px;
	width:195px;
	border-bottom:1px solid #CCC;
	right:0px;
	top:0px;
}
.calendar_date{
	position:absolute;
	height:127px;
	width:195px;
	bottom:0px;
	right:0px;
}
.Mon{
	float:left;
	height:21px;
	margin-top:10px;
	padding-left:15px;
	background:url(calendar_images/calendar_images.png) 0px -520px no-repeat;
}
.Tue{
	float:left;
	height:21px;
	margin-top:10px;
	padding-left:15px;	
	background:url(calendar_images/calendar_images.png) 0px -460px  no-repeat;
}
.Wed{
float:left;
	height:21px;
 margin-top:10px;
	padding-left:15px;
	background:url(calendar_images/calendar_images.png) 0px -580px  no-repeat;
}
.Thu{
float:left;
	height:21px;
	margin-top:10px;
	padding-left:15px;
	background:url(calendar_images/calendar_images.png) 0px -460px  no-repeat;
}
.Fri{
float:left;
	height:21px;
	margin-top:10px;
	padding-left:15px;	
	background:url(calendar_images/calendar_images.png) 0px -550px  no-repeat;
}
.Sat{
float:left;
	height:21px;
	margin-top:10px; 
	padding-left:15px;	
	background:url(calendar_images/calendar_images.png) 0px -490px  no-repeat;
}
.Sun{
float:left;
	height:21px;
	margin-top:10px;
	padding-left:15px;
	background:url(calendar_images/calendar_images.png) 0px -490px  no-repeat;
}
/*.popupContent select{
	height:18px;
	width:38px;
	border:1px solid #CCC;
	margin-left:2px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}*/
.popupLargeContent select{
	height:18px;
	width:38px;
	border:1px solid #CCC;
	margin-left:2px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
} 
.check_weekly{
	position:relative;
	height:17px;
	width:180px;
	margin-top:10px; 
	margin-left:10px;
}
span input{
	float:left;
	height:16px ;
	width:16px;
	margin-right:0px !important;
}
.enabledTxt{ 
	border:2px solid #FC0;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.disabledTxt{
	border:2px solid #CCC;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
} 
.check_weekly input{
	float:left;  
	height:16px;
	width:75px;
	margin-right:10px;
}
.check_weekly_desc{
	float:left;
	width:auto;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	height:17px;
	margin-left:6px;
	margin-right:6px;
}
.input_checkbox{
	border:1px solid #CCC;
	margin-left:3px;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
	margin-right:3px;
}
#choose_month{
	position:relative;
	height:196px;
	width:214px; 
	background:url(calendar_images/choose_month_bgd.png) center no-repeat;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#choose_month .calendercontent{
	position:relative;
	height:158px;
	width:207px;
	margin-top:1px;
}
#choose_month .calendercontent div{
	height:14px;
	width:87px;
	float:left;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
	border:1px solid #F5F5F5;
}
#choose_day{
	position:relative;
	height:196px;
	width:214px; 
	background:url(calendar_images/choose_day.png) center no-repeat;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#choose_day .calendercontent{
	padding-left:6px;
}

/* end of calender css */