/* Styling standard elements*/
/* Colors used */
/* #545454 == grey-ish text color*/
/* #9db9a9 == green-ish hr color*/
/* silver == border color */


* {
    padding: 0px;
    margin: 0px;
}

body {
    color: #545454; /* grey-ish */
    background-color: white;
    font-size: 76%;
    font-family: Verdana, Tahoma, Arial, sans-serif;
}

table {
    border-width: 0px;
}

th, td {
    vertical-align: top;
}

th {
    text-align: left;
}

img {
    border-width: 0px;
}

option{
    padding-left: 2px;
    padding-right: 2px;
}

h1, h2, h3, h4, h5 {
    color: #545454; /* grey-ish */
}

h1 {
    font-size: 140%;
    margin-bottom: 10px;
}

h2 {
    font-size: 120%;
}

hr {
    border: none;
    border-bottom: 1px solid silver;
    color: silver;
    height: 0px;
    margin: 5px 0px 5px 0px;
}

p {
    margin-top: 1em;
    margin-bottom: 1em;
}

li {
   margin-left: 2em;
}

fieldset {
    margin: 10px 20px 10px 0px;
    padding: 8px 5px 5px 8px;
	border-width: 1px;
	border-style: solid;
    border-color: silver;
}

legend {
    margin: 0px 0px 0px 4px;
    
    padding: 0px 4px 0px 4px;
    font-weight: bold; 
    /* Bug i IE7 gjør at vi mŒ sette farge her */
    color: #545454;
}

textarea.long_input_text, input.long_input_text {
    width: 550px;
}

textarea.long_input_text {
    height: 90px;
}

/* Custom boxes */
#nettskjema_container {
    /* min-width: 930px; */
    /* margin: 20px 49px 0px 49px; */
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 0px;
    /* margin-left: 30px; */
    /* padding: 0px 15px 10px 0px; */
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 0px;
    border-width: 1px;
    border-color: silver;
    border-style: solid;
    background-image: url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/header_bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

/* overstyrer margen fra uio-stilark */
.navmarginbrod, .navmarginline, #nettskjema_container {
   margin-left: 30px;
}

div.title_bar {
    /* padding: 5px 5px 0px 0px; */
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 1.5em;
    color: #545454; /* grey-ish */
}

div.secnav {
    /* padding: 1em 0em 1em 0em; */
    padding-top: 1em;
    padding-right: 0em;
    padding-bottom: 1em;
    padding-left: 0em;
}

span.link {
   margin-right: 1em;
   white-space: nowrap;
}

span.disabled {
   color: #bbbbbb;
}

div.description {
    padding-top: 0.4em;
    padding-bottom: 1em;
}

#navigation_container {
    /* float: left; */
    width: 12.5em;
    padding-right: 7px;
}

#main_container {
    /* margin-left: 14em; */
}

#main_container a {
    text-decoration: underline;
    color: #494949; /* gray-black */
}

#main_container a:hover {
    text-decoration: underline;
    color: green;
}

.error_message {
    border-color: red;
    color: red;
}

.info_message {
    border-color: green;
    color: green;   
}

.info_message, .error_message {
    margin-top: 10px;
    border-width: 0px 0px 0px 4px;
    padding-left: 10px;
    border-style: solid;
    font-size: 110%;
    font-weight: bold;
}

.ok_text {
    color: green;
}

.warning_text {
    color: red;
}

form.inline {
    display: inline;
}

/* Make some HTML forms more visible */
.form_html_border {
    padding: 5px;
    border-width: 1px;
    /* border-color: #494949; */
    border-color: silver;
    border-style: solid;
    background-color: #a5c2cc;   
	background-image: url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/form_bg.gif);
	background-repeat: repeat;
	background-position: top left;  
}

/* for å holde venstrespalten i tabeller smal, særlig i IE :) */
.lock_th_width th {
   width: 12em;
}

/*
table.webreport td {
    padding: 5px;
    border-width: 1px;
    border-color: #494949;
    border-color: silver;
    border-style: solid;
}
*/

table.border-simple {
   border-collapse: collapse;
}

table.border-simple td {
   border: thin solid silver;
   padding: 3px 3px 3px 3px;	
}

/* Standard data table */
table.data_display {
	/* width: 100%; */
}

table.data_display tbody tr td {
	background: #dae9d6 url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

table.data_display tbody tr th, table.data_display tbody tr td {
	padding: 3px 3px 3px 3px;
	border: 1px solid #b1cfa4;
}

table.data_display tbody tr th {
	padding-right: 1em;
    color: #494949; /* gray-black */ 
	text-align: left;
	font-weight: bold;
	background: #c0d0b8 url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

table.data_display td.transp_cell {
    background: transparent;
    border: 0px;
}

table.data_display tr.white_paragraph td {
    font-size: 0.3em;
}


/* Table with invitations */

table.invitations tr.added td {
   background: #eeeeee;
}

table.invitations tr.checked td {
   background: #dae9d6;
}

table.invitations tr.error td {
   background: #e9afaf;
}


/* Fancy ul in navigation */

#navigation_container hr {
    border: none;
    border-bottom: 1px dotted #9db9a9;
    color: #9db9a9;
    height: 0px;
    margin: 0.5em 10px 0.5em 10px;
}

ul.navigation {
}

ul.navigation li {
    /* list item dimensions */
    height: 1.5em;
    /* suppress item markers */
    list-style-type: none;
    /* suppress default li margin */
    margin-left: 0em;
}

ul.navigation li a {
    display: block;
    width: 12.5em;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #545454; /* grey-ish */
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: white;
}

/* fancy selected menu */
ul.navigation li a.selectedMenuItem{
    background-image: url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/navigation_bg.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

ul.navigation li a:hover {
	/* border-width: 1px 1px 1px 1px; */
	/* border-style: dotted; */
	border-color: #545454;	
}

.navigation_text_padding {
    padding-left: 10px;
}

#swishForm {
    margin-bottom: 10px;
}



/* sections and questions */

.form_description {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.about_form {
    margin-bottom: 1em;
}

.skjemaSeksjonColorRed {
	border-color: #8B0000;
	border-width: 1px;
    border-style: solid;
    background: #F08080 url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

.skjemaSeksjonColorGreen {
	border-color: #808000;
	border-width: 1px;
    border-style: solid;
    background: #8FBC8F url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

.skjemaSeksjonColorBlue {
	border-color: #778899;
	border-width: 1px;
    border-style: solid;
    background: #B0C4DE url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

.skjemaSeksjonColorDefault {
	border-color: gray;
	border-width: 1px;
    border-style: solid;
    background: #F5F5DC url(/search/nb/20070603210204oe_/https://nettskjema.uio.no/gfx/cell_bg.gif) no-repeat top left;
}

#sections_and_copy_box {
    overflow: hidden;
}

#sections {    
    float: left;
    
}

.section {
  margin-bottom: 20px;
  padding: 10px;
}

.section h2 {
    display: inline;
}

.section_description {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.questions li {
    list-style-type: none;    
}

div.question span.text {
    font-weight: bold;
    /*
    padding-top: 5px;
    padding-bottom: 5px;
    */ 
}

ul.questions {
    padding-top: 10px; 
    padding-bottom: 10px; 
    line-height: 1.3em; 
}

ul.questions li {
    list-style-type: none;
    margin-left: 3em;
}

ul.web_report_answer li {
    list-style-type: disc;
    margin-bottom: 4px;
}

.question {
    margin-top: 2em;
	vertical-align: bottom;
    display: inline;
    margin-bottom: 2em; 
}

.question_description {
    /*
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    */
}

/* published question */
.published {
	color: green;
}

/* mandatory question */
.mandatory {
  color: red;
  font-weight: bold;
  font-size: 120%;
  vertical-align: bottom;
}

.answer {
	vertical-align: top;
    margin-left: 2em;
    padding-bottom: 5px;
}

#copy_template_box {
 /*   float: right; */
	border-width: 6px;
	border-style: groove;
	padding: 0px 5px 5px 5px;
	border-color: #eeeeee;
    margin-left: 15px;
}

#copy_template_box li {
    list-style-type: none;
    margin-left: 1.0em;
}

.emailPreview {
	font-family: monospace;
	font-size: 110%;
    border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding: 5px;
}


/* error in form, displayed where the error occured */
.form_error {
   display: block;
   color: red;
   margin-top: 4px;
   margin-bottom: 4px;
}

.space_below {
  	margin-bottom: 2em;
}

.some_space_below {
  	margin-bottom: 0.5em;
}

.clear_both {
    clear: both;
}

li.no_bullet {
    list-style-type: none;
}

/* Advarsel: utviklingsbase */
.warning {
	border-width: 1px;
	border-style: solid;
	border-color: red;
	padding: 3px;
	color: red;
  	font-weight: bold;
}

.nowrap {
   white-space: nowrap;
}