/* Need this style sheet to work with calendar.js
----------------------------------------------------------*/
.calendar{
width:200px;
color:#000;
font-family:arial,helvetica,clean,sans-serif;
font-size:11px;
line-height:15px;
border:1px solid #797979;
}

.calendar .date_picker{
	text-align:center;
	height:21px;
	background:transparent url(../images/calendar/status-bg.gif) repeat scroll 0 0;
}

 .date_picker .pre_year{
	cursor:pointer;
	background:transparent url(../images/calendar/pre_year.gif) repeat scroll 0 0; 
	height:6px;
	width:7px;
	margin:6px 0 0 8px;	
	float:left;
}

.calendar .date_picker .pre_month{
	cursor:pointer;
	background:transparent url(../images/calendar/pre_month.gif) repeat scroll 0 0; 
	height:6px;
	width:7px;	
	margin:6px 0 0 8px;	
	float:left;	
}

.calendar .date_picker .next_year{
	cursor:pointer;
	background:transparent url(../images/calendar/next_year.gif) repeat scroll 0 0; 
	height:6px;
	width:7px;
	margin:6px 8px 0 0;	
	float:right;	
}

.calendar .date_picker .calendar_close{
	cursor:pointer;
	background:transparent url(../images/calendar/calendar_close.gif) repeat scroll 0 0; 
	height:7px;
	width:7px;
	margin:5px 8px 0 0;	
	float:right;	
}


.calendar .date_picker .next_month{
	cursor:pointer;
	background:transparent url(../images/calendar/next_month.gif) repeat scroll 0 0; 
	height:6px;
	width:7px;	
	margin:6px 8px 0 0;	
	float:right;	
}

.calendar .date_picker .year_now{
	float:left;	
	margin:1px 0 0 15px;		
}

.calendar .date_picker .month_now{
	float:left;	
	margin:1px 0 0 5px;	
}


.calendar table{
	background:transparent url(../images/calendar/calendar_bg.gif) repeat scroll 0 0; 

}   

.calendar thead th{
	text-align:center;
	background:transparent url(../images/calendar/dark-bg.gif) repeat scroll 0 0; 
}

.calendar tbody{

	border-top:1px solid #797979;
}

.calendar .calendar_content{
text-align:right;
cursor:default;
}

.calendar td{
height:22px;
padding:1px 3px 1px 1px;
padding-left:1px;
}

.calendar .total_week{
	background:transparent url(../images/calendar/dark-bg.gif) repeat scroll 0 0; 
	border-right:1px solid #797979;
}

.calendar .calendar_date{
}

.calendar .selected{
	background:transparent url(../images/calendar/selected-bg.gif) repeat scroll 0 0; 

	color:#FFFFFF;
	font-weight:bold;
	height:22px;	
}

.calendar .hover{
	background:transparent url(../images/calendar/dark-bg.gif) repeat scroll 0 0; 

	color:#000;
	text-decoration:underline;
	height:22px;	
}

.calendar .not_current{
color:#CECCCC;
}

.calendar .weekend{
	background:transparent url(../images/calendar/horver-bg.gif) repeat scroll 0 0; 
}

.calendar .calendar_bottom{
	text-align:center;
	height:23px;
	background:transparent url(../images/calendar/status-bg.gif) repeat scroll 0 0;
	border-top: 1px solid #797979;
}

.calendar .calendar_bottom input{
	float:right;
	margin: 2px 3px 0 0;
	background:transparent url(../images/calendar/calendar_button.gif) repeat scroll 0 0;
	border:1px solid #616161;	
	color:#000000;
	font-size:11px;
	padding-left:6px;	
	padding-right:6px;
	padding-bottom:1px;	
	text-align:center;	
	overflow: visible;
	cursor:pointer;		
	vertical-align:middle;
}

.calendar .select_date{
	float:left;
	padding:3px 0 0 25px;
}

.calendar_icon {
	width:20px;
	height:20px;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
	background:url(../images/calendar/jscalendar.gif) 3px no-repeat;
}