#calendarMonth {
	margin: 0 0 0 -4px;
	padding: 0;
	font-size: 19px;
	text-align: left;
}

p#calendarcontrols {
	float: left ;
	font-size: 11px ;
	line-height: 20px ;
	margin: 5px 0px 5px -4px ;
	}
	
p#calendarcontrols a {
	color: #333333 ;
	}

#calendarTypeControls {
	float: right ;
	margin: -32px 450px 0 0;
	}

#calendarDateControls {
	float: right ;
	margin: -32px 20px 0 0;
	}

#calendarClientTypeControls {
	float: right ;
	margin: 0 20px 0 0;
	}
	
.calendarFormButton {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: -32%;
}
	

#calendarTypeAlternateControls {
	float: left ;
	margin: 1px 0 0 165px;
	}

table#calendar {
	background-color: #999999 ;
	}
	
table#calendar td {
	vertical-align: top ;
	}

/* This is the top row with the days spelled out. */	
table#calendar tr.header td {
	background-color: #e4e4e4;
	color: #3F3F3F;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	}
	
table#calendar tr.days td {
	background-color: #FFFFFF ;
	color: #6B4F2E ;
	padding: 4px 4px 4px 4px ;
	}

/* This is for the left column background that holds the navigation to the week. */	
table#calendar tr.days td.header {
	background-color: #E0E0E0 ;
	padding: 0px 0px 0px 0px ;
	vertical-align: middle ;
	}

/* This is for the minimum height of the calendar day/row. */	
table#calendar tr.days td.header a {
	color: #333333 ;
	display: block ;
	font-size: 10px ;
	font-weight: bold ;
	height: 80px ;
	line-height: 80px ;
	text-align: center ;
	text-decoration: none ;
	width: 15px ;
	}

/* This is the background color for the days outside this month. */	
table#calendar tr.days td.other {
	background-color: #F0F0F0 ;
	}

/* This is the background color for highlighting today's box. */	
table#calendar tr.days td.today {
	background-color: #C5BDD7;
	}

/* This is the little number box for the day, inside on the upper left of each day box. */	
table#calendar tr.days td a.daynumber, 
table#calendar tr.days td a.daynumberfull {
	background-color: #FFFFFF ;
	border: 1px solid #666666 ;
	border-left: 1px solid #CCCCCC ;
	border-top: 1px solid #CCCCCC ;
	display: block ;
	font-size: 10px ;
	height: 15px ;
	line-height: 15px ;
	margin-bottom: 3px ;
	text-align: center ;
	text-decoration: none ;
	top: 0px ;
	width: 23px ;
	}

/* This is for the month box that shows up for each month. */	
table#calendar tr.days td a.daynumberfull {
	background-color: #f6f9fd ;
	color: #262626 ;
	font-weight: bold ;
	width: auto ;
	}

/* This is the style for the event link inside each day box. 	
table#calendar tr.days td a.event {
	color: #262626;
	display: block;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}*/
	
/* This is the style for the event link inside each day box. 
table#calendar tr.days td .thisEvent {
	color: #262626;
	display: block;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
	
table#calendar tr.days td .thisEvent a{
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	}
*/	

#thisEvent {
	color: #262626;
	display: block;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
	
#thisEvent a{
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	}
	
table#calendar tr.days td em.note {
	color: #999999 ;
	}
	
.rightInformationImageNoBorder{
	float:right;
	margin: -15px 1px 0 0;
	padding: 0;
	}

.debtorStyle {
	font-size: 10px;
	font-style: italic;
}


table.dataform {}

table.dataform td.left {
	border-right: 2px solid #CCCCCC ;
	font-weight: bold ;
	padding: 6px 13px 12px 0px ;
	text-align: right ;
	vertical-align: top ;
	}
	
table.dataform td.left label {
	display: block ;
	width: 110px ;
	}

table.dataform td.right, 
table.dataform td.righttext {
	padding: 5px 0px 12px 13px ;
	vertical-align: top ;
	}
	
table.dataform td.righttext {
	padding-top: 6px ;
	}

table.dataform tr.fieldnote td,
table.dataform td.fieldnote {
	color: #999999 ;
	font-size: 11px ;
	padding: 3px 0px 0px 0px ;
	}
	
input.date {
	width: 120px ;
	}
	
input.time {
	width: 120px ;
	}
	
input.large {
	width: 400px ;
	}
	
textarea.description {
	height: 200px ;
	width: 400px ;
	}

div.instancenote {
	background-color: #EAEAEA ;
	border: 1px solid #AAAAAA ;
	margin: 10px 0px 0px 0px ;
	padding: 10px 10px 10px 10px ;
	width: 350px ;
	}
	
div.instancenote strong {
	display: block ;
	margin: 0px 0px 7px 0px ;
	}
	
div.formerrors {
	color: #CC0000 ;
	}
	
div.formerrors h3 {
	margin: 0px 0px 7px 0px ;
	}
	
	
	
div#siteheader {
	float: right;
	background-color: #e4e4e4;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	margin: 0;
	width: 440px ;
	}
	
ul#primarynav {
	background-color: #FFFFFF ;
	height: 23px ;
	list-style-type: none ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
ul#primarynav li {
	float: left ;
	}
	
ul#primarynav li a {
	background-image: url( "../images/nav_background.gif" ) ;
	background-position: top left ;
	background-repeat: no-repeat ;
	color: #555555 ;
	float: left ;
	font-size: 10px ;
	font-weight: bold ;
	height: 23px ;
	line-height: 21px ;
	overflow: hidden ;
	padding: 0px 5px 0px 35px ;
	text-decoration: none ;
	}
	
ul#primarynav li a.on {
	background-color: #FEF3B9 ;
	background-image: url( "../images/nav_background_on.gif" ) ;
	}
	
/* This is the box for the edit page. */	
.calendarEditBox{
	background-color: #FFFFFF ;
	border: 1px solid #666666 ;
	border-left: 1px solid #CCCCCC ;
	border-top: 1px solid #CCCCCC ;
	display: block ;
	font-size: 12px ;
	height: 15px ;
	line-height: 15px ;
	margin-bottom: 3px ;
	}

#calendarEditHeader {
	float: right;
	margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0;
} 

#calendarEditHeader h1 {
	margin: 5px 0 5px 5px;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	}

#calendarEditHeader h2 {
	margin: 0 0 5px 5px;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	}
	
#calendarEditHeader p {
	margin: 5px 5px 10px 5px;
	padding: 0;
	}

.printerImage {
	margin: 0;
	padding: 0 5px 5px 5px;
}