html, body {
	background: url('/gfx/body_bg.jpg') repeat-x top #51c7f3;
	height: 100%;
	margin: 0;
	text-align: center;
	width: 100%;
}

* h1, * h2 {
	margin: 0;
	padding: 0;
}

* form, * ul, * li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

* img {
	border: none;
}

* {
	behavior: url('/css/iepngfix.htc');
}

#mail {
	bottom: 5px;
	position: absolute;
	right: 5px;
}

#divOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: none;
}

#pageWrapper {
	margin: auto;
	width: 950px;
}

#pageTopWrapper {
	height: 175px;
}

#logo {
	float: left;
	margin: 34px 0 0 0;
}

#getFirefox {
	float: right;
	margin: 8px 9px 0 0;
}

#demo {
	float: right;
	margin: 9px 9px 0 0;
}

#logout {
	float: right;
	margin: 9px 9px 0 0;
}

#pageFormsWrapper {
	clear: both;
	margin: auto;
	text-align: left;
	width: 550px;
}

#pageForms {
	float: left;
	width: 450px;
}

.textForm, .textFormPassword {
	background-color: #bde9fa;
	border: none;
	color: #0a546f;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.66em;
	height: 21px;
	margin: 0 0 15px 0;	
	padding: 6px 0 0 5px;
	width: 200px;
}

.textAreaForm {
	background-color: #bde9fa;
	border: none;
	color: #0a546f;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.66em;
	height: 100px;
	margin: 0 0 15px 0;	
	padding: 6px 0 0 5px;
	width: 200px;
}

.textFormPassword {
	margin: 0;		
}

.textEditForm {
	background-color: #fdcd64;
	border: none;
	color: #91660a;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.65em;
	font-weight: bold;
	height: 19px;
	margin: 15px 0 0 0;	
	padding: 5px 0 0 5px;
	width: 155px;
}

.textEditNote {
	background-color: #fdcd64;
	border: none;
	color: #91660a;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.65em;
	font-weight: bold;
	height: 200px;
	margin: 5px 0 5px 0;	
	padding: 6px 0 0 5px;
	width: 155px;
}

#autologin {
	float: right;
	margin: 8px 0 10px 0;
}

#autologinCheckbox {
	float: right;
	margin: 10px 0 5px 0;
	height: 13px;
	padding: 0;
	width: 13px;
}

#pageFormsLeft {
	float: left;
	width: 205px;
}

#pageFormsRight {
	float: right;
	width: 205px;
}

#submitLogin, #submitOpretBruger {
	clear: both;
	float: right;
}

#submitAnnuller {
	float: left;
	margin: 0 0 0 22px;
}

#formNewNote {
	margin: auto;
	text-align: left;
	width: 205px;
}

#submitOpretNote {
	float: right;
}

#submitRetNote {
	clear: both;
	float: right;
	margin: 0 22px 0 0;
}

.noteWrapper, .noteEditWrapper {
	background: url('/gfx/note.gif') repeat-y top;
	position: absolute;
	width: 206px;
}

.noteEditWrapper {
	padding: 0 0 10px 0;
}

.noteWrapper {
	cursor: pointer;
}

.noteWrapper .header, .noteEditWrapper .header {
	color: #ffffff;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.75em;
	font-weight: bold;
	margin: 20px 20px 0 25px;
	text-align: left;
}

.noteWrapper .content {
	color: #ffffff;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.65em;
	font-weight: bold;
	padding: 5px 25px 0 25px;
	text-align: left;
}

.noteIconWrapper {
	margin: 0 10px 10px 0
}

.editNote {
	margin: 0 0 0 105px;
}

.msgBox {
	border-right: 1px solid #ffc74e;
	border-left: 1px solid #ffc74e;
	background-color: #e59d03;
	color: #ffffff;
	font-family: georgia, "times new roman", arial, verdana;
	font-size: 0.65em;
	font-weight: bold;
	margin: auto;
	text-align: left;
	width: 547px;
}

.msgBox div {
	padding: 10px;
}

#msgBoxBottom {
	margin: 0 0 44px 0;
}