.error {
	border: 2px solid red;
	color: red;
	margin: 0px 0px 18px 0px;
	padding: 1px 6px 2px 6px;
}
.info{
	border: 2px solid blue;
	color: blue;
	margin: 0px 0px 18px 0px;
	padding: 1px 6px 2px 6px;
}
.imgborder {
	border: 1px solid black;
}
img{behavior:url('/pngbehavior.htc')}
/* Globala Styles -------------------------------------------------- */ 
@media all{
.doclink{color:#060; text-decoration:none;}
	body{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:0px;
	}
	#tblPersonal{width:100%;}
	#tblPersonal th{padding-right:10px;padding-bottom:2px;}
	#tblPersonal td{padding-bottom:2px;}
	#calendarView a{text-decoration:none; color:#000;}
	#calendarView a:hover{text-decoration:none; color:#060;}
	p.activetoday .today{font-weight:bold;}
	p.activethisweek .thisweek{font-weight:bold;}
	p.activethismonth .thismonth{font-weight:bold;}
	p.activethisyear .thisyear{font-weight:bold;}
	p.activeforthcoming .forthcoming{font-weight:bold;}

	a{color:#070}

	ul{margin-top:0px;}
	h1,h2,h3,h4,h5,h6{margin-bottom:5px; color:#070}
	h1{font-size:22px; letter-spacing:-1px; font-weight: bold;}
	h2{font-size:22px; letter-spacing:-1px; font-weight: normal;}
	h3{font-size:16px; font-weight: bold;}
	h4{font-size:16px; font-weight: normal;}
	h5{font-size:14px; font-weight: bold;}
	h6{font-size:14px; font-weight: normal;}
	img{border:none;}
	td,th{font-size:11px;}
	form{padding:0px; margin:0px;}
	p{margin-bottom:0px; margin-top:0px;}

	#template1 {
		width:100%;
		border:0px;
		padding:0px;
		margin:0px;
	}
	#template1 #templaterightcol{
		width:200px;
		padding-left:14px;
		/*border-left:1px solid #ccc*/
	}
	#template1 #templateleftcol{
		padding-right:14px;
		/*border-right:1px solid #ccc*/
	}

	#template2 {
		width:100%;
		border:0px;
		padding:0px;
		margin:0px;
	}
	#template2 #templaterightcol{width: 50%; padding-left:14px;}
	#template2 #templateleftcol{width: 50%; padding-right:14px;}

	#template3 {width:400px;}

TD.today
{
	font-color:yellow;
	font-weight: bold;
	border: 1px solid black;
}
TD.busy
{
	background-color: brown;
	text-align: center;
	border: 1px solid black;
}
TD.notbusy
{
	text-align: center;
	border: 1px solid black;
}
TD.normal
{
	width: 20px;
	height: 20px;
	text-align: center;
	border: 1px solid black;
}
TD.outside
{
	width: 20px;
	height: 20px;
	background-color: #A2B3B4;
	text-align: center;
	border: 1px solid black;
}
TD.selected
{
	width: 20px;
	height: 20px;
	text-align: center;
	border: 1px solid black;
}

TABLE.monthview
{
	cellpadding: 0px;
	spacing: 0px;
	border: 0px solid black;
	border-collapse: collapse;
}



TH.weeknum
{
	text-align: center;
	vertical-align: center;
	width: 20px;
	height: 20px;
	padding: 4px;
}

TH.weekday
{
	text-align: center;
}

TD.fliknormal
{
	background-color: #A2B3B4;
	font-color: white;
	text-align: center;
	border: 1px solid black;
	width: 90px;
	padding: 4px;
	font-size:10px;
}

TD.flikaktiv
{
	background-color: #ffffff;
	font-color: black;
	text-align: center;
	border: 1px solid black;
	border-bottom: 1px solid white;
	width: 90px;
	padding: 4px;
	font-size:10px;

}

table.fliklista
{
	border: 0px solid black;
	border-collapse: collapse;
	width:620px !important;
}

TD.detalj
{
	background-color: #ffffff;
	font-color: black;
	text-align: left;
	vertical-align: top;
	border: 1px solid black;
	padding: 4px;
}

.monthview a:link { 
	text-decoration: none;
	color: #000000
	}
.monthview a:visited { 
	text-decoration: none;
	color: #000000
	}
.monthview a:hover { 
	text-decoration: none;
	color: #000000
	}
.monthview a:active { 
	text-decoration: none;
	color: #000000
	}

.busy a:link { 
	text-decoration: none;
	color: white
	}
.busy a:visited { 
	text-decoration: none;
	color: white
	}
.busy a:hover { 
	text-decoration: none;
	color: white
	}
.busy a:active { 
	text-decoration: none;
	color: white
	}

.outside a:link {
	text-decoration: none;
	color: white;
	}
.outside a:visited {
	text-decoration: none;
	color: white;
	}
.outside a:hover {
	text-decoration: none;
	color: white;
	}

.outside a:active {
	text-decoration: none;
	color: white;
	}


.selected a:link {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	}
.selected a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	}
.selected a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	}

.selected a:active {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	}

.flikaktiv a:link {
	font-weight: bold;
	text-decoration: none;
	color: black;
	}
.flikaktiv a:visited {
	font-weight: bold;
	text-decoration: none;
	color: black;
	}
.flikaktiv a:hover {
	font-weight: bold;
	text-decoration: none;
	color: black;
	}


.fliknormal a:active {
	font-weight: bold;
	text-decoration: none;
	color: white;
	}

.fliknormal a:link {
	font-weight: bold;
	text-decoration: none;
	color: white;
	}
.fliknormal a:visited {
	font-weight: bold;
	text-decoration: none;
	color: white;
	}
.fliknormal a:hover {
	font-weight: bold;
	text-decoration: none;
	color: white;
	}

.fliknormal a:active {
	font-weight: bold;
	text-decoration: none;
	color: white;
	}

}


/* Skärmstyles -------------------------------------------------- */ 
@media screen {
	body{
background:url(/images/64/bkg_greenwhite.gif) repeat-x left top #f2f2f2;
	}

	img{
		border:0px none;
		behavior:url(/pngbehavior.htc);
	}

	#divMenu1{
		margin-left:auto;
		margin-right:auto;
		width:900px;
		position:relative;
		margin-bottom:5px;
		margin-top:3px
	}
	#divMenu1 a{
		color:#fff;
		text-decoration:none;
	}
	#tblMenu1 td{
		padding:18px 10px 6px 10px;
	}
	#tblMenu1 td.active{
background:url(/images/64/bkg_menu1_active.gif) left bottom repeat-x;
	}

	#tblMenu2 td{padding-bottom:4px;}
	#tblMenu2 a{text-decoration:none; color:#000;}
	#tblMenu2 a:hover{text-decoration:none; color:#090;}

	#divMainHolder{margin-left:auto; margin-right:auto; width:928px;}

	#divMain{margin:10px; position: relative;}

	#tdMainLeft{
background: url(/images/64/shadow_left_mid_new.gif) right top repeat-y; 
		width:14px;
		text-align:right;
		vertical-align:top;
	}

	#tdMainRight{
background: url(/images/64/shadow_right_mid_new.gif) left top repeat-y; 
		width:14px;
		text-align:left;
		vertical-align:top;
	}

	#divHead{
		position:relative;
		width:880px;
		height:160px;
		overflow:hidden;
	}

	#divLogo{
		position:absolute;
		left:7px;
		top:7px;
		width:156px;
		height:128px;
	}

	#divShadowHead{
		height:25px;
	background:url(/images/64/shadow_head.gif) repeat-x left top;
	}

	#divTrace{
		position:absolute;
		left: 0px;
		top:140px;
		width:880px;
		height:20px;
		background-color:#000;
		color:#fff;
		padding:3px 3px 3px 5px;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;}

	#divTrace a{text-decoration:none; color:#fff;}

	#divTrace a:hover{text-decoration:underline; color:#fff;}

	#divNewsHead{position:absolute; width: 225px; left:645px; top:10px;}

	#divNewsHeadContent{
		margin:5px 10px 10px 10px;
		font-size:10px;
		height: 170px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#divNewsHeadContentHolder{
	background: url(/images/64/bkg_news.gif) left bottom repeat-x #fff;
		border:solid 1px #999;
		height:220px;
	}

	#divNewsHeadContentHolder img{
		margin-left:10px;
		margin-top:10px;
	}
	
	#divNewsHeadContent{
		scrollbar-face-color:#fff;
		scrollbar-highlight-color:#ccc;
		scrollbar-3dlight-color:#fff;
		scrollbar-darkshadow-color:#fff;
		scrollbar-shadow-color:#ccc;
		scrollbar-arrow-color:#ccc;
		scrollbar-track-color:#fafafa;
	}
	
	#divNewsHeadContent a{text-decoration:none; color:#000;}

	#divNewsHeadContent span{color:#666;}

	#divNewsHeadContent a:hover{
		text-decoration:none;
		border-bottom:dotted 1px #999;
		color:#060;
	}

	#divFooter{
		margin: 12px 10px 0px 10px;
		color: #ffffff;
	}

	#divFooter table tr td span{margin-left:20px;}

	#divQuickSearch{position:relative}

	#divQuickSearch .divDescription{
		position:absolute; left:16px;
		top: 31px;
		width:170px;
		font-size:10px;
	}

	#divQuickSearch .divTextbox{
		position:absolute;
		left:18px;
		top: 63px;
		height: 20px;
		width:120px
	}

	#divQuickSearch .divTextbox #what{
		width: 120px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		border: 0px none;
	}

	#divQuickSearch .divSearchButton{
		position:absolute;
		left:138px;
		top: 51px;
		height: 46px;
		width:56px
	}

	#divQuickSearch .divSearchButton #btnSearch{
		width:56px;
		height:46px;
		border:0px none;
		background:url(/images/64/searchbutton_1.gif) no-repeat;
	}

	#divQuickSearch .divSearchButton #btnSearch.over{
		width:56px;
		height:46px;
		border:0px none;
		background:url(/images/64/searchbutton_2.gif) no-repeat;
	}

	#divQuickSearch .divSearchButton #btnSearch.down{
		width:56px;
		height:46px;
		border:0px none;
		background:url(/images/64/searchbutton_3.gif) no-repeat;
	}

	#divAreas .areaimage{margin-top:6px;}

	#divAreas a{text-decoration:none; color:#000;}

	#divAreas a:hover{text-decoration:none; color:#060;}

	#divMapHolder{position:relative}

	#divMapOverlay{
		position:absolute;
		top:0px;
		right:0px;
		width: 142px;
		height:260px;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity: 0.8;
		background-color:#fff;
	}

	#divMapOverlay.hover{
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		opacity: 0.2;
	}
	
	#divMapText{
		position:absolute;
		top:0px;
		right:0px;
		width: 135px;
		letter-spacing:-1px;
		font-size:10px
	}

	#divMapText a{text-decoration:none; color:#000;}

	#divMapText a:hover{
		text-decoration:underline;
		color:#fff;
		background-color:#060;
	}

	#divMapActive{
		position:absolute;
		left:0px; top:0px;
		width:120px;
		height:322px;
	}

	#tblFooter ul{margin:0px; padding:0px; display:inline;}
	#tblFooter li{margin:0px; padding:0px; display:inline; margin-left:20px;}

	#divHeading, #divHeadingShadow1, #divHeadingShadow2{
		position:absolute;
		font: 36px Garamond, "Times New Roman", Times;
		font-style:italic;
		letter-spacing:-1px;
	}

	#divHeading{right:10px; bottom:30px; color:#fff;}
	#divHeadingShadow1{right:8px; bottom:28px; color:#000;}
	#divHeadingShadow2{right:11px; bottom:31px; color:#000;}

	#divPrint{
		position:absolute;
		right:10px;
		bottom:0px;
	}
	#divPrint img{cursor:pointer;}

table.formtable th, table.formtable td{vertical-align:top;}
form table td, form table th{vertical-align:top; text-align:left}

}

/* Printstyles -------------------------------------------------- */ 
@media print {
	#tdMainLeft{display:none}
	#tdMainRight{display:none}
	#divHead{display:none}
	#divShadowHead{display:none}
	#tblContentLeft{display:none}
	#tblContentMid{display:none}
	#tblContentRight{width:645px}
	#divFooter{display:none}
	#divMenu1{display:none}
	#tdTopShadow{display:none}
	#tdBottomShadow{display:none}
	#divNewsHead{display:none}
	a{color:#000; text-decoration:none}
	#divPrint{display:none;}
}