@media screen 
{
	body
	{
		margin: 0 0 0 0;
		font-size: 12pt;
		font-family: "Segoe UI", Verdana, Georgia;
	}
	
	#almanacka
	{
		font: inherit;
		min-width: 800px;
		margin: 0 3em 0 3em;
		/*position: absolute; 
		left: 50%;
		margin-left: -512px	
		*/
	}
	
	.almanacka-small
	{
		min-width: 800px;
		/*position: absolute; 
		left: 50%;
		margin-left: -512px	
		*/
	}	

	#almanacka h1
	{
		margin: 0 0 0.2em 0;
		font-weight: normal;
		font-size: 200%;
		font-family: "Segoe UI", Verdana, Georgia;
		text-align: right;
		display: none;
	}

	#almanacka table
	{
		font-size: inherit;
		color: inherit;
		border: none;
	}	

	#topmenu
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-width: 100%;
		height: 44px;
		min-height: 44px;		
		border-bottom: 1px solid #808080;
		margin: 0em 0em 0.5em 0em;
		background-image: url('../images/topmenu.gif');
		background-position: left bottom;
		background-repeat: repeat-x;
		display: table;
	}
	
	.menuitem
	{
		/*border: 1px solid green;*/
		display: table-cell;
		padding-top: 2px;
		padding-right: 0.25em;
		padding-left: 0.25em;
		vertical-align: top;
	}	

	#topmenu .label
	{
		font-family: "Verdana";
		font-size: 60%;
	}	

	#topmenu a
	{
		color: Blue;
		text-decoration: none;
	}
	
	#topmenu img
	{
		margin: 0px 1px 2px 1px;
		vertical-align: bottom;
		border: none;
		line-height: 0;
	}
	
	.menuspacer
	{
		height: 64px;
		min-height: 64px;
		vertical-align: middle;
	}
	
	.days
	{
		padding: 0.1em 0.25em 0.1em 0.25em;
		width: 25%;
		min-width: 100px;
		vertical-align: top;
		
		border-top: 1px solid #E0E0E0;
		border-left: 1px solid #E0E0E0;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;

		min-height: 3em;
		font-size: 80%;
	}

	.day0 td, .day1 td, .day2 td, .day3 td, .day4 td /* Monday - Friday */
	{
		background-color: White;
/*		background-image: url('../images/cell_bg.jpg');*/
		background-position: bottom right;
		background-repeat: repeat-x;
	}


	.day5 td, .day6 td /* Saturday, Sunday */
	{
		background-color: #CBE6FF;
/*		background-image: url('../images/cell_bg2.jpg');*/
		background-position: bottom right;
		background-repeat: no-repeat;
	}	
	
	.line
	{
		text-align: center;
		width: 95%;
		height: 1px;
		max-height: 1px;
		min-height: 1px;
		line-height: 0.2em;
		margin: -0.1em 0 0.2em 0;
		padding: 0 0 0 0;
		display: block;
	}
	
	.add
	{
		text-align: center;
		display: block;
		width: 50px;
		height: 6px;
		margin: 0 0 0 0;
		visibility: visible;
		background-color: Green;
		cursor: pointer;
		z-index: 10;
	}
	
	.add-line
	{
		text-align: center;
		width: 100%;
		height: 3px;
		max-height: 4px;
		min-height: 4px;
		line-height: 0.2em;
		margin: -0.1em 0 0 0;
		padding: 0 0 0 0;
		display: block;
	}
	
	
	#thisweek h3
	{
		margin-top: 0;
		margin-bottom: 0.2em;
		font-weight: normal;
		font-size: 100%;
	}

	#thisweek .title
	{
		font-weight: normal;
	}

/*	#thisweek .datum
	{
		font-style: italic;
	}*/

	#thisweek ul
	{
		margin: 0.2em 0 0.2em 0;
		font-size: 90%;
	}
	
	.scrollitem
	{
		min-height: 3em;
		overflow: auto;
		max-height: 8.5em;
		position: relative;
	}
	
	.toprow
	{
		font-size: 125%;
		height: 2em;
		text-align: center;
		font-weight: bold;
		background-color: #2071BD;
		color: White;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}

	.topleft
	{
		font-size: 125%;
		background-color: inherit;
		background-image: none;
		font-weight: bold;
		text-align: left;
		background-color: #2071BD;
		color: White;
		padding-left: 0.5em;
		border-right: 1px solid white;
	}

	.leftcol
	{
		background-color: #E4F2FF;
		vertical-align: top;
		font-size: 100%;
		display: table-cell;
		margin: 0 0.5em 0 0;
		padding-left: 0.5em;

		text-align: left;
		font-weight: bold;
		
		border-top: 1px solid #E0E0E0;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;		
	}
	
}

@media print {
	body
	{
		margin: 0 0 0 0;
		font-family: "Segoe UI", Verdana, Georgia;
		font-size: 12pt;
	}
	
	#almanacka
	{
		font-size: 12pt;
		width: 100%;
	}

	#almanacka h1
	{
		margin: 0 0 0.2em 0;
		font-weight: bold;
		font-size: 150%;
		font-family: "Segoe UI", Verdana, Georgia;
	}	
	
	#topmenu
	{
		display: none;
	}

	.menuspacer
	{
		display: none;
	}	
	
	.days
	{
		padding: 0.1em 0.25em 0.1em 0.25em;
		width: 25%;
		vertical-align: top;
		
		border-top: 1px solid gray;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		min-height: 3em;
	}

	.day0, .day1, .day2, .day3, .day4 /* Monday - Friday */
	{
	}

	.day5, .day6 /* Saturday, Sunday */
	{
		background-color: #E0E0E0;
	}	
	
	.days img
	{
		display: none;
	}
	
	.add
	{
		display: none;
	}
	
	.add-line
	{
		display: none;
	}
	
	table
	{
		font-size: 8pt;
	}
	
	#thisweek
	{
		font-size: 8pt;
	}
	
	#thisweek h3
	{
		margin-top: 0;
		margin-bottom: 0.2em;
		font-weight: normal;
		font-size: 100%;	
	}

	#thisweek .title
	{
		font-weight: normal;
	}

/*	#thisweek .datum
	{
		font-style: italic;
	}
*/

	#thisweek ul
	{
		margin: 0.2em 0 0.2em 0;
		font-size: 90%;
	}
	
	.toprow
	{
		font-size: 125%;
		height: 2em;
		text-align: center;
		font-weight: bold;
	}

	.topleft
	{
		font-size: 125%;
		background-color: inherit;
		background-image: none;
		font-weight: bold;
		text-align: left;
		padding-left: 0.5em;
	}

	.leftcol
	{
		background-color: inherit;
		background-image: none;
		vertical-align: top;
		font-size: 100%;
		display: table-cell;
		margin: 0 0.5em 0 0;
		padding-left: 0.5em;

		text-align: left;
		font-weight: bold;
	}	
}

@page :first
{
	margin: 0.5in 0.5in 0.5in 0.5in;
}

/* Alm entry */
#item
{
	font-size: inherit;
	display: block;
	color: Black;
	margin-bottom: 0.1em;
}

#item a
{
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	cursor:pointer;
	color: Black;
	text-decoration: none;
}

#item a:hover
{
	background-color: #FFFFA0;
	color: Black;
}

/*#item .comment
{
	color: #404040;
	text-decoration: none;
	font-style: italic;
	font-size: 75%;
}*/

/* Details window */
#info table
{
	font-family: Georgia, Verdana, Times New Roman;
	font-size: 90%;
}
.info
{
	font-family: Georgia, Verdana, Times New Roman;
	font-size: 90%;
	position: absolute;
	z-index: 2;
	background-color: White;
	width: 35em;
	height: 50em;
	top: 50%;
	left: 50%;
	margin-left: -18em;
	padding: 1em;
	display: none;
	overflow: auto;
	border: solid 2px #404040;
}


#info col
{
	width: 10em;
}

#info .wide
{
	width: 15em;
}

#info td
{
	vertical-align: top;
}

#info .radio
{
	border: none;
}

#info h1
{
	text-align:center;
	margin: 0 0 0.5em 0;
	font-size: 150%;
	font-weight: normal;
}

#info h3
{
	font: inherit;
	font-style: italic;
	margin: 0 0 0.2em 0;
}

#info hr
{
	border: 1px solid #E0E0E0;
}

.darken
{
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: Black;
	display: none;

	/* Semi-transparency */
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.loading
{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 57px;
	height: 57px;
	margin-left: -28.5px;
	margin-top: -28.5px;
	display: none;
}

.close-button
{
	float: right;
	text-align: center;
	display: inline-block;	
}

.close-button img
{
	border: none;
	margin-bottom: 4px;
}
.close-button a
{
	text-decoration: none;
}

.leftcol a
{
	text-decoration: none;
}

.leftcol span
{
	font-size: 90%;
	margin: 0 0.5em 0 0;
	text-align: right;
}

#info input
{
	border: 1px solid black;
	font-size: 100%;
	font-family: "Segoe UI", Verdana, Georgia;	
	margin: 0px 0.2em 0 0px;
	background-color: white;
}

#info textarea
{
	border: 1px solid black;
	font-size: 100%;
	font-family: "Segoe UI", Verdana, Georgia;	
	margin: 1px 0.2em 0 1px;
}

#info .label
{
	font-style: italic;
	color: #404040;
}

#info .value
{
	color: Black;
	/*font-weight: bold;*/
}

.error
{
	color: White;
	background-color: Red;
	font-weight: bold;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -10em;
	top: 48px;
	padding: 0.2em;
	z-index: 10;
}

#error a
{
	color: White;
	text-decoration: none;
}
#error a:hover
{
	text-decoration: underline;
}

.newpost-table
{
	width: 100%;
	text-align: center;
}

.newpost-table td
{
	height: 4em;
}

.logentry
{
	width: 100%;
	display: table-row;
}

.logentry-cell
{
	width: 10em;
	display: table-cell;
	border-bottom: 1px solid #C0C0C0;
}

#thisweek a
{
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	cursor:pointer;
	color: Black;
	text-decoration: none;
}

#thisweek a:hover
{
	background-color: #FFFFA0;
	color: Black;
}

.hidden
{
	font-style: italic;
	color: #C0C0C0;
}