div.date-select label {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
	padding-top:2px;
	margin-right:8px;
}

.xeroCalendar {
	white-space: nowrap;
	width: 140px;
}
.xeroCalendar input, .xeroCalendar img {
	float: left;
}
.xeroCalendar input 
{	
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	width: 117px;
	border:1px solid #999;
	height:16px;
}
a.clear img 
{
	margin-left: 2px;
}

.calendar * {
	margin: 0;
	padding: 0;
}

.calendar {
	position: absolute;
	width: 190px; /* 190+(5*2)=200 */
	padding: 5px;
	background: #e8f1ff url(../images/calendar-bg.jpg) no-repeat 0 0;
	border: 1px solid #999;
	border-right-width: 2px;
	border-bottom-width: 2px;
	font: 10px Arial, Helvetica, sans-serif;
	margin-top: 1px;
	z-index: 1000;
}
.shadow {
	background:url(../images/calendar-bg-shadow.png) no-repeat top left;
	height: 195px;
	padding: 9px 11px 12px 10px;
	border: 0;
	margin: -2px 0 0 -4px;
	z-index: 0;
}
.calendar td.header {
	text-align: center;
	height: 45px;
}
.calendar td.header select {
	width: 60px;
	font: 11px Arial, Helvetica, sans-serif;
}
.calendar td.header a {
	text-decoration: none;
	color: #ff7700;
	margin: 3px 0 2px 0;
}
.calendar td.header a:hover {
	text-decoration: underline;
}
.calendar td.header .next {
	padding: 2px 10px 2px 2px;
	float: right;
	background: url(../images/arrow-next.gif) no-repeat 100% 50%;
}
.calendar td.header .prev {
	padding: 2px 2px 2px 10px;
	float: left;
	background: url(../images/arrow-prev.gif) no-repeat 0 50%;
}
.calendar td.datesContainer table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	
	border: 1px solid #a7a7a7;
}
.calendar td.datesContainer th, td.datesContainer td {
	margin: 0;
	border: 1px solid #cccccc;
	width: 14%;
	text-align: left;
}
.calendar td.datesContainer td {
	cursor: pointer;
}
.calendar td.datesContainer th {
	background: #d9d9d9;
	border: 1px solid #a7a7a7;
	color: #606060;
	font-weight: normal;
	cursor: default;
	padding: 3px 0 3px 3px;
}
.calendar td.datesContainer td.weekend {
	background: #fff;
}
.calendar td.datesContainer td.weekday {
	background: #fff;
}
.calendar td.datesContainer td.outside {
	background: #eeeeee;
}
.calendar td.datesContainer td.outside a {
	color: #d2d2d2;
}
.calendar td.datesContainer td.outside.weekend {}
.calendar td.datesContainer td.outside.weekday {}

.calendar td.datesContainer td.selected {
	background: #ffdd99;
}

.calendar td.datesContainer td a {
	padding: 3px 0 3px 3px;
	display:block;
	text-decoration: none;
	color: #000;
}
.calendar td.datesContainer td a:hover {
	background: #ff7700;
	color: #fff;
	text-decoration: none;
}

.calendar td.datesContainer td.outside.hover {}

.calendar .dateInput {
	float: left;
	margin-right: 20px;
}
.calendar .dateInput input { 
	font-size: 11px;
	float: left;
	height: 13px;
	border: 1px solid #cde0ff;
	border-right: 0;
}

div.controls
{
	float:left;
	width:auto;
}
div.controls input
{
	float:left;
	width:auto;
}
div.toggleimg
{
	float:left;
}