.calendar-widget {
	width: 299px;
	background-color: #637743;
	clear: both;
	position:absolute; 
	top:225px; left:150px;
	z-index:10;
}

.calendar-widget .title-bar {
	height: 15px;
	text-align: right;
	padding: 0px 10px 2px 0px;
	clear: both;
}

.calendar-widget .title-bar a, .calendar-widget .title-bar a:visited {
	color: #ffffff;
	font-size: 9px;
}

.calendar-widget .title-bar a.closeX {
	border: 1px #ffffff solid;
	line-height: 7px;
	font-size: 7px;
	height: 7px;
	text-decoration: none;
	padding: 0px 1px 0px 1px;
}

.calendar-widget .month {
	width: 147px;
	margin: 0px 1px 0px 1px;
	background-color: #ffffff;
	float: left;
}

.calendar-widget .month h1 {
	background-color: #ced6c6;
	color: #2f690c;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	height: 14px;
	margin: 0px 0px 0px 0px;
}

.calendar-widget .month .month-nav {
	color: #006CB2;
	font-size: 10px;
	text-transform: capitalize;
	padding: 3px 0px 3px 0px;
	text-align:center;
}
.calendar-widget .month .month-nav select,
.calendar-widget .month .month-nav option {
	font-size: 10px;	
}
.calendar-widget .month td {
	width: 20px;
	height: 17px;
	line-height: 100%;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

.calendar-widget .month td a, .calendar-widget .month td a:visited {
	padding: 3px 2px 3px 0px;
	display: block;
	color: #2f690c;
	background-color: #ced6c6;
	text-decoration: none;
}

.calendar-widget .month td.first a, .calendar-widget .month td.first a:visited, .calendar-widget .month td.last a, .calendar-widget .month td.last a:visited {
	color: #738A5C;
	background-color: #eaeee7;
}

.calendar-widget .month td a.other, .calendar-widget .month td a.other:hover, .calendar-widget .month td.first a.other:hover, .calendar-widget .month td.last a.other:hover, .calendar-widget .month td a.other:visited, .calendar-widget .month td.first a.other:visited, .calendar-widget .month td.last a.other:visited {
	padding: 3px 2px 3px 0px;
	color: #769fbf;
	background-color: #dde7ef;
	cursor: default;
}

.calendar-widget .month td a.cur, .calendar-widget .month td a.cur:hover, .calendar-widget .month td.first a.cur:hover, .calendar-widget .month td.last a.cur:hover, .calendar-widget .month td a.cur:visited, .calendar-widget .month td.first a.cur:visited, .calendar-widget .month td.last a.cur:visited {
	padding: 3px 2px 3px 0px;
	color: #ffffff;
	background-color: #738a5c;
	cursor: default;
}

.calendar-widget .month td a:hover, .calendar-widget .month td.first a:hover, .calendar-widget .month td.last a:hover {
	color: #ffffff;
	background-color: #ff6600;
}


.calendar-widget .month td a.selected {
	color: #ffffff !important;
	background-color: #ff6600 !important;
}


.calendar-widget .month tr.hdRow td {
	background-image: url(img/th_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #084980;
	text-align: center;
	padding: 3px 0px 1px 0px;	
	font-size: 10px;
}

.calendar-widget .footer-bar {
	height: 14px;
	text-align: center;
	padding: 0px 0px 1px 0px;
	background-color: #637743;
	clear: both;
}

.calendar-widget .footer-bar a, .calendar-widget .footer-bar a:visited {
	color: #ffffff;
	font-size: 9px;
}

#cal-wrapper { position:relative; }

.calendar {
	width: 150px;
	background-color: #637743;
	clear: both;
	position:absolute; 
	top:50px; left:700px;
	z-index:10;
}

.calendar .title-bar {
	height: 15px;
	text-align: right;
	padding: 0px 10px 2px 0px;
	clear: both;
}

.calendar .title-bar a, .calendar .title-bar a:visited {
	color: #ffffff;
	font-size: 9px;
}

.calendar .title-bar a.closeX {
	border: 1px #ffffff solid;
	line-height: 7px;
	font-size: 7px;
	height: 7px;
	text-decoration: none;
	padding: 0px 1px 0px 1px;
}

.calendar .month {
	width: 147px;
	margin: 0px 1px 0px 1px;
	background-color: #ffffff;
	float: left;
}

.calendar .month h1 {
	background-color: #ced6c6;
	color: #2f690c;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	height: 14px;
	margin: 0px 0px 0px 0px;
}

.calendar .month .month-nav {
	color: #006CB2;
	font-size: 10px;
	text-transform: capitalize;
	padding: 3px 0px 3px 0px;
	text-align:center;
}
.calendar .month .month-nav select,
.calendar .month .month-nav option {
	font-size: 10px;	
}
.calendar .month td {
	width: 20px;
	height: 17px;
	line-height: 100%;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

.calendar .month td a, .calendar .month td a:visited {
	padding: 3px 2px 3px 0px;
	display: block;
	color: #2f690c;
	background-color: #ced6c6;
	text-decoration: none;
}

.calendar .month td.first a, .calendar .month td.first a:visited, .calendar .month td.last a, .calendar .month td.last a:visited {
	color: #738A5C;
	background-color: #eaeee7;
}

.calendar .month td a.other, .calendar .month td a.other:hover, .calendar .month td.first a.other:hover, .calendar .month td.last a.other:hover, .calendar .month td a.other:visited, .calendar .month td.first a.other:visited, .calendar .month td.last a.other:visited {
	padding: 3px 2px 3px 0px;
	color: #769fbf;
	background-color: #dde7ef;
	cursor: default;
}

.calendar .month td a.cur, .calendar .month td a.cur:hover, .calendar .month td.first a.cur:hover, .calendar .month td.last a.cur:hover, .calendar .month td a.cur:visited, .calendar .month td.first a.cur:visited, .calendar .month td.last a.cur:visited {
	padding: 3px 2px 3px 0px;
	color: #ffffff;
	background-color: #738a5c;
	cursor: default;
}

.calendar .month td a:hover, .calendar .month td.first a:hover, .calendar .month td.last a:hover {
	color: #ffffff;
	background-color: #ff6600;
}


.calendar .month td a.selected {
	color: #ffffff !important;
	background-color: #ff6600 !important;
}


.calendar .month tr.hdRow td {
	background-image: url(img/th_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #084980;
	text-align: center;
	padding: 3px 0px 1px 0px;	
	font-size: 10px;
}

.calendar .footer-bar {
	height: 14px;
	text-align: center;
	padding: 0px 0px 1px 0px;
	background-color: #637743;
	clear: both;
}

.calendar .footer-bar a, .calendar .footer-bar a:visited {
	color: #ffffff;
	font-size: 9px;
}

#cal-wrapper { position:relative; }