/********
  Common
 ********/
 

BODY {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
}

P,TD, TH {
	font-size: 11px;
/*	border: 1px solid Fuchsia;*/
}

TD {
	padding-right: 5px;	
}

TH {
	text-align: left;
	padding-right: 5px;
}

h1, h2, h3 {
	margin-bottom: 1px;
/*	border: 1px solid Fuchsia;*/
}

tr {
	vertical-align: top;
}

A {
	text-decoration: underline;
	color: #5A5A5A;
}

A:HOVER {
	text-decoration: none;
}

a img {
	border: none;
}

#container {
/*	width: 972px;*/
}

#banner {
/*	border: 1px solid Fuchsia;*/
	clear: both;
	margin: 10px 10px;
	height: 40px;
}

#logo {
/*	border: 1px solid Fuchsia;*/
	background-image: url(../images/tidtilmere_logo2.png);
	width: 300px;
	height: 40px;
	text-align: center;
	float: left;
}

#school_logo {
/*	border: 1px solid Fuchsia;*/
	float: right;
	height: 40px;
	vertical-align: top;
}

.actions a {
}

.low_weight  {
	color: #A0A0A0;
}

.normal_weight {
	
}

.high_weight {
	font-weight: bold;
}

.address_line {
    white-space: pre;
}
.highlight {
	color: #FFA500;
}
.highlight.red {
	color: #FF0000;
}
.highlight.green {
	color: #00A500;
}

.highlight a {
	color: #FFA500;
}

.highlight a:visited {
	color: #FFA500;
}


.order_statistics {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

#room_info {
	border: 1px dashed;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	}

#room_info table {
	
	margin: 5px 0px 5px 0px;
}

/************
  Navigation
 ************/

#navigation {
/*  	border: 1px solid Fuchsia;*/
	margin-bottom: 10px;
	clear: both;
	float: none;
}

#navigation table {
/*  	border: 1px solid Fuchsia;*/
	border-collapse: collapse;
	width: 100%;
}

#navigation td {
/*  	border: 1px solid Fuchsia;*/
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}

#navigation .left_edge {
	text-align: left;
}

#navigation .right_edge {
	text-align: right;
}

#navigation .banner {
	width: 33%;
	vertical-align: bottom;
}

#navigation form {
  margin-top: 0px;
  margin-bottom: 0px;   
  display: inline;
}

.primary {
	height: 30px;
}



.secondary {
	height: 30px;
	background-color: #c3d0e4;
}


.nav1_highlight {
	background-color: #c3d0e4;
}

.nav1_highlight a {
	color: White;
	font-weight: bold;
}

.nav1 a {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}

.nav2_highlight a {
	color: White;
}

.nav2 a {
	color: #5a5a5a;
	margin-right: 10px;
	margin-left: 10px;
}

/*************
  Main Narrow
 *************/

.main_title h1 {
	font-size: 20px;
	font-weight: bold;
/*  	border: 1px solid Fuchsia;*/
	background-color: White;
}

#main_narrow {
	width: 72%;
	float: left;
/*	border: 1px solid Fuchsia;*/
}

#main_narrow th {
    text-align: left;
}

/***********
  Main Wide
 ***********/

#main_wide {
/*	border: 1px solid Fuchsia;*/
	clear: both;
}

#main_wide th {
}

#main_wide table {
/*	margin: 5px;*/ /* Giver hvidt mellem content header og box */
}

/************
	Main half
  **********/

#main_half_left {
	width: 48%;
	float: left;
/*	border: 1px solid Fuchsia;*/
}
#main_half_right {
	width: 48%;
	float: right;
/*	border: 1px solid Fuchsia;*/
}

/*********************
  Main Common Headers
 *********************/

.content_header_1 {
	vertical-align: middle;
	background-color: White;
/*	border: 1px solid Fuchsia;*/
}

.content_header_1 a {
}
.content_header_1 table {
	 width: 98%; /* pga. et mystisk problem i IE */
}
.content_header_1 td {
    text-align: right;
}

.content_header_2 {	
/*	border: 1px solid Fuchsia;*/
	padding: 2px 2px 2px 2px;
	background-color: #c3d0e4;
}

.content_header_2 h2 {
	font-size: 14px;
	vertical-align: middle; 
    display: inline;
}

.content_header_2 a {
}
.content_header_2 table {
	 width: 98%; /* pga. et mystisk problem i IE */
}
.content_header_2 td {
    text-align: right;
}    

/*********************
  Main Common Content
 *********************/

.content_box {
/*	border: 1px solid Fuchsia;*/
	background-color: #e1e2e3;
/*	clear: both;*/
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	line-height: 1.2; /* For at undgå IE Peek-a-boo bug  http://www.positioniseverything.net/explorer/peekaboo.html */
}

.content_box_left {
	width: 43%;
	float: left;
/*	border: 1px solid Fuchsia;*/
	margin-left: 10px;
}

.content_box_left table {
	width: 100%;
}

.content_box_right {
	width: 43%;
	float: right;
/*	border: 1px solid Fuchsia;*/
	margin-right: 10px;
}

.content_box_right table {
	width: 100%;
}

.content_box_spacer {
	width: 20px;
	float: none;
/*	border: 1px solid Fuchsia;*/
}

.content_box_wide {
	clear: both;
/*	border: 1px solid Fuchsia;*/
	
}

.content_box h3 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.content_box p {
	margin-top: 5px;
}

/***************************
  Main Common Content Table
 ***************************/

.content_box table {
	border-collapse: collapse;
/*	border: 1px solid Fuchsia;*/
}

.content_box tr {
	vertical-align: top;
}

.content_box tr.even {
	background-color: White;
}

.content_box tr.uneven {
}

.content_box th{
	text-align: left;
}
.content_box td {
	padding: 2px 2px 2px 2px;
}

.content_box_left td {
	text-align: right;
}
.content_box_left th {
	font-weight: normal;
}
.content_box_right td {
	text-align: right;
}
.content_box_right th {
	font-weight: normal;
}
.content_box_wide td {
	text-align: left;
}

/*********
  Sidebar
 *********/
    
#sidebar {
	width: 25%;
	float: right;
/*	border: 1px solid Fuchsia;*/
	margin-bottom: 10px;
}

#sidebar table {
	width: 100%;
}

#sidebar th {

}

.infobox {
	border: 1px solid Black;
	margin: 3px;
	margin-bottom: 20px;
}

.infobox_header {
	padding: 3px;
	border-bottom: 1px solid Black;
	background: url(/images/infobox_header_shade.png);
}

.infobox_header h2 {
	color: White;
	font-size: 14px;
    display: inline;
}

.infobox_header td {
	text-align: right;
}

.infobox_content {
	padding: 5px 5px 5px 5px;
}

#sidebar th {
    text-align: left;
}

.infobox_header a {
	color: White;
}

/*****************
 Ting fra scaffold
 *****************/
 

.fieldWithErrors {
  padding: 2px;
  background-color: #e1a200;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #e1a200;
  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: #e1a200;
  color: #fff;
}

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

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

#notice {
  border: 2px solid #e1a200;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font-weight: bold; /* smaller; */
}

/* will_paginate styles */

.pagination_info {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pagination {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #C3D0E4;
	text-decoration: none;
	color: #5A5A5A;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #5A5A5A;
	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #5A5A5A;
	font-weight: bold;
	background-color: #5A5A5A;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}