/*dokumentinstillinger*/
body
{
	padding: 0 0 0 180px;
	margin: 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

a:link    { color: #2950AE; }
a:visited { color: #2950AE; }
a:active  { color: #2950AE; }

div#sidebar
{
	position: fixed;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: 100%;
	width:160px;
	background-color: #FFF;
	z-index: 10;
}


div#logo
{
	margin-top: 10px;
	margin-left: 10px;
	height: 79px;
	width: 150px;
}

div#webschool
{
	position: fixed;
	bottom: 10px;
	left: 10px;
	height: 44px;
	width: 149px;
	z-index: 20;
}

div.nav { border: 2px solid #D6DEF5; margin: 10px; width: 150px; }
div.nav h3
{
	background-color: #D6DEF5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	min-height: 25px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
div.nav ul { list-style-type: none; padding-left: 5px; margin: 2px 0 2px 0;}
div.nav ul li { margin-bottom: 2px; }
div.nav p { margin: 0.2em 0.5em 0.2em 0.5em;}
.forgot_password {font-size: smaller;}

h1 { padding-top: 50px; margin: 0px; color: #4B6BBA; }
h1#page_header { margin-bottom: 30px; }
h2 { color: #60686A; font-size: medium; font-weight: bold; padding: 0; margin-bottom: 5px; }
a img { border-style: none; }

.complete { background-color: #cfc; }
.theory   { background-color: #ffc; }
.started  { background-color: #ffc; }
.pending  { background-color: #fcc; }

.blue    { background-color: #D6DEF5; }
.small   { font-size: small; }
.fgreen  { color: #0f0; }
.fyellow { color: #ffc; }
.fred    { color: #f00; }
.fblue   { color: #D6DEF5; }

.hidden { display: none; }

p.bildetekst {padding-top: 0px; margin-top: -15px; margin-bottom: 10px;}
.bildetekst {font-size: smaller; font-style: italic;}
img { padding: 0px; margin: 0px; }

hr.underline
{
	border: none 0;
	border-top: 2px solid #D6DEF5;
	height: 2px;
	margin-top: -5px;
}

table tr.spacer { height: 20px; }
#catalog h2 { margin: 0px; padding: 0px; }
#catalog td { padding-right: 20px; }
th { text-align: left; }

.inline-list { margin: 0; padding: 0; list-style-type: none; }
.inline-list li { display: inline; }
.inline-list li:after { content: ", "; }
.inline-list li:last-child:after { content: ""; }

.navigation li:after { content: " | "; }
.navigation li:last-child:after { content: ""; }

ul.no-bullets { list-style-type: none; }
ul.wide-top-margin li { margin-top: 10px; }

ul#user_actions { margin-left: 0; padding-left: 1.7em; }
li#new_user  { list-style-image: url("/images/icons/new_user.png"); }
li#new_group { list-style-image: url("/images/icons/new_group.png"); }

img#course_image { float: right; margin: 0 10px 20px 10px;}

span.required-field { text-align: right; color: #ff0000; }
div.fieldWithErrors input { border: 1px solid #ff0000; }

/**** RAILS SCAFFOLDING ****/
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/**** FLASH STYLES ****/
.flash {
	border: 1px solid;
	margin: 0 1em 1em 0;
	padding: 0.1em 1em 0.1em 2em;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.flash p { margin-top: 0.3em; margin-bottom: 0.3em; }

.notice {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/icons/notice.png');
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/icons/warning.png');
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/icons/error.png');
}