/*****************************************************
                 FUNMAT@UiO css file
                    For PHP files
******************************************************/

/*---------------------------------------------------*
 * Define appearance in different div-elements       *
 *---------------------------------------------------*/

/*div class sidebar is a div element used for columns
  containing links and important information         */

div.sidebar {
    display: block;
    padding: 0px; 
    float: left;
    position: relative;
    width: 23%; 
    background-color: #ffffff;
    overflow: hidden;
    border-right: thin solid #000000;
}

div.sidebar h4 {
	text-align: center
}

div.sidebar div.item {
	width: 92%; background-color: #eeeeee;
	padding: 2%; border-style: solid; 
	border-color: #ffffff; border-width: 2%
}

div.sidebar a {
	display: block; width: 100%
}

div.sidebar a:hover {
	background-color: #cccccc;
}

/*And a small class to fill the page*/

div.wrap {
	width: 72%; float: left;
	position: relative;
}

/*div class sidebar2 is a div element used for columns
  containing links and important information         */

div.sidebar2 {
  display: block; padding-right: 0px; float: left;
  position: relative; width: 30%; font-style: normal; font-size: 90%;
  background-color: #ffffff; overflow: hidden; border-left-style: groove; 
  border-left-color: #000000; border-left-width: medium; min-height: 100%
}

div.sidebar2 h4 {
	text-align: center; background-color: #dddddd;
}

div.sidebar2 div.item {
	width: 92%; background-color: #ffffff;
	padding: 2%; border-style: solid; 
	border-color: #ffffff; border-width: 2%
}

div.sidebar2 a {
	display: block; width: 100%; 
	text-decoration: underline;
}

div.sidebar2 a:hover {
	background-color: #999999;
}

/*div class item is a div element used for items inside
  other div elements, typically sidebar              */

div.item {
	width: 100%; position: relative; float: left;
	padding: 10px
}

div.item span.nolink {
	font-weight: bold
}

/*div class embedded_links defines style for link lists in the 
text. Used on some versions of the front page*/

div.embedded_links {
	position: relative; float: left; width: 100%; background-color:#ffffff;
	display: block
}

div.embedded_links ul {
}

div.embedded_links img {
	display: inline; vertical-align: middle
}

div.embedded_links a {
	display: inline
}

div.embedded_links a:hover {
	background-color: #999999
}

/*div class main is a div element used for columns
  containing main text                               */

div.main {
	display: block; padding-top: 0em; float: left;
	position: relative; width: 65%;
	background-color: white; padding-left: 10px; padding-right: 10px
}

div.main h2 {
	text-align: center
}

div.main h3 {
	text-align: center
}

div.main td {
	text-align: left;
	vertical-align: text-top
}

div.link { 
	position: relative; float: left; width: 100%; background-color:#ffffff;
	display: block; text-decoration: underline;
}

div.link span {
  font-style: normal; font-size: 110%; color: #000000; background-color: #999999;
}

div.link a { 
  background-color: #eeeeee; font-style: normal; font-size: 110%;
  color: #999999; 
}

div.link a:hover { 
  background-color: #999999; color: #000000;
}

/*div class navbanner is a div element used for 
  the top navigation banner                          */

div.navbanner {
	display: block; padding-top: 0em; float: left;
	position: relative; top: 0em; left: 0em; width: 100%; height: 3em; 
	background-color: white; text-align: center
}

/*a ul class to define citations/bibliographies*/

ul.bibelm {
    list-style-type: none
}

ul.bibelm li {
    padding-bottom: 1em
}

ul.bibelm span.title {
    font-weight: normal;
    font-style: italic;
}

ul.bibelm span.authors {
    font-weight: normal;
    font-style: normal;
}

ul.bibelm span.vol {
    font-weight: bold;
    font-style: normal;
}

ul.bibelm span.issue {
    font-weight: normal;
    font-style: normal;
}

ul.bibelm span.issue:before {
content: "("
}

ul.bibelm span.issue:after {
content: ")"
}

ul.bibelm span.journal {
    font-weight: normal;
    font-style: normal;
}

ul.bibelm span.pages {
    font-weight: normal;
    font-style: normal;
}

ul.bibelm span.date {
    font-weight: normal;
    font-style: normal;
}

abbr {
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #000000;
    letter-spacing: 0em;
    cursor: help;
}

abbr:hover {
    color: #888888;
    letter-spacing: 0.1em;
}

/*A style for embedded figures - a div elm is used to facilitate captions */

div.embedded_fig {
    float: right; 
    margin: 10px; 
    width: 35%;
    text-align: center;
    border: thin solid;
}

div.embedded_fig img {
    margin: 10px;
    width: 90%;
}

div.embedded_fig div.caption {
    text-align: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
}

table.projects {
    width: 100%;
}

table.projects span.nolink {
    font-weight: normal;
}

table.projects tr.sub {
    border-right-style: solid;
    border-right-width: thin;
    border-left-style: solid;
    border-left-width: thin;
    background-color: #dddddd;
}

table.projects tr.bottom {
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-color: #000000;
    background-color: #dddddd;
}

table.projects tr.top {
    border-right-style: solid;
    border-right-width: thin;
    border-left-style: solid;
    border-left-width: thin;
    border-top-style: solid;
    border-top-width: thin;
    background-color: #dddddd;
}

table.projects tr.table_head {
    background-color: #666666;
    font-size: larger;
    font-weight: bold;
    color: #ffffff;
}

table.projects tr.table_head a {
    color: #ffffff;
    text-decoration: none;
}
table.projects tr.table_head a:hover { 
    background-color: #aaaaaa;
}

table.projects tr.table_head a:visited { 
    color: #ffffff;
    text-decoration: none;
}

table.projects td {
    border-style: none;
    border-width: none;
}

button.button {
    width: 30%;
    font-size: large;
    background-color: #cccccc;
}

span.sideheader {
    font-weight: bold;
    font-size: larger;
}