body {
			font-family: arial, helvetica; 
			font-size: 11px;
		}
  		td {
			font-family: arial, helvetica; 
			font-size: 11px;
		}
  		h1 {
			font-family: arial, helvetica; 
			font-size: 18px;
			font-weight: bold;
		}
  		h2 {
			font-family: arial, helvetica; 
			font-size: 14px;
			font-weight: bold;
			padding: 0 0 0 0px;

		}

		.celline {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: 670000;
			background: #FEFFE1;
		}
		.leftline {
			border-left-width: 1px;
			border-left-style: solid;
			border-left-color: 670000;
			background: #FEFFE1;
		}
		.rightline {
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: 670000;
			background: #FEFFE1;
		}
		.topline {
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: 670000;
			background: #FEFFE1;		
		}
		.bottomline {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: 670000;
			background: #FEFFE1;		
		}
		.noline {
			background: #FEFFE1;		
		}
		.topline_white {
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: 670000;
			background: #FFFFFF;		
		}

		.bottomline_white {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: 670000;
			background: #FFFFFF;		
		}

		.h {
			font-family: arial, helvetica; 
			font-size: 14px;
			font-weight: bold;
			color: 670000;
		}
		a {
			text-decoration:none;
			color: 670000;
			font-weight: bold;

		} 
		a:visited {
			color: 670000;
			text-decoration:none;
			font-weight: bold;
		}

a.calIco {
	overflow: hidden;
	margin: 0 0 0 0.25em;
	padding: 0 0 0 16px;
	line-height: 16px;
	background: url(/img/cal/calendar.gif) center center no-repeat;
}
.calendar {
	overflow: hidden;
	position: relative;
	padding: 6px 0;
	font-family: Tahoma;
	font-size: 100%;
	width: 27em;
}
.calendar div.cn {
	position: absolute;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: -6px;
	background: url(/img/cal/corner.gif) no-repeat;
}
.calendar div.trc, .calendar div.brc {
	right: -6px;
}
*html .calendar div.trc, *html .calendar div.brc {
	right: -7px;
}
.calendar div.tlc, .calendar div.blc {
	left: -6px;
	width: 100%;
}
.calendar div.blc, .calendar div.brc {
	top: auto;
	bottom: -6px;
}
.calendar div.main {
	overflow: hidden;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background: #FEFFE1;
}
*html .calendar div.main {
	width: 100%;
}
.calendar div.month {
	position: relative;
	float: left;
	overflow: hidden;
	width: 11.3em;
	margin: 2.5em 0.5em 0.1em 0.5em;
}
.calendar a.close {
	position: absolute;
	right: 0;
	margin: 0.5em;
	overflow: hidden;
	padding: 0 1.5em 0 0;
	text-decoration: none;
	color: #666;
	background: url(/img/cal/close.gif) center right no-repeat;
}
.calendar .month center {
	color: #660000;
}
.calendar .month br {
	line-height: 0.5em;
}
.calendar ul {
	width: 100%;
	clear: both;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	margin: 0 0 2px 0;
}
.calendar ul.month li {
	overflow: hidden;
	list-style-type: none;
}
.calendar ul.days li, .calendar ul.week li, .calendar ul.week li a {
	list-style-type: none;
	text-align: center;
	text-decoration: none;
	float: left;
	display: inline;
	width: 1.6em;
	line-height: 1.6em;
	margin: 0 2px 0 0;
	background: #ffffff;
	color: #999;
}
.calendar ul.days li, .calendar ul.week li {
	font-size: 90%;
}
.calendar ul.week li.clear {
	background: #FEFFE1;
}
.calendar ul.week li.today {
	background: #670000;
}
.calendar ul.week li.today strong {
	font-weight: normal;
	display: block;
	line-height: 1.45em;
	border: 1px solid #f0f0f0;
	color: #fff;
}
.calendar ul.week li.weekend, .calendar ul.week li.weekend a {
	background: #f0f0f0;
}
.calendar ul.days li {
	color: #333;
	background: #fafafa;
	border-bottom: 1px solid #670000;
}
.calendar ul.week li a {
	color: #333;
}
.calendar ul.week li a:hover {
	background: #ffe292;
}
.calendar a.back, .calendar a.forwd {
	position: absolute;
	top: 0;
	overflow: hidden;
	height: 0;
	width: 16px;
	padding: 16px 0 0 0;
}
*html .calendar a.back, *html .calendar a.forwd {
	height: 16px;
}
.calendar a.forwd {
	right: 0;
	background: url(/img/cal/arrowright.gif) no-repeat;
}
.calendar a.back {
	left: 0;
	background: url(/img/cal/arrowleft.gif) no-repeat;
}

/* Calendar (Date picker) ------------------------------------------------- */

.dpDiv {
  border: 1px solid #ccc;
  background-color: #eee;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
  text-align: center;
  color: #333;
}

.dpTable td {
  padding: 2px 3px;
  border-bottom: 1px solid #eee;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
  background-color: #6ad;
  color: #fff;
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
  background-color: #eee;
}

/* a table cell that holds a date number (1-31) */
.dpTD {
  background: #fff;
}
.dpTDempty {
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #6ad;
  cursor: pointer;
  color: #fff;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD button {
  border: 0;
  background: #47a;
  color: #fff;
  cursor: pointer;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
  background: #ddd;
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #ddd;
  color: #666;
  border-bottom: 1px solid #ccc;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
  color: #47a;
  font-weight: bold;
  background: #fff;
}


/* the forward/backward buttons at the top */
.dpButton {
  font-size: 10px;
  color: #fff;
  background: #47a;
  font-weight: bold;
  cursor: pointer;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-size: 10px;
  background: transparent;
  border: none;
  color: #666;
  cursor: pointer;
}

 
a.clCalLink:active, a.clCalLink:visited,  a.clCalLink:link {
	color: White;
	font-size: 10px;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	font-weight: normal;
}
a.clCalLink:hover {
	font-size: 10px;
	color: White;
	font-family: "Courier New", Courier, monospace;
	text-decoration: underline;
	font-weight: normal;
}

.clToday {
	background : url(/img/bg.png) no-repeat 0 0;
	color : #000;
     border:1px solid #ccc;
	font-size: 11px;

}
.clToday_first {
	background : url(/img/bg.png) no-repeat 12px 0;
	color : #000;
     border:1px solid #ccc;
	font-size: 11px;


}
.clToday_last {
	background : url(/img/bg.png) no-repeat -12px 0;
	color : #000;
     border:1px solid #ccc;
	font-size: 11px;


}
.clToday_duble {
	background : url(/img/duble.png) no-repeat 0px 0;
	color : #000;
     border:1px solid #ccc;
	font-size: 11px;

}

.clDay {
	background : White;
	color : Black;
    border:1px solid #ccc;
	font-size: 11px;

}
.clDayLink {
	background : White;
	color : Blue;
	font-family : "Courier New", Courier, monospace;
	text-decoration : none;
}
.clDayLink:hover {
	background : White;
	color : Blue;
	font-family : "Courier New", Courier, monospace;
	text-decoration : underline;
}
.clDayNames {
	background : #E4E4E4;
	font-size: 11px;

}
.clTop {
	background : #FEFFE1;
	font-weight : bold;
	font-size: 11px;

}