body {
	background-color: #eee;
	background-image: url(gradient.png);
	background-repeat: repeat-x;
	background-position: 0 0;		
	margin: 0;
	padding: 0;
	text-align: center;
}
* html body { background-image: none; }

body * {
	font-family: arial, sans-serif;
	font-size: 13px;
}

form { overflow: hidden; }

a { color: #00f; }

p { font-family: verdana, sans-serif; }
h1, h3 { margin: 0; }

table { border-collapse: collapse; margin: 0 auto 20px auto; text-align: left; /*width: 100%;*/ }
h1 {
	margin: 0 0 10px 0;		
	font-size: 16px;
	font-weight: bold;	
	padding: 3px 5px; 
}

td { padding: 5px; vertical-align: top; }
table.field-container tbody td:first-child { width: 150px; font-weight: bold; }

fieldset { border: 1px solid #aaa; margin: 10px 0; }
legend { color: #555; font-weight: bold; }

/* Styling firmalogo */
#company-logo { border: 1px solid #777; float: left; margin: 5px; }
#company-logo img { border: none; float: left; }

/* 
	Styling hovedområde 
*/
#content {
	clear: both;	
	background-color: #fff;
	border: 1px solid #777;
	margin: 100px auto;
	padding: 10px;
	width: 700px;
}

td.error{ background-color: #FEE2E2; border: 1px solid #f00; }

/* 
	Styling for loginform 
*/
#login #company-logo, #login #company-logo img { border: none; float: none; }
#login h1 { border-width: 0 0 1px 0; }
#login #content { margin: 100px auto; width: 400px; }

#login table { border: none; margin: 10px auto 0 auto; width: auto; }
#login tbody td:first-child { padding-left: 10px; width: 100px; }
#login tbody td.error { width: auto; }

/* 
	Styling for innstillinger-form 
*/
#settings h1 {
	border-width: 0 0 1px 0;
	margin: 0;	
	padding: 5px 20px; 
}

#settings fieldset { margin: 0 20px 20px 20px ; }
#settings table { border: none;  }
#settings #actions { padding: 10px 20px; }

#attached-items { list-style: none; margin: 0px; padding: 0px; }

/* 
	Styling adminform 
*/
#admin #content { width: 780px; }
#admin thead td { font-weight: bold;  }
#admin td { border: 1px solid #000; text-align: center; }
#admin td:first-child { text-align: left; }
#admin td.active { background: url(/icons/vwicn082.gif) no-repeat 50%; }

/* link for å opprette ny bruker */
#create-user, #create-profile {
	background: transparent url(/icons/vwicn096.gif) no-repeat 0 50%;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;	
}
#create-profile { float: right; }

/* 
	Styling - bekreftelse av sletting 
*/
#status #content { padding: 10px 20px; }

/* 
	Styling brukerform 
*/
#bruker #content { width: 550px; }
#bruker #profiles label { display: inline-block; width: 150px; }
#actions { margin-top: 10px; padding: 10px; }

/* 
	Styling administrator-/editorlinker 
*/
#admin-tools { overflow: hidden; }
#admin-tools a { 
	float: right; 
	font-weight: bold; 
	margin: 5px 5px 0 0;
	text-decoration: none;
	border: 1px solid #777;
	padding: 5px 5px 5px 25px;
}
#admin-tools a:hover { background-color: #eee; text-decoration: underline; }

/* Link til innstillinger */
#edit-settings {	
	background: #fff url(/icons/vwicn078.gif) no-repeat 5px 50%;
}

/* Link for å logge seg ut */
#logout {
	background: #fff url(/icons/vwicn062.gif) no-repeat 5px 50%;
}

/* Styling - action-knapper */
a.action, input.action { margin: 0 5px 0 0; }
input.action {
	background-color: #eee; 
	background-image: url(comlogin_sprites.png); 
	background-repeat: no-repeat;	
	overflow: visible;
	padding: 3px 5px 3px 30px;
	width: auto;
}
#save.action { background-position: 5px 3px; }
#delete.action { background-position: 8px -87px; }
#send_login.action { background-position: 8px -177px; }

/*
	Styling - validering
*/
.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  border: 1px solid #6e6;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color: #fff; 
  background-color: #f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}