﻿body{
font-family:Tahoma, Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

td.rubrik {
	font-size:10px;
	font-weight:bold;
}
a.rubrik {
	text-decoration: none;
	color:#222222;
}
tr.hover {
	background: url(images/10percent.png);
}
tr.mark {
	background: url(images/2percent.png);
}
td.formfield {
	height:30px;
	border-bottom: 1px solid #BBBBBB;
	padding-bottom: 20px;
}
td.formrubrik {
	vertical-align:text-bottom;
}
td.small {
	font-size:11px;
}
#controls {
	float:right;
	height:60px;
	width:400px;
	text-align:right;
	padding:12px 0px 10px 10px;
}

#savedspan {
	margin:0px;
	padding:0px;
	border:0px solid blue;
	height:35px;
	width:35px;
	background: url(images/save.png);
	//background: none;
	//_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/save.png', opacity='100');
}


#topmenu {
z-index:4;
margin:0 auto;
text-align:right;
width:700px;
padding:10px 0px 10px 0px;
position:relative;
}
#topline {
z-index:0;
margin:0 auto;
width:732px;
border-bottom:2px solid #b7ddf2;
padding:0px 0px 0px 0px;
//margin-top:-18px;
position:relative;
}


img.logo {
	float:left;
	margin:0px 0px -10px 0px;
}

img.login {
	padding:0px 0px -10px 0px;
	margin:0px 0px -10px 0px;
}
#topmenu span {
	color:#cccccc;
	z-index:5;
	text-decoration: none;
	font-size: 11px;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #b7ddf2;
	padding:10px 10px 10px 10px;
	margin-bottom:15px;
	background:#daecfa url(images/topmenuback.png) repeat-x right bottom;
}
#topmenu span.last {
	margin-right:0px;
}
#topmenu span.selected {
	color:#cccccc;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 12px 10px;
	height:40px;
	background:#ebf4fb;
	border-bottom-color:#ebf4fb;
}

#topmenu a {
	text-decoration: none;
	color:#222222;
}


/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:700px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
z-index:1;
border-style: solid;
border-width: 0px 2px 2px 2px;
border-color: #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
text-align:right;
width:200px;
}
#stylized input{
float:left;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 10px;
}
#stylized input.disabled{
float:left;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 10px;
background:#FFFFFF url(images/10percent.png);
}
#stylized input.search{
float:right;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:215px;
margin:0px 0px 20px 10px;
background:#FFFFFF url(images/search.png) no-repeat right top;
}
#stylized select.register{
float:right;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:225px;
margin:0px 0px 20px 10px;
}

#stylized select{
float:left;
font-size:16px;
padding:6px 4px 10px 10px;
border:solid 1px #aacfe4;
width:360px;
margin:2px 0 20px 10px;
}
#stylized input[type="checkbox"]{
	border: 0px solid white;
	padding:5px 3px;
}
#stylized input.simple{
width:20px;
padding:0px 0px 0px 0px;
margin:0px 0 0px 0px;
text-align:right;
float:right;
}
#stylized input.smallbutton{
width:200px;
padding:5px 10px 5px 10px;
margin:10px 0px 0px 0px;
float:right;
}
#stylized input.smallbuttonleft{
width:200px;
padding:5px 10px 5px 10px;
margin:10px 0px 0px 0px;
float:left;
}
#stylized textarea{
font-family:Tahoma, Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
float:left;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:350px;
height:100px;
margin:2px 0 20px 10px;
}
#stylized input.noline{
float:left;
font-size:12px;
padding:6px 4px;
border:solid 0px #aacfe4;
margin:2px 0 20px 10px;
}
#stylized input:focus{
border:solid 2px #333333;
padding:5px 3px;
}
#stylized input.noline:focus{
border:solid 0px #333333;
padding:6px 4px;
}
#stylized input[type="checkbox"]:focus{
	border: 0px solid white;
	padding:5px 3px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#stylized span.installation{
float:left;
font-size:14px;
padding:0px 4px;
width:350px;
margin:0px 0 20px 10px;
}
#stylized img {
	vertical-align: bottom;
}

#map_canvas {
float:left;
font-size:16px;
padding:6px 4px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 10px;
}

#map_picture {
float:left;
font-size:16px;
padding:0px 0px;
border:solid 1px #aacfe4;
width:350px;
margin:2px 0 20px 10px;
}
span.blue {
	color: blue;
}