/* whole calendar container */
#calendar_month_page {
	font-family: verdana,helvetica,sans-serif;
	font-size: 8pt;
	width: 526px;
	padding: 8px;
}

/* Calendar browsing toolbar. (previous month, current month title, next month etc.) */
#calendar_month_browser {
	cursor: default;
	width: 510px;
	overflow-x: hidden;
	height: 24px;
	background-image: url(../images/browserBg.gif);
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#calendar_month_title {
	float: left;
	clear: none;
	width: 300px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
}
#calendar_month_previous {
	float: left;
	clear: none;
	width: 105px;
	height: 24px;
	text-align: left;
	line-height: 24px;
}
#calendar_month_next {
	float: left;
	clear: none;
	width: 105px;
	height: 24px;
	text-align: right;
	line-height: 24px;
}

#calendar_month_browser a {
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
	text-decoration: none;
}
#calendar_month_browser a:visited {
	color: #000;
	text-decoration: none;
}
#calendar_month_browser a:hover {
	color: #000;
	text-decoration: underline;
}

/* actual calendar area */
#calendar_month_border {
	width: 510px;
	margin-top: 6px;
}

#calendar_month_area {
	width: 510px;
}

/* the calendar table */
#calendar_month_table {
	font-family: verdana,helvetica,sans-serif;
	font-size: 8pt;
	border-right: 1px solid #666;
}

#calendar_month_headerRow {
	background-color: #f0f0f0;
	cursor: default;
}

/* header cell */
#calendar_month_headerRow th {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
/* last header cell (border...) */
#calendar_month_lastHeader {
	border-right: 1px solid #666;
}

/* text in headers */
#calendar_month_headerRow th div {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	width: 100%;
	overflow-x: hidden;
}


/* row */
.calendar_month_dayRow {
	vertical-align: top;
	cursor: default;
}

/* current row(s) */
.calendar_month_dayRowCurrent {
	background-color: #eee;
	vertical-align: top;
	cursor: default;
}


/* row cell */
#calendar_month_table td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
/* last cell (border...) */
#calendar_month_table td.lastCell {
	border-right: 1px solid #666;
}

/* text in cells */
#calendar_month_table td div {
	width: 100%;
	overflow-x: hidden;
	padding: 2px;
}





/* mouseover tooltips */
.calendar_month_toolTip {
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px;
	font-family: verdana,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #000;
	width: 256px;
	/* don't change position and display attributes, these will be handled by javascript */
	position: absolute;
	display: none;
}



/* kalenterin fieldien ja asiakaskohtaisten userFieldien leveydet (yht. 510)*/
/* vakiofieldit */
.calendar_month_field_date {
	width: 70px;
	overflow-x: hidden;
}

.calendar_month_field_dayName {
	width: 24px;
	overflow-x: hidden;
	text-transform: uppercase;
}

/* asikaskohtaiset fieldit */
.calendar_month_userField_customer {
	width: 100px;
	overflow-x: hidden;
}

.calendar_month_userField_sea_coast {
	width: 48px;
	overflow-x: hidden;
}

.calendar_month_userField_offer {
	width: 64px;
	overflow-x: hidden;
}

.calendar_month_userField_confirmed {
	width: 48px;
	overflow-x: hidden;
}

.calendar_month_userField_billed {
	width: 38px;
	overflow-x: hidden;
}

.calendar_month_userField_total {
	width: 30px;
	overflow-x: hidden;
}

.calendar_month_userField_skipper {
	width: 88px;
	overflow-x: hidden;
}


/* event editori */
.editEventForm {
	width: 400px;
	margin-top: 10px;
}

.editEventTable {
	font-family: verdana,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
}