html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body 
{
  background: #fff url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/body_bg.gif") repeat-y !important;
  padding-left: 50px;  
}
body hr 
{
  /*
  height: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #bfdfd7;
  width: 900px;
  float: left;*/
  display: none;
}
/* In order to give the search bar at the top of the 
   page a white background, we set a general rule that all
   "td" have white backgrounds.
 */
body table td { background: #fff; }
img { border: none; }
#outer_container 
{
  font-family: arial;
  font-size: 0.8em;
}
#bg_container 
{
	background: #fff url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/container_pattern.gif") no-repeat top right;
	width: 900px;
}
#language 
{
	width: 900px;
	margin-top: 10px;
	text-align: right;
}
#container 
{
  background: url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/container_bg.gif") repeat-y;
	width: 900px;
	padding-bottom: 20px;
	margin-top: 5px;
	color: #474320;
	border-bottom: solid 2px #e5f2ef;
}
#container_right
{
  background: url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/container_right_bg.gif") repeat-y;
	width: 900px;
	padding-bottom: 20px;
	margin-top: 5px;
	color: #474320;
	border-bottom: solid 2px #e5f2ef;
}
#container_right_wide
{
  background: url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/container_wide_bg.gif") repeat-y;
	width: 900px;
	padding-bottom: 20px;
	margin-top: 5px;
	color: #474320;
	border-bottom: solid 2px #e5f2ef;
}
div.breaker { clear: both; float: none; }
h1 
{
  margin-top: 0px !important;
  padding-bottom: 5px !important;
  font-size: 1.7em !important;  
  color: #008061 !important;
  font-weight: normal !important;
  border-bottom: solid 3px #008061 !important;
}
h2 
{
  margin-top: 10px !important;
  padding-bottom: 5px !important;
  font-size: 1.5em !important;  
  color: #008061 !important;
  font-weight: normal !important;
  border-bottom: solid 2px #008061 !important;
}
h3 
{
  margin-top: 10px !important;
  font-size: 1.2em !important;  
  color: #008061 !important;
  font-weight: normal !important;
  border-bottom: solid 1px #008061 !important;
}
#outer_container table td { background: none; }
#outer_container a { color: #474320; text-decoration: underline; }
#outer_container a:hover { color: #474320; text-decoration: none; }
#outer_container a:visited { color: #918e79; text-decoration: underline; }
span.signatur
{
  display: block;
  float: none;
  clear: both;
}

/* MENU ELEMENTS */
#menu 
{
  width: 190px;
  margin-right: 10px;
  float: left;
}
#menu ul 
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
#menu li
{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
#menu li a { text-decoration: none; color: #003c2d; }
#menu li a:hover { text-decoration: none; color: #003c2d; }
#menu li a:visited { text-decoration: none; color: #003c2d; }
#menu li.level_0 { background: #e5f2ef; border-left: solid 3px #008061; padding: 3px 0 3px 10px; margin-bottom: 3px; }
#menu li.level_1 { padding: 3px 0 3px 5px; margin-left: 20px; margin-bottom: 2px; border-left: solid 3px #e5f2ef; }
#menu li.level_2 {}
#logo 
{
  margin-bottom: 10px;
  text-align: center;
}

/* MAIN ELEMENTS */
#main 
{
  float: left; 
  width: 480px;
  margin-left: 10px;
  margin-right: 10px;
}
#main_narrow
{
  float: left; 
  width: 430px;
  margin-left: 10px;
  margin-right: 10px;
}
#main_full
{
  float: left; 
  width: 690px;
  margin-left: 10px;
  margin-right: 0px;
}
#right 
{
  width: 190px; 
  float: left;
  margin-left: 10px;
  padding-top: 30px;
  font-size: 0.95em;
}
#right_wide
{
  width: 240px; 
  float: left;
  margin-left: 10px;
  padding-top: 30px;
  font-size: 0.95em;
}
div.narrow_box div.header 
{
  background: #474421 url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/box_top.gif") no-repeat;
  color: #fff;
  font-family: verdana;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 1px;
}
div.narrow_box div.text 
{
  padding: 5px;
  font-size: 0.9em;
  background: #fff;
  background: #ecece8;
  border-bottom: solid 1px #474421;
  margin-bottom: 10px;
}
img.employee_image { border: solid 1px #474421; }
table.std_table { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
table.std_table td { background: none; font-size: 0.8em; padding: 3px 3px 3px 3px; border-bottom: solid 1px #ddd; }
table.std_table tr.focus td { background: #e5f2ef !important; font-size: 0.8em; padding: 3px 3px 3px 3px; border-bottom: solid 1px #ddd; }
table.std_table tr.blur td { background: none; font-size: 0.8em; padding: 3px 3px 3px 3px; border-bottom: solid 1px #ddd; }
table.std_table td.header { font-size: 1em; padding: 5px 3px 5px 3px; background: #cce6df url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/std_table_top.gif") repeat-x top !important; font-weight: bold; color: #003c2d; border-top: solid 1px #008061; border-bottom: solid 1px #008061; }
table.std_table td.key { font-weight: bold; border-bottom: solid 1px #ddd; vertical-align: top; }
table.std_table td.value { border-bottom: solid 1px #ddd; vertical-align: top; }
table.std_table td.image { color: #aaa; font-size: 0.8em; border: none; text-align: center; border-bottom: solid 1px #ddd; vertical-align: top; padding-left: 10px; border-left: solid 1px #ddd; }
div.center_box 
{
	width: 230px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
div.center_box div.header 
{
  background: #008061 url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/box_top_center.gif") no-repeat;
  color: #fff;
  font-family: verdana;
  padding:  5px 10px 5px 10px;
  font-weight: bold;
  margin-bottom: 1px;
}
div.center_box div.text { background: #fefefe; color: #333; padding: 5px; border-bottom: solid 1px #008061; }
div.center_box div.text a { color: #333; }
div.wide_box div.header 
{
  background: #474421 url("/search/nb/20070603210204oe_/http://www.ifi.uio.no/gfx-bin/box_top_wide.gif") no-repeat;
  color: #fff;
  font-family: verdana;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 1px;
}
div.wide_box div.header a,
div.center_box div.header a { color: #fff; }
div.wide_box div.text 
{
  padding: 5px;
  font-size: 0.9em;
  background: #fff;
  background: #ecece8;
  border-bottom: solid 1px #474421;
  margin-bottom: 10px;
}
div.wide_box div.text ul,
div.center_box div.text ul { margin: 0px; padding: 15px; }
div.narrow_box div.text ul { margin: 0px; padding: 15px; }

/* EMPLOYEE LIST - PORTRAITS */
table.employee_portrait { border-collapse: collapse; }
table.employee_portrait td { vertical-align: top; font-size: 0.8em; }
div.employee_portrait { background: #fff; width: 150px; padding: 4px; margin: 4px !important; margin: 2px; margin-bottom: 4px; float: left; text-align: center; border: solid 1px #ddd; }
div.employee_portrait img { width: 150px; height: 150px; }
div.employee_portrait div.position { color: #aaa; }